﻿body {
    color: #12302e;
    font-family: "Open Sans", "Helvetica", arial;
}
:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}
img {
    height: auto;
    max-width: 100%;
    border: 0;
}
strong {
    font-family: "Roboto Condensed";
}
.menulogo img.d-md-inline-block {
    max-width:140px;
}
#navbar .navbar-nav.navbar-custom > li > a {
    font-size: 12px;
    font-weight:400;
}
    #navbar .navbar-nav.navbar-custom > li.active > a {
        background: #FFF !important;
        color: #930f79 !important;
        text-decoration: none !important;
        border-color: #FFF !important;
    }
    #navbar .navbar-nav.navbar-custom > li > a:hover, #navbar .navbar-nav.navbar-custom > li > a:focus {
        background: #FFF !important;
        border-color: #FFF !important;
        color: #930f79 !important;
    }
#navbar .navbar-nav.navbar-custom .dropdown-menu li a, #navbar .navbar-nav.navbar-custom .dropdown-menu li p {
    font-size: 10px !important;
    letter-spacing: 0 !important;
    margin-bottom: 0;
    color: #555;
}
    #navbar .navbar-nav.navbar-custom .dropdown-menu li p.disabled {
        color: #bfbfbf!important;
    }
    #navbar .navbar-nav.navbar-custom .dropdown-menu a.nav-link:hover {
        color: #930f79 !important;
    }
#navbar .navbar-nav.navbar-custom .dropdown-menu li.nav-li-bordered {
    border-bottom: 1px solid #777;
    border-top: 1px solid #777;
}
#navbar .navbar-nav.navbar-custom .dropdown-menu {
    width:max-content;
}
#navbar .navbar-nav.navbar-custom .dropdown-menu p.nav-link {
    text-transform: uppercase !important;
    border-bottom: 1px solid #eee;
    padding: 15px 20px !important;
}
.site-inner {
    clear: both;
    margin-top: 80px;
    margin-bottom: 60px;
    overflow: hidden;
}
.main-footer-white {
    font-size:12px;
    line-height:20px;
    padding: 30px 0;
}
    .main-footer-white .loghi {
        margin-bottom: 30px;
        border-top:1px solid #ddd;
        padding-top:20px;
    }
    .main-footer-white p{
        margin-bottom:0px;
    }
.access-container {
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 5px;
}
.vl {
    border-left: 2px solid #cfcdcd;
    height: 200px;
    margin-left: calc(50% - 2px);
}
.nav-login {
    padding-left:20px;
}
    .nav-login i{
        font-size:16px;
    }
.form-control {
    padding: 4px 10px;
    height: 34px;
}
.validation-summary-errors ul {
    list-style: none;
    padding-left: 0;
    font-size: 12px;
}
.heading {
    color: #383972;
    position: relative;
    margin: 0 0 1.612rem;
    line-height: 1.2;
    font-family: "Roboto Condensed";
    font-weight: 700;
    text-transform: uppercase;
}
    .heading.heading-h1 {
        font-size:42px;
    }
    .heading.heading-h2 {
        font-size: 38px;
    }
    .heading.heading-h3 {
        font-size: 32px;
    }
    .heading.heading-h4 {
        font-size: 26px;
    }
    .heading.heading-h5 {
        font-size: 22px;
    }
.customwzrd.wizard > .steps a, .customwzrd.wizard > .steps a:hover {
    padding: 10px;
    font-size: 14px;
}
.customwzrd.wizard > .steps .current a, .customwzrd.wizard > .steps .current a:hover, .customwzrd.wizard > .steps .current a:active {
    background-color: #930f79;
}
.customwzrd.wizard > .steps .done a, .customwzrd.wizard > .steps .done a:hover, .customwzrd.wizard > .steps .done a:active {
    background: #d19dc6;
}
.customwzrd.wizard > .content {
    background:#FFF;
}
    .customwzrd.wizard > .content > .body {
        width:98%!important;
        padding:2.5% 1%;
    }
