/** GTI/ANG - SUI-867 - background colour of the events api **/
.main-content {
    background-color:#F5F7FA;
}

/*.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header { */
   /** hiding the custom pane title **/
/*    display:none;*/
/*}*/
/*.romeo .dashboard-content .dashboard-custom .dash-card-custom .card-body {*/
    /** removing the padding the custom pane box **/  
/*    padding:0 10px !important;*/
/*}*/
.cp-banner {
  position:relative;
}
.cp-banner .cp-banner-text {
  background: rgb(255 255 255 / .8);
  font-size: 1.5rem;
  padding: .45rem .75rem;
  display: block;
  width: 100%;
  font-weight: 600;
  position: absolute;
  bottom:0;
  }
  
  
/*GTI / ANG - updating the height of the custom pane  */
@media (min-width: 992px) {
.flex-dash-row .dash-card-custom .card-body {
    max-height: 515px;
  }
}

  
/*********************************************************************
GTI - ANG - STUDENT UI BANNER - moving banner text from left to right  (TC-26909)
**********************************************************************/
@media (min-width: 768px) {
    .romeo .main-banner-outer .main-banner-container {
        justify-content: space-between;
    }
}


/************************
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;
        }
    }
/************************
END - GTI - OPERATOR UI 
*************************/