.romeo .img-responsive {
    width: 100% !important;
}

.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 !important;
}
@media (min-width: 992px) {
  .flex-dash-row .dash-card-custom .card-body {
    /** changing the height of the custom pane body **/
      max-height: 800px;
    }
}

/** added by GTI -  this can be removed when TC-19440 goes live**/
@media (min-width: 992px) {
    .romeo .main-banner-outer .main-banner-container .main-banner-brand {
        padding: 0.5rem 1rem;
    }
    .romeo .main-banner-outer .main-banner-container .main-banner-txt p {
        background: #313d5275;
        padding: 0.5rem 1rem;
    }
}


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


/** added by GTI (Angela) fixing IE bug: TC-19440 **/
.romeo .main-banner-outer .main-banner-container .main-banner-brand {
    max-width:360px;
}

#activity-modal .modal-dialog {
        width: 65%;
}

/** added by GTI (Angela) - custom pane (cp) - August 2020 **/

.cp-row {
    margin:0 0 .75rem 0;
    justify-content: space-between;
    }
.cp-row .cp-block {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0 .75rem 0 0;
    text-decoration:none;
    justify-content: space-between;
    border-width:2px;
    border-style:solid;
    }
.cp-row .cp-block:last-child {
    margin-right: 0;
    }
.cp-row .cp-block.bg-color-1 {background-color: rgb(12 116 106);border-color:#0C746A;}
.cp-row .cp-block.bg-color-2 {background-color: rgb(209 91 2);border-color:#D15B02;}
.cp-row .cp-block.bg-color-3 {background-color: rgb(205 167 10);border-color:#CDA70A;}
.cp-row .cp-block.bg-color-1:hover, .cp-row .cp-block.bg-color-1:active, .cp-row .cp-block.bg-color-1:focus {background-color:rgb(12 116 106 / .6);border-color: rgb(12 116 106 / .1);}
.cp-row .cp-block.bg-color-2:hover, .cp-row .cp-block.bg-color-2:active, .cp-row .cp-block.bg-color-2:focus {background-color:rgb(209 91 2 / .6);border-color:rgb(209 91 2 / .1)}
.cp-row .cp-block.bg-color-3:hover, .cp-row .cp-block.bg-color-3:active, .cp-row .cp-block.bg-color-3:focus {background-color:rgb(205 167 10 / .6);border-color:rgb(205 167 10 / .1)}
.cp-row .cp-block img {
    width: 80%;
    margin: 0 auto;
    }
.cp-row .cp-block span {
    background: rgb(255 255 255 / .7);
    font-size: .85rem;
    padding: .45rem 0;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: -2rem;
    font-weight: 600;
    }
.cp-row .cp-block .fa-external-link {
    color: #fff;
    position:absolute;
    top: .35rem;
    right: .35rem;
    display:block;
    font-size: .75rem;
    }
.cp-banner {
    width:100%;
    background-color: #660066;
    justify-content: space-between;
    padding-left: 1rem;
    margin-bottom: .75rem;
    }
.cp-banner img {
    max-height: 150px;
    width: auto;
    min-height: 100px;
    }
    
/************************
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 
*************************/