.customwzrd.wizard > .steps .error a, .customwzrd.wizard > .steps .error a:hover, .customwzrd.wizard > .steps .error a:active {
    background: #ff3111 !important;
}
.form-label {
    margin-bottom: 2px !important;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
}
.form-control.inputerror {
    border-color: #fa0000 !important;
    box-shadow: 0 0 0 0.2rem rgba(241, 0, 0, 0.25);
}
.socialrow {
    display:block;
    margin-top:10px;
    width: 100%;
}
    .socialrow i {
        width: 26px;
        height: 30px;
        padding: 8px 2px;
        text-align: center;
        color: #930f79;
        position: absolute;
    }
    .socialrow input {
        padding-left:26px;
    }
.customwzrd.wizard > .actions a, .customwzrd.wizard > .actions a:hover, .customwzrd.wizard > .actions a:active {
    background: transparent;
    color: #383972;
    padding: 20px 4px;
    font-size: 14px;
    font-weight: bold;
}
.customwzrd.wizard > .actions li:last-child a {
    background: #28a745 !important;
    color: #FFF !important;
    padding: 10px;
    margin-top: 10px;
}
.label-required:after {
    content: " *";
    color: red;
}
.site-inner-cols {
    background-image: url(/Content/img/inner_bck_l2.png), url(/Content/img/inner_bck_r2.png);
    background-repeat: repeat-y;
    background-position: left top, right top;
    clear: both;
    overflow: hidden;
    min-height:500px;
}
    .site-inner-cols .content-sidebar-wrap {
        width: 66.145833333333%;
        margin: 0 auto;
    }
.artistpage .entry-title, .entry-title-custom {
    border-bottom: 3px solid #F5BA7C;
    text-transform: none !important;
    padding-bottom: .3em;
    font-size: 60px;
}
    .artistpage .entry-title.title-md, .entry-title-custom.title-md {
        font-size: 40px !important;
    }
    .artistpage .entry-subtitle {
        font-size: 30px;
        color: #930f79;
    }
.artistpage .section-title {
    margin-top: 22px;
    margin-bottom: 2px;
}
    .artistpage .section-title strong {
        font-size: 22px;
        text-transform: uppercase;
    }
