/************************
GTI - OPERATOR UI 
*************************/
.page-operator header .page-brand {
    background: #17191C;
    }
.page-operator header .navbar-toggler {
    color:#fff;
    }
.page-operator header .navbar-toggler:hover, .page-operator header .navbar-toggler:active, .page-operator header .navbar-toggler:focus {
    color:#ffffff6b;
    }
@media (max-width: 992px) {
    header .page-header .header-links .user-details>a, 
    header .page-header .header-links .user-details>a .fa-user-circle,
    header .page-header .header-links .beamer_button .fa-stack i    {
        color: #fff;
        }
    }

.dhx_cal_container .dhx_cal_event.calSessionHeader34 div{
  background-color: #F5ABE9;
  color: #FFFFFF;}

/************************
END - GTI - OPERATOR UI 
*************************/

.dhx_scale_holder_now{
    background-color: #f7f0c8;
}


@media(max-width: 450px){
    header .site-logo {
        height:auto;
        max-width:315px;
    }
}
@media(max-width: 320px){
    header .site-logo {
        height:auto;
        max-width:260px;
    }
}

.dhx_cal_event.calLocationHeaderTEST{
    color: #fff;
    background: linear-gradient(to right, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%);
}

.romeo .main-banner-txt { 
    display:none
}

.romeo  .main-banner-logo-large {
        display:none
}

/** ADDED BY GTI/ANG - CUSTOM PANE **/
@media (min-width: 992px) {
    .flex-dash-row .dash-card-custom .card-body {
        max-height: none;
        padding-bottom: 0!important;
        }
    }
.custom-content-client .cp-link-overlay {
    width:fit-content;
    }
.custom-content-client .cp-link-overlay .cp-overlay-hover {
    height: calc(100% - 25px);
    border-radius: 100%;
    }
@media (max-width: 576px) {
    .custom-content-client a.cp-link:hover .cp-overlay-hover, .custom-content-client a.cp-link:focus .cp-overlay-hover {
        opacity: 0;
        /* stop the overlay hover on mobile, cos it's broke! */
      }
    }
    
    
.dashboard-content .card h1.dash-card-header {
    color: #6f3092;
}

.card .card-body {
    color: #6f3092;
}