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

@media (min-width: 992px) {
  .flex-dash-row .dash-card-custom .card-body {
    /** changing the height of the custom pane body **/
      max-height: 800px;
    }
}

/* Ang quick hack for aussie demo */
.romeo .main-banner-outer .main-banner-container .main-banner-txt {
    display:none;
    }



/******************************************
GTI/ANG - DEMO STYLING - student ui!
*******************************************/
/*.romeo .main-banner-outer {
    /*switching off the student banner image and replacing with a solid colour */
    /*background-image: none !important;
    background-color: #0066cb; 
    }*/
/*@media (min-width: 768px) {*/
/*    .romeo .main-banner-outer .main-banner-container .main-banner-brand {*/
         /*controlling the white box around the logo */
/*        min-width: 240px;*/
/*        padding: 0 10px 10px 10px;*/
/*        height:88px;*/
/*        }*/
/*    }*/
/* very specific to Gloucestershire - displays a border under the banner strapline */
/*.romeo .main-banner-txt p {*/
/*    position:relative;*/
/*    }*/
/*.romeo .main-banner-txt p:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: -4px;*/
/*    left: 0;*/
/*    right: 50%;*/
/*    height: 2px;*/
/*    border-bottom: 2px solid #ffed00;*/
/*    }*/
/******************************************
END - GTI/ANG  - DEMO STYLING!
*******************************************/



/***** CUSTOM PANE CSS, added by GTI / Angela *****/
.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header {
               display:none;
               }
.romeo .dashboard-content .dashboard-custom .dash-card-custom .card-body {
               padding:0;
}
.masthead { background:url('https://i.ibb.co/NmkvnVr/CPcareers.png');
               background-size:cover;
               height:170px;
               padding:20px;
               }
.masthead .masthead-content {
               background-color: rgba(255,255,255,0.95);
               padding: 15px 15px;
               width: 47%;
               }
.examples, .examples-1 {
               background-color: #000000;
               padding: 10px 10px;
               }
.examples-1 .example-title {
               color:#fff;
               width:100%;
               }
.examples-1 .col {
               width:20%;
               margin:0 5px;
               }
.examples-1 .project {
               color:white;
               font-size:12px;
               font-weight:400;
               }
.masthead .examples {
               width:100%;
               margin:0;
               }


/***** Placement CUSTOM PANE ADDED BY BEN *****/
	
	
.masthead-placements-summer { background:url('https://targetjobs.co.uk/static/269bb113361f77d98bcb47855720d6ea/5fd22/what-is-an-internship.webp');
	background-size:cover;
	height:170px;
	padding:20px;
	}
	.masthead-placements-summer .placements-summer {
	background-color: rgba(255,255,255,0.95);
	padding: 15px 15px;
	width: 47%;
	}
	.masthead-placements-summer .d-flex .col:first-child {
	margin-left:0;
	}
.masthead-placements-summer .d-flex .col:last-child {
	margin-right:0;
   }
	
.masthead-placements-volunteering { background:url('https://targetjobs.co.uk/static/8473c3a77ed835dc689fd5a662401b4e/5fd22/volunteering.webp');
	background-size:cover;
	height:170px;
	padding:20px;
	}
	.masthead-placements-volunteering .placements-volunteering {
	background-color: rgba(255,255,255,0.95);
	padding: 15px 15px;
	width: 47%;
	}
	.masthead-placements-volunteering .d-flex .col:first-child {
	margin-left:0;
	}
.masthead-placements-volunteering .d-flex .col:last-child {
	margin-right:0;
   }

.masthead-placements-year { background:url('https://targetjobs.co.uk/static/a486dc3039a5825e7674a70b50378f78/5fd22/work-internships.webp');
	background-size:cover;
	height:170px;
	padding:20px;
	}
	.masthead-placements-year .placements-year {
	background-color: rgba(255,255,255,0.95);
	padding: 15px 15px;
	width: 47%;
	}
	.masthead-placements-year .d-flex .col:first-child {
	margin-left:0;
	}
.masthead-placements-year .d-flex .col:last-child {
	margin-right:0;
   }
	
	
               
               
/***** CUSTOM PANE CSS END *****/


/**
.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%;
}

#responsive-image {  width: 100%;  height: auto; }

/*** Appointment Calendar customisation ***/
/*SD EDIT FOR LIVERPOOL
.dhx_cal_container .dhx_cal_event.calSessionHeader91 .dhx_title {
  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%);
}
.dhx_cal_container .dhx_cal_event.calSessionHeader105 .dhx_title {
  color: #fff;   
  background: linear-gradient(to right, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 37%,rgba(168,0,119,1) 66%,rgba(219,54,164,1) 100%);
}
.dhx_cal_container .dhx_cal_event.calSessionHeader103 .dhx_title {
  color: #fff;   
  background: linear-gradient(to right, rgba(120,136,240,1) 0%,rgba(84, 105, 240,1) 37%,rgba(52, 77, 237,1) 66%,rgba(23, 51, 232,1) 100%);
}

.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header {
    display:none;
}

SD EDIT FOR LIVERPOOL
*/


/* .romeo .dashboard-content .dashboard-custom .dash-card-custom .card-body {
    padding:0;
} */
/*.romeo .bg-primary {*/
/*    background: #F4B63A;*/
/*    color: #fff;*/
/*}*/

/* Dan testing for Aus demo
.romeo .main-banner-brand {
    display: none !important;
    }
*/

/************************
GTI - OPERATOR UI 
*************************/
.page-operator header .page-brand {
    background: #B3D7FF;
    }
.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 
*************************/