.list-comp {
    list-style: none;
    padding-left: 0;
}
.social-link {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
    .social-link li {
        display: inline-block;
    }
        .social-link li a {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #971282;
            line-height: 40px;
            text-align: center;
            margin-top: 5px;
            margin-right: 5px;
        }
    .social-link li i{
        color:#FFF;
    }
.rmcp {
    position: absolute;
    bottom: 25px;
    right: 30px;
    width: 24px;
    height: 24px;
    background: #930f79;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    cursor:pointer;
}
.site-container {
    max-width: 1200px;
    margin: 0 auto;
}
.artist_box {
    width: 100%;
    padding: 10px;
    display: flex;
    background-color: #f6f6f6;
    margin-bottom: 20px;
    color: #777;
    opacity: 0.8;
}
    .artist_box:hover, .artist_box:focus {
        text-decoration: none;
        color: #777;
        opacity: 1;
    }
    .artist_box h3 {
        margin-bottom: 4px;
        font-weight: 400;
        color: #312385;
        font-size: 18px;
    }
    .artist_box p {
        margin-bottom: 0;
        font-size:14px;
    }
    .artist_box .art-info{
        width:80%;
    }
    .artist_box .art-icon {
        width: 20%;
    }
        .artist_box .art-icon i {
            float: right;
            color: #cdcccc;
            font-size: 34px;
            margin-top: calc(50% - 30px);
        }
.fa_1::before {
    content: "\f001";
}
.fa_2::before {
    content: "\f1fc";
}
.fa_3::before {
    content: "\f1ae";
}
.fa_4::before {
    content: "\f11a";
}
.fa_5::before {
    content: "\f2a7";
}
.fa_6::before {
    content: "\f118";
}
.fa_7::before {
    content: "\f005";
}
.fa_8::before {
    content: "\f0d0";
}
.fa_9::before {
    content: "\f028";
}
.text-xxs {
    font-size:0.8rem;
}
.event_list {
    list-style:none;
    width:100%;
    padding-left:0;
}
    .event_list li {
        background-color: #f0f0f0;
        margin-bottom: 20px;
        font-size: 14px;
        padding: 6px 10px;
        -ms-flex-align: center !important;
        align-items: center !important;
        display: flex;
        justify-content: center;
    }
        .event_list li p {
            margin-bottom: 0;
            font-size: 10px;
            line-height: 20px;
        }
        .event_list li.list-primary {
            border-left: 5px solid #007bff;
        }
        .event_list li.list-danger {
            border-left: 5px solid red;
        }
        .event_list li .et_hours {
            width:10%;
        }
        .event_list li .et_info {
            width: 60%;
        }
        .event_list li .et_actions {
            width: 30%;
        }
            .event_list li .et_actions .btn {
                float: right;
                padding: 4px 12px;
                font-size: 12px;
                font-weight: 600;
            }

    .event_list.artist_list li .et_hours {
        width: 20%;
    }
    .event_list.artist_list li .et_info {
        width: 80%;
    }

    .event_list.calendar_list li {
        padding:0!important;
    }
        .event_list.calendar_list li .et_hours {
            width: 20%;
            padding: 10px;
        }
        .event_list.calendar_list li .et_info {
            width: 40%;
            padding: 10px;
        }
        .event_list.calendar_list li .et_band {
            width: 40%;
            padding: 10px;
            position:relative;
        }
            .event_list.calendar_list li .et_band a {
                color: #FFF;
                font-weight:bold;
            }
            .event_list.calendar_list li .et_band p {
                color: #FFF;
            }
            .event_list.calendar_list li .et_band i {
                position: absolute;
                color: #FFF;
                right: 10px;
                font-size: 24px;
                top: calc(50% - 14px);
                opacity: 0.5;
            }
    .event_list.calendar_list .list-1 {
        border-left: 5px solid #fdd601;
    }
    .event_list.calendar_list li.list-1 .et_band, .bcol_1 {
        background-color: #fdd601;
    }
    .event_list.calendar_list .list-2 {
        border-left: 5px solid #b658a7;
    }
    .event_list.calendar_list li.list-2 .et_band, .bcol_2 {
        background-color: #b658a7;
    }
    .event_list.calendar_list .list-3 {
        border-left: 5px solid #f38900;
    }
    .event_list.calendar_list li.list-3 .et_band, .bcol_3 {
        background-color: #f38900;
    }
    .event_list.calendar_list .list-4 {
        border-left: 5px solid #4eb5f7;
    }
    .event_list.calendar_list li.list-4 .et_band, .bcol_4 {
        background-color: #4eb5f7;
    }
    .event_list.calendar_list .list-5 {
        border-left: 5px solid #458d99;
    }
    .event_list.calendar_list li.list-5 .et_band, .bcol_5 {
        background-color: #458d99;
    }
    .event_list.calendar_list .list-6 {
        border-left: 5px solid #c7762e;
    }
    .event_list.calendar_list li.list-6 .et_band, .bcol_6 {
        background-color: #c7762e;
    }
    .event_list.calendar_list .list-7 {
        border-left: 5px solid #c72e2e;
    }
    .event_list.calendar_list li.list-7 .et_band, .bcol_7 {
        background-color: #c72e2e;
    }
    .event_list.calendar_list .list-8 {
        border-left: 5px solid #2e38c7;
    }
    .event_list.calendar_list li.list-8 .et_band, .bcol_8 {
        background-color: #2e38c7;
    }
    .event_list.calendar_list .list-9 {
        border-left: 5px solid #c72ebd;
    }
    .event_list.calendar_list li.list-9 .et_band, .bcol_9 {
        background-color: #c72ebd;
    }
.col_1 {
    color: #fdd601;
}
.col_2 {
    color: #b658a7;
}
.col_3 {
    color: #f38900;
}
    .col_4 {
        color: #4eb5f7;
    }
    .col_5 {
        color: #458d99;
    }
    .col_6 {
        color: #c7762e;
    }
    .col_7 {
        color: #c72e2e;
    }
    .col_8 {
        color: #2e38c7;
    }
    .col_9 {
        color: #c72ebd;
    }

    .btn {
        cursor: pointer;
    }
.artBox {
    padding: 10px 10px 10px 30px;
    margin-bottom: 30px;
    width: 100%;
    min-height: 100px;
    display: flex;
    align-items: center;
    background: #f0f0f0;
}
    .artBox.artBox_1 {
        border-right: 6px solid gold;
    }
    .artBox.artBox_2 {
        border-right: 6px solid #b658a7;
    }
    .artBox.artBox_3 {
        border-right: 6px solid #f38900;
    }
    .artBox.artBox_4 {
        border-right: 6px solid #4eb5f7;
    }
    .artBox:hover {
        text-decoration: none;
        background:#d4d4d4 ;
    }
    .artBox .artInfo p {
        margin-bottom: 2px;
        color: #f49924;
    }
    .artBox .artInfo h3 {
        margin-bottom: 0px;
        color:#000;
    }
.scrollable-div {
    max-height:400px;
    overflow-y:auto;
}
.table.table-scroll {
    /*width:100%; */
    display: block;
    empty-cells: show;
    /* Decoration */
    border-spacing: 0;
    border: 1px solid #ccc;
}

    .table.table-scroll thead {
        background-color: #f1f1f1;
        position: relative;
        display: block;
        width: 100%;
        overflow-y: scroll;
    }

    .table.table-scroll tbody {
        /* Position */
        display: block;
        position: relative;
        width: 100%;
        overflow-y: scroll;
        height: 300px;
    }

    .table.table-scroll tr {
        width: 100%;
        display: flex;
    }

    .table.table-scroll td, .table-scroll th {
        flex-basis: 100%;
        flex-grow: 2;
        display: block;
        text-align: left;
    }


.multiselect_div .multiselect-container {
    width: 100%;
}
.multiselect_div .multiselect-container li a{
    width: 100%;
    padding: 0 15px;
}
.popupHeader {
    font-weight: bold;
}
.btn-idn {
    cursor:pointer;
}
.googlemap_wrap {
    position: relative;
    height: 400px;
    overflow: hidden;
}
   
    .googlemap_wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.pastevents {
    min-height:500px;
}
.filterlink .dropdown-div {
    display: none;
    position: absolute;
    z-index: 999;
    right: 0;
    top: 28px;
    background: #FFF;
    padding: 10px;
    border: 1px solid #ccc;
}
    .filterlink .dropdown-div .form-group{
        margin-bottom:0;
    }
    .filterlink .dropdown-div.show {
        display: block;
    }
.filterlink #dd-filter {
    float: right;
    cursor: pointer;
    width: max-content;
    font-weight:600;
    color: #838383;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
#sidebar-wrapper {
    min-height: 100vh;
    margin-left: 0;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}
    #sidebar-wrapper .sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
    }
    #sidebar-wrapper .list-group {
        width: 15rem;
    }
