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

@media (min-width: 768px) {
    header .site-logo {
        height:62px;
        }
    }

/**
.romeo .main-banner-outer .main-banner-container .main-banner-txt p {
    color: #000;
    text-shadow: none;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: normal;
    margin: 6px 0 0 15px;
    }
**/
    
/** ADDED BY ANG FOR MANCHESTER DEMO/PITCH
.romeo .main-banner-outer .main-banner-container .main-banner-brand {
    justify-content: left;
}
.romeo .main-banner-outer .main-banner-container .main-banner-brand img {
    margin:0;
    max-width: 200px;
}
.romeo .dash-organisations .logos .item img {
    width:120px;
}
 **/

/** EVENT HACK!!!!  ANG   added for demos - to make specific events look good.  This will mess stuff up! **/
/*.romeo .eventDetails .bottom-margin.row:before {*/
/*    display: block;*/
/*    content: "";*/
/*    background: url(https://images1.groupgti.com/themes/targetconnect/demo-standout-small.jpg);*/
/*    height: 200px;*/
/*    width: 100%;*/
/*    background-size: cover;*/
/*    margin-top: -25px;*/
/*}*/
.romeo .eventDetails h1.heading.heading-bleed {
    margin-bottom:-15px;
}
.romeo .eventDetails .col-lg-8 .display-group .col-sm-4 {
    display:none;
}
.romeo .eventDetails .col-lg-8 .display-group .col-sm-8 {
    width:100%;
}
.romeo .eventDetails .col-lg-8 .display-group:first-child .col-sm-8 .form-control-static {
    /* margin:-40px 0 0 -15px; why did I add this?! */
}
.romeo .eventDetails .col-lg-4.col-xs-12.top-margin-xl-xs.no-top-margin-lg .btn-primary {
    margin: 30px auto 20px auto;
    display: block;
    width: auto;
    font-size: 1rem;
    font-weight: 600;
}
.romeo .eventDetails .col-lg-4.col-xs-12.top-margin-xl-xs.no-top-margin-lg .btn-default {
    display:block;
}
.display-group:first-of-type, .display-info-border:first-of-type {
    border:none;
}
.romeo .eventDetails .leap-link-event {
    display:none;
}
.romeo .eventDetails h2.legend {
    font-size: 18px;
    border: none;
    margin-bottom: 15px;
}
.romeo .eventDetails .text-center.bottom-margin a { /** ask a question link **/
    background: transparent !important;
    white-space: normal;
}
.romeo .eventDetails .text-center.bottom-margin a:hover span, .romeo .eventDetails .text-center.bottom-margin a:active span {
    color: #6b2c91;
}
.romeo .eventDetails .text-center.bottom-margin a span {
    font-weight: 600;
    margin-top: 9px;
    display: block;
    float: left;
    margin-left: 10px;
}
.romeo .eventDetails .text-center.bottom-margin a .fa-question-circle {
    background: #d6d6d6;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin:0;
}
.romeo .eventDetails .text-center.bottom-margin a .fa-question-circle:before {
    content: "\f128";
    color: #6b2c91;
    top: 10px;
    left: 11px;
    position: absolute;
}
/** EVENT HACK!!!! **/




/** PLACEMENTS HACK!!!! added for just one placement - summer internship **/
/*.romeo .scheme-list .search-results-list .col-md-8 {*/
/*    width:100%;*/
/*}*/
/*.romeo .scheme-list .search-results-list .col-md-4 {*/
/*    display:none;*/
/*}*/



/** ADDED BY ANG - CUSTOM PANE DEMO ('book your appointment now') 
.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header {
    display:none;
}
.romeo .dashboard-content .dashboard-custom .dash-card-custom .card-body {
    max-height: 533px;
    padding:0;
}
**/

/*.langswitch-link {*/
/*    color: #fff;*/
/*}*/

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



/************************
GTI - OPERATOR UI 
*************************/
.page-operator header .page-brand {
    background: #000;
    }
.page-operator header .page-brand .client-logo {
    max-height:40px;
    }
.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) {
    .page-operator header .page-header .header-links .user-details>a, 
    .page-operator header .page-header .header-links .user-details>a .fa-user-circle,
    .page-operator header .page-header .header-links .beamer_button .fa-stack i    {
        color: #fff;
        }
    }
/************************
END - GTI - OPERATOR UI 
*************************/