.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
#page-content-wrapper {
    min-width: 0;
    width: 100%;
    background: #f7f7f7;
}
.container-admin {
    padding:70px 50px;
}
.bg-violet {
    background: rgb(119, 119, 119);
    color: #fff;
}
#sidebar-wrapper .sidebar-list-item {
    position: relative;
    display: block;
    border-top: 1px solid rgba(244, 244, 244, 0.13);
    border-bottom: 1px solid rgba(244, 244, 244, 0.13);
}
    #sidebar-wrapper .sidebar-list-item a {
        padding: .75rem 1.25rem;
        opacity: 0.5;
        display: block;
        color: #fff;
        font-size:14px;
    }
    #sidebar-wrapper .sidebar-list-item.active {
        background-color: #930f79;
    }
    #sidebar-wrapper .sidebar-list-item.active a{
        opacity: 1;
    }
    #sidebar-wrapper .sidebar-list-item a:hover {
        text-decoration:none!important;
    }
.bottom-border {
    border-bottom: 1px solid #e8e8e8;
}
.card-header-violet {
    background-color: #312385;
    color: #fff;
}
.artistedit .entry-title {
    border-bottom: 3px solid #F5BA7C;
    text-transform: none !important;
    padding-bottom: .3em;
    font-weight: 400;
    width: max-content;
}
.artistedit .entry-subtitle {
    font-weight: 400;
    font-size: 16px;
}
.artistedit label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}
.calendariopage {
    min-height:500px;
}
.text-select {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: inherit;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    font-weight: 600;
    color: #838383;
    text-align: right;
    cursor: pointer;
    padding: 0 10px;
}
.text-select option{
    font-weight: 200;
    color: #838383;
}
.form-control.text-select:focus {
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #838383!important;
}
.text-select-div {
    display: block;
    position: relative;
}
    .text-select-div form {
        width: 100%;
        z-index: 999;
    }
    .text-select-div:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        color: #838383;
        position: absolute;
        top: 15px;
        right: 0;
    }
.req-options {
    margin-left: 20px;
}
    .req-options i {
        cursor: pointer;
        padding: 4px;
    }

    .req-options .dropdown-toggle::after {
        display: none !important;
    }
.blackdrop li {
    padding: 4px 10px;
}

    .blackdrop li a {
        color: #777;
        font-size: 14px;
        text-decoration: none;
    }

        .blackdrop li a:hover {
            color: #000;
        }
.tr_grey {
    opacity: 0.8;
}
    .tr_grey td {
        color: #5d5d5d !important;
        background: #dcdcdc !important;
    }
.claim {
    margin-top: 14px;
    margin-bottom: 24px;
    background: url("/Content/img/claim-bck.png") no-repeat;
    background-size: auto;
    background-size: cover;
    height: 314px;
    padding-top: 4em;
}
.notif {
    font-size: 11px;
    color: red;
    margin-bottom: 0;
    line-height: 22px;
    display: block;
    position: relative;
    height: 22px;
}
.bottom-align {
    position: absolute;
    bottom: 0;
}
.front-page-4 {
    color: #383972;
    position: relative;
    line-height: 1.2;
    font-family: "Roboto Condensed";
    font-weight: 700;
    font-size: 2.5em;
    text-transform: uppercase;
}
.front-page-5 {
    color: #383972;
    position: relative;
    line-height: 1.2;
    font-family: "Roboto Condensed";
    font-weight: 700;
    font-size: 2.0em;
    text-transform: uppercase;
}
.home-text p {
    font-size: 1.1em;
    line-height: 1.8em;
}
.showpw {
    color: #971282;
    line-height: 30px;
    cursor: pointer;
}
.form-disabled input {
    pointer-events: none;
    background: #efefef;
}
.table-note {
    font-size: 0.7em;
}
.table-note .isadmin {
    background: #f0dffe;
}
.form-horizontal.form-disabled input, .form-horizontal.form-disabled select {
    pointer-events: none;
    background-color: #ededed;
    opacity: 0.8;
}
@media (min-width:1024px) {
    .container.bb-container {
        max-width: 1280px!important;
    }
}





@media only screen and (max-width: 800px) {
    .menulogo {
        width: 190px;
    }
    .menulogo img{
        width: 100%;
    }
    #navigation .navbar-nav li a {
        text-align: left;
        font-size: 16px !important;
    }
    .loghi .col-sm-3 {display:none;}
    .loghi .col-xs-4 {
        width:33%!important;
    }
    .site-inner-cols {
        background-image:none!important;
    }
        .site-inner-cols .content-sidebar-wrap {
            width: 100%!important;
            margin: 0 auto;
        }
    .calendariopage .text-w-filter {
        margin-top: 20px !important;
    }
    .filterlink .dropdown-div {right:22px;}
    .artistpage .entry-title, .entry-title-custom {
        font-size: 34px;
        word-wrap: anywhere;
    }
    .artistpage .entry-subtitle {
        font-size: 22px;
        word-wrap: anywhere;
    }
    .entry-title-custom.title-md span {
        display:none!important;
    }
    .event_list.event_list_edit li {
        display: block;
    }
        .event_list li .et_hours, .event_list li .et_info, .event_list li .et_actions {
            width: 100%;
        }
            .event_list li .et_actions .btn {
                float: inherit;
                margin-top: 10px;
            }
    .navbar-custom .dropdown .accountmenu-icon {
        display:none!important;
    }
    .navbar-custom .dropdown .dropdown-menu {
        display: block !important;
        width:100%!important;
    }
    #navbar .navbar-custom .dropdown .dropdown-menu a.nav-link, #navbar .navbar-custom .dropdown .dropdown-menu p.nav-link {
        padding: 12px 10px !important;
        font-size: 16px !important;
        text-align: left;
        border: none;
    }
    .vl {
        border-left:none;
        height:100px;
    }
    .wizard > .steps > ul > li {
        width: 100% !important;
    }
    .nav-login{padding-left:0!important;}
}

