/*** CUSTOM ***/
.nopadding { padding: 0 !important; }
.nomargin{ margin:0 !important }
.noscroll{ overflow: hidden;}

#mapBlock{display:block;width:100%;min-height:350px;z-index:0;}
#mapBlock.map{min-height:525px;}
#map{min-height:525px; width:100%;background:#999 url('../images/background/bg_map.jpg') no-repeat center; background-size:cover !important;}
#map-contact-us{min-height:400px; width:100%;background:#999 url('../images/background/bg_map.jpg') no-repeat center; background-size:cover !important;}
.blue, a.blue{color:#003679;}
.gold{color:#b9b190;}
.red{color:#d90101;}
.text-green{color:#7db03f;}
.text-08x{font-size:.8em;}
.text-0x{font-size:1em;}
.text-1x{font-size:1.5em;}
.text-2x{font-size:2em;}
.pb{padding-bottom:20px;}
.pt{padding-top:20px;}
.pl{padding-left:20px;}
.pl-10{padding-left:10px;}
.mt{margin-top:20px;}
.mt-10{margin-top:10px;}
.mb{margin-bottom:20px;}
.ml{margin-left:20px;}
.noradius{border-radius:0;}
.noborder{border-width:0;}

.hidden{display:none;}
.scraper{display:none;}
.text-ltgrey{color:#ccc;}
.text-grey{color:#999;}
.text-dkgrey{color:#444;}

/*** CPSO COLORS ***/

.page-item.active .page-link{background:#003679;border-color:#003679;}
.page-link
,.header-top a:hover
,.btn-outline-dark:hover
,.quick-links a
,.pressSummary h4 a:hover{color:#003679;}

/*** END CPSO COLORS ***/

.quick-links{margin:0px 0;}
.quick-links div{margin:15px auto;text-align:center;}
.quick-links .quick-links-icon{background:#003679;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  max-width: 100px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #003679;
  text-align: center;
  line-height: 100px;
  color: #ffffff;
  font-size: 50px;
}

.quick-links .quick-links-icon .fa:before {margin:0;padding:0;}
.quick-links h5{text-transform:uppercase;}
.quick-links a{color:#fff}
.quick-links a:hover .quick-links-icon, .quick-links a:active .quick-links-icon, .quick-links a:focus .quick-links-icon{background:#b9b190; transition-duration: 0ms !important;}
.quick-links a:hover h5{color:#003679 !important;}
.quick-links a.fa span{font-size:14pt;text-transform:uppercase; text-align:center;display:block;clear:both;}

.social-links{margin-top:35px;}
.social-links a{color:#b9b190;font-size:1.5em;margin:0 10px;}
.social-links a:hover{color:#003679;}

.slogan h5{margin-top:30px;font-weight:100;color:#999;letter-spacing:.2rem;text-align:center;}

.press-release{height:670px;}
.press-release-right .pressSubTitle{letter-spacing:.1em;color:#444;}
.press-release-right .pressMainTitle{letter-spacing:.1em;font-weight:600;}

.press-release-right{min-height:300px;padding-top:15px;}
.pressItem{display:block;float:left;margin:15px;color:#eee}
.pressItem .pressDate{float:left;}
.pressItem .pressDate .month{font-size:14pt;margin:0;padding:0;text-transform:uppercase;color:#fff;font-weight:100;}
.pressItem .pressDate .date{font-size:40pt;margin:0 auto;padding:0;font-weight:bold;position:relative;top:0px;color:#fff;font-weight:500;}
.pressItem .pressSummary{float:left;}
.pressSummary h4 a{color:#b9b190; font-size:1em;line-height:1;font-weight:100;}
.pressSummary h4 a:hover{color:#fff;}
.pressSummary .summaryContent a, .pressSummary .summaryContent{color:#fff;font-weight:normal;}
.pressSummary .summaryContent a:hover{color:#b9b190}
.press-release-right .pressItem{display:block;margin:15px;}

.news-date-container{display:block;margin:0 auto;text-align:center;margin-bottom: 25px;}
.news-month{display:block;width:60px;height:30px;padding:0;margin:0 auto;font-size:1.25em;text-align:center;color:#b9b190;}
.news-icon{-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
max-width: 70px;
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #b9b190;
text-align: center;
line-height: 70px;
color: #ffffff;
font-size: 30px;
margin: 0 auto;}
.news-container h5 a, .news-container h5{font-size:1.15em; text-wrap: pretty;}
.news-container h5 a:hover{color:#003679;}
.news-summary{text-wrap: pretty;}
.news-summary a{font-weight:500; font-size:.85em;color:#003679;}
.news-summary a:hover{text-decoration: underline;}
.top-header-area{background: url('/images/bg-img/bg-header.jpg') repeat;}
.logo{display:block;position:relative;}

.rowBlocks, .rowBlocks2{margin:0 auto;}
.rowBlocks a{margin:3px;background:#f5f5f5;border:1px solid #ddd; border-radius:0px; padding:4px 0;font-size:9pt;}
.rowBlocks a.active, .rowBlocks2 a.active{background:#003679;color:#fff;border-color: #1f3c92;}
.rowBlocks a.active:hover{background:#4479de;transition: all .3s ease;color:#fff;}
.rowBlocks a:hover{background-color:#003679;border-color:#003679;color:#fff;transition: all .3s ease;}

.rowBlocks2 a{margin:4px;background:#c8dcff;border:1px solid #EDF2FB; border-radius:0px; padding:5px 0;font-size:9pt;}
.rowBlocks2 a:hover{background:#98BEFF;color:#fff;}

/* header icons */
.header-icons-container, .footer-icons-container{position:relative;}
.header-icons-container .icons-container, .footer-icons-container .icons-container{display:block;position:relative;top:0px;margin-right:5px;}
.header-icons-container .vr, .footer-icons-container .vr{width: 1px;
  height: 55px;
  background-color: #DED8BF;
  position:absolute;
  top:-17px;
  right:10px;}

.header-icons-container .icons-container a{margin:0 7px;}
.footer-icons-container .icons-container a{margin:0 3px;}

.header-icons-container .header-icon, .footer-icons-container .footer-icon{
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31px;
    flex: 0 0 31px;
    max-width: 31px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background-color: #003679;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
    display:inline-block;
    padding-top:4px;
}


.header-icons-container .header-icon:hover, .footer-icons-container .footer-icon:hover{background-color:#b9b190;color:#fff;}

.header-icons-container .address, .footer-icons-container .copyright{clear:both;color:#3953a4;font-weight:600;text-transform:uppercase;margin-top:10px;margin-right:10px;font-size:.85em;}
.footer-icons-container .copyright a, .footer-icons-container .copyright{font-weight:600; font-size:12px !important; color:#b9b190;text-transform:none;}

/* main menu */
.cpso-main-menu .contact a .fa{font-size:1em;margin-right:2px;}
.cpso-main-menu .contact a:hover{color:#DED8BF !important; text-decoration:underline}

/* search results page */
.frmSearch input[type="text"]{padding:6px;border-right:0;}

.accordion-button{background-color:#003679 !important;color:#fff !important;}
.accordion-button.collapsed{background-color:#fff !important;color:#444 !important;}
.accordion-button.collapsed:hover{background-color:#CEDFF5 !important;}
.accordion-body{background-color:#E4EEFB !important}

/*
* Search box overlay
*/

#search-overlay{
   display:none;
   z-index:2000;
 }
 .block {
   position: fixed;
   top: 0;
   right: 0;
   bottom:0 ;
   left: 0;
   overflow: auto;
   text-align: center;
   background: rgba(0, 0, 0, 0.9);
   margin: 0;
 }
 
 .block:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: 0;
   /* Adjusts for spacing */
   /* For visualization 
   background: #808080; width: 5px;
   */
 }
 
 .centered {
   display: inline-block;
   vertical-align: middle;
   width: 50%;
   color: #FFF;
   border: none;
   background: transparent;
 }
 
 #search-box {
   position: relative;
   width: 100%;
   margin: 0;
 }
 
 #search-form {
   height: 50px;
   width:100%;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   overflow: hidden;
 }
 
 #search-text {
   font-size: 14px;
   color: #ddd;
   border-width: 0;
   border-top-left-radius: 30px;
   border-bottom-left-radius: 30px;
   background-color: #fff;
   padding-left:30px;
 }
 
 #search-box input[type="text"] {
   width: 90%;
   line-height:50px;
   color: #333;
   outline: none;
   font-size: 1.4em;
 }
 
 #search-button {
   position: absolute;
   top: 0;
   right: 0;
   height: 50px;
   width: 100px;
   font-size: 14px;
   color: #fff;
   text-align: center;
   line-height: 42px;
   border-width: 0;
   background-color: #003679;
   -webkit-border-radius: 0 2px 2px 0;
   -moz-border-radius: 0 2px 2px 0;
   border-top-right-radius: 30px;
   border-bottom-right-radius: 30px;
   padding:0 10px;
   cursor: pointer;
 }

 #search-button:hover{
  background-color: #b9b190;
 }
 
 #search-close-btn{
   position: fixed;
   top: 1em;
   right: 1em;
 }
 #search-close-btn:hover{
   color: #777;
   cursor: pointer;
 }

 @media only screen and (max-width: 767px) {
  
  #search-text {
    font-size: 1em;
    color: #ddd;
    border-width: 0;
    border-radius: 2px;
    background-color: #fff;
    padding-left:20px;
  }
  
  #search-box input[type="text"] {
    width: 100%;
    min-width:300px !important;
    line-height:50px;
    color: #333;
    outline: none;
    font-size: 1.15em;
  }
  
  #search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 100px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    background-color: #003679;
    padding:0 10px;
    border-radius: 2px;
    cursor: pointer;
  }

  #search-close-btn{
    position: fixed;
    top: 1em;
    right: 1em;
  }
  
  .centered {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    border: none;
    background: transparent;
    width:auto;
  }
 
 }
 
/*** news ***/
.newsTitle{font-size:12pt;}
h2.newsTitle{font-size:22pt;margin-bottom:30px;}

.newsDate{min-width:60px;background:none;padding-top:5px;}
table tr.alt .newsDate{background:none;}


.newsDate small.text-grey{color:#555;font-size:8pt;}

table.newsBlock tr{border-bottom:1px solid #DED8BF;}
table.newsBlock tr:hover{background:#e7e3e0;transition: all .3s ease;}
.newsSummary{padding:5px;}
.newsSummary .newsContent{display:block;font-size:10pt;line-height:20px;padding:5px 5px 5px 0;}
.newsAttachments{margin:20px 0 5px 0;}
.newsAttachments img{border:0px solid #aaa;}
.newsQuicklinks .newsDate{background:none;position:relative;top:5px;}
.newsPostedBy{color:#999;font-size:9pt;line-height:18px;margin-top:2px;}
.newsToTop{display:block;float:right;color:#d7b574;}

/** BOOKINGS **/
.bookingBlock{padding:0px;font-size:9pt;text-align:center;border:1px solid #e2dedc;background:#e2dedc;width:100%;}
.bookingBlock .bookingName{font-weight:bold;padding:8px 3px;background:#787878;color:#fff;font-size:10pt;margin:3px 0;line-height:24px;}
.bookingPhotoTN{width:100%;text-align:center;transition: all .3s ease;}
.bookingPhotoTN img{margin:0 auto;border:3px solid #999;max-width:100%;width:100%;height:100%;cursor: pointer;}
.bookingBlock.sticky-top, .col1.sticky-top{top:100px;z-index:0;}
.sticky-top.bookingMobileBlock, .sticky-top.mobileBlock{top:70px;z-index:1;border-bottom:2px solid #ccc;}
.sticky-top.mobileBlock .form-control{border:0;height:auto !important;}
.mobileBlock .searchBtnIcon{line-height:1.7rem}

.bookingDetailsContainer, .warrantDetailsContainer{width:100%;padding:2px;margin:0;font-size:8pt;}

#bookingHistory tr.active, #warrantHistory tr.active{background:#CFDDF5 !important;} 
#bookingHistory tbody tr.bookingCharges td{font-size:.9em;line-height:1em;}

/*** INMATE/WARRANTS TABLE ***/
#tblBooking.table-sm td, #tblInmates.table-sm th{font-size:10pt;}
#tblBooking .bookingName{text-transform:lowercase;}
#tblBooking .bookingName::first-letter{text-transform:capitalize}
#tblBooking tbody tr:hover{cursor: pointer;background:#CEDFF5;transition: all .3s ease;}
#tblBooking tbody tr.active{background:#CFDDF5;color:#fff;}
#tblBookingsSM tbody tr{border:0 !important;background-color:#fff;}

.bookingName.warrantsPage{background:#3A3276  ;}
#tblBooking.warrantsPage tr.active td{background:#3A3276 !important; color:#fff !important}
#tblBooking.warrantsPage tr.active .btn-light:hover{color:#3A3276;transition-duration: 0ms;}

.warrantDetailsModal:hover, .bookingChargesModal:hover{cursor:pointer;}

.alphaListContainer .btn-ltgrey{background:#eee;border-color:#ddd;}
.alphaListContainer .btn-ltgrey:hover, .alphaListContainer .btn-ltgrey.filter.active{background-color:#003679;color:#fff;}


.bookingName.inmatePage{background:#003679;}
#tblBooking.inmatePage tr.active td{background:#003679 !important;color:#fff !important;}
#tblBooking.inmatePage tr.active .btn-light, #tblBooking.warrantsPage tr.active .btn-light{color:#fff;}
#tblBooking.inmatePage tr.active .btn-light:hover{color:#003679;transition-duration: 0ms;}

/*** TABLES ***/
.table-sm.dataTable thead .sorting::before
, .table-sm.dataTable thead .sorting::after
, .table-sm.dataTable thead .sorting_asc::before
, .table-sm.dataTable thead .sorting_asc::after
, .table-sm.dataTable thead .sorting_desc::before
, .table-sm.dataTable thead .sorting_desc::after{top:5px;}
.dataTables_info{font-size:10pt;color:#999;margin-top:8px;}



/*** END PAGE CONTENT ***/

/*** LISTS ***/
.list-group-item.active{background:#003679;border-color:#003679;}
a.list-group-item:hover{background-color:#83AADB !important;transition-duration: 0ms;}

/*** SORT ***/
.sortHighlight{background-color:#FFF0D3 !important;  font-weight:bold;padding:0px;border-radius:5px;}

ul.bullet-list li{list-style:disc;}

.toggle-link{font-size:1em;font-weight:500 !important;text-decoration:none;}
.toggle-link:hover{text-decoration: underline;}

.chargesDetailContainer table tbody tr td.bg-white{background-color: #fff !important;}



/***
***
***/


/*** button - eliminate glow after clicking ***/
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn:focus,.btn:active, .btn-primary{
   outline: none !important;
   box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active{background-color:#003679 !important;}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-link{color:#003679;}
.btn-primary{background-color:#003679;border-color:#003679;color:#fff !important;}
.btn-primary:hover{background-color:#998F69;border-color:#998F69; color:#fff !important}

.btn-secondary{background-color:#b9b190;border-color:#b9b190;color:#fff !important;}
.btn-secondary:hover{background-color:#998F69;border-color:#998F69;}

.btn-grey{background-color:#ccc;border-color:#bbb;color:#333;}
.btn-grey:hover{background-color:#bbb;border-color:#aaa;color:#333;}
.btn-ltgrey{background-color:#FFFEFD;border-color:#FFFEFD;color:#555;}
.btn-ltgrey:hover{background-color:#003679;border-color:#003679;color:#fff;transition-duration: 0ms;}
.btn-ltgrey.active{background:#0157C6;color:#fff;border-color: #0157C6;}
.btn-xs{line-height:1em; font-size:.75rem}
.btn-sm-min{min-width:70px;}
.badge-grey{background-color:#ddd;padding:7px;color:#333;}

/*** back to top of page ***/
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;padding:5px 10px;font-size:1em;opacity:.7;background:#d7b574;border-color:#d7b574;}
.back-to-top:hover, .back-to-top:active, .back-to-top:visited, .back-to-top:focus, .btn.back-to-top:not(disabled):not(.disabled):active{opacity:1;background:#d7b574;border-color:#d7b574 !important;}

/*** forms ***/
.custom-control-input:checked ~ .custom-control-label::before{border-color:#003679 !important;background-color:#003679 !important;}
.bg-primary, .badge-primary{background-color:#003679 !important;}
.bg-secondary, .badge-primary{background-color:#AA6339 !important;}


.info_container.hidden{display:none;}
.info_container{margin-bottom:25px;}
.info_container .empimage img, .container .empimage img{max-width:100%;margin:0px auto 25px auto;text-align:center;}
.container .details{margin-bottom:25px;}
.info_container .details, .container .details{line-height:20pt;display:block;background:#003679;padding:15px;color:#fff !important;}
.info_container .details, .info_container .details p, .container .details p{color:#fff;}
.info_container .details a, .container .details a{color:#fff;}
.info_container .details a:hover, .container .details a:hover{color:#DED8BF;}
.info_container .details br, .container .details br{display:block;height:2px;clear:both;}
.info_container .details strong, .container .details strong{display:block;background-color:#003679;color:#fff;padding:5px 0px;margin:0;font-size:1.25em;}

.alert-info{background-color:#b9b190 !important;color:#fff;}

/*** CALENDAR ***/
#calendar .btn-primary{background-color:#003679;border-color:#2c4696;color:#fff;}
#calendar .btn-primary:hover{background-color:#b9b190;border-color:#b9b190;}
#calendar .btn-primary.active{background-color:#b9b190;border-color:#b9b190;}
#calendar .fc-day-header{padding:8px;background-color:#b9b190;font-size:.85em;}
#calendar .fc-other-month{background-color:#F5F5F5;}
#calendar a.fc-event:hover{background-color:#003679;}
#calendar a.fc-event:visited{color:#fff;}
#calendar .fc-day-grid-container{margin:0;height:auto !important;background-color: #fff;overflow-y:visible !important;}
#calendar .fc-day{background-color:#fff;padding:0;font-size:.85em !important;border:1px solid #eee;}
#calendar .fc-day-top, #calendar .fc-content{font-size:.85em;}

.divisionClass.OPS {background-color: #b84e4e;}
.divisionClass.ADM {background-color: #7b5c93;}
.divisionClass.DET {background-color: #67a0c4;}

.divisionClassLine{border-left: 5px solid;}
.divisionClassLine.OPS{border-color: #b84e4e;}
.divisionClassLine.ADM{border-color: #7b5c93;}
.divisionClassLine.DET{border-color: #67a0c4;}

#tblDirectory td{font-size:1.1em;vertical-align: middle;white-space:nowrap;}
#tblDirectory th{background-color:#003679;color:#fff;font-size:1em; font-weight:600;}
.btn.listgrid{border-size:1px;}
li.searchList{border-bottom: 1px solid #eee;padding:15px 0; list-style:none;}
.searchHighlight{background-color:#fcefd2;padding:2px;}

/*** hide captcha logo on bottom right corner that covers up the scroll-to-top arrow ***/
.grecaptcha-badge { visibility: hidden;}

.required{border-left:2px solid #d7b574;}

/*** TABLES ***/
.table>:not(caption)>*>*{background-color: inherit !important;}

.table-striped tbody tr:nth-of-type(2n+1), .table-striped-2 tbody tr:nth-of-type(2n+1){background:#fff !important;}
.table-striped tbody tr:nth-of-type(2n), .table-striped-2 tbody tr:nth-of-type(3n){background:#F6F9FE !important;}

.table-striped-2 tr:nth-child(4n+1), .table-striped-2 tr:nth-child(4n+1) {
  background: #CEDFF5 !important;
 }
 .table-striped-2 tr:nth-child(4n+2), .table-striped-2 tr:nth-child(4n+2) {
  background: #fff !important;
 }

 .table-striped-2 tbody tr th{background-color:#F6F9FE !important;}

/*** MODAL FIX ***/
.fixModal, .sticky-top {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.close, .close:hover{ color:#fff;}
.close-alert:hover{color:#555;}
.ekko-lightbox-container{ overflow:auto;}


/*** PAGING ***/
.pagination li.page-item.active a
, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus
, .pagination a:hover:not(.active)
, .page-item.active .page-link{background:#e7e3e0 !important;border-color:#e7e3e0 !important;color:#0b347e !important;}
.pagination li{list-style: none !important;margin:0 !important;}

.modal-content{background:none;}
.modal-body{background:#fff;}

.modal{     
display:none;}
#bookingsHistoryModal .modal-body{min-height:500px;max-height:700px; overflow-y: scroll;}

.modal-backdrop {
  visibility: hidden !important;
}
.modal.in {
  background-color: rgba(0,0,0,0.5);
}

.bg-primary button.btn-close{color:#fff !important;background-color:#b9b190 !important;}
.bg-secondary{background-color:#b9b190 !important;}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 2999;
    background: #0b347e;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    left: 0;
}
#sidebarCollapse{line-height:40px;}

#sidebar h3{color:#fff;}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #003679;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
}

#dismiss:hover {
    background: #7386D5;
    color: #fff;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 15px;
    background: #031c49;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #0b347e;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
	color:#fff;
}

#sidebar ul li a:hover {
    color: #fff;
    background: #6d7fcc;
}

#sidebar ul li a.active, #sidebar ul li a.active:hover{background:#899ae4;}

#sidebar ul li a[aria-expanded="false"]{
	background:#0b347e;
}


#sidebar ul li a[aria-expanded="true"] {
    color: #fff;
    background: #d7b574;
}

#sidebar ul li ul li a.subFilterMenu[aria-expanded="false"]{
    color: #fff;	
	background:#0b347e !important;
}

#sidebar ul li ul li a.subFilterMenu[aria-expanded="true"] {

    background: #3953a4 !important;
}

a[data-bs-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

/*
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #031c49;
}
*/
ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}


a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}
/*** END SIDEBAR STYLE ***/

.filterContainer{max-height:150px;overflow-y:scroll;margin:0;position:relative;}
.filterContainer li{list-style:none;margin:0;}
.mCustomScrollBox, .mCustomScrollBox:active {border:0;}
/****************
HOMEPAGE SLIDER
****************/

/*
Removes white gap between slides
*/
.carousel {
  background:#021c3c;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
  height:auto;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}

.carousel-caption-bg{position:absolute;bottom:35px;display:block;width:100%;min-height:160px;background:#000;opacity:.6}

/**
GRID TABLE LIKE DIVS
***/
.grid-striped .row.font-weight-bold{background-color:#003679 !important;color:#fff;}
.grid-striped .row{background-color:#fff;}
.grid-striped .row:nth-of-type(odd), .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #F6F9FE;
}

/* Greater than or equal to 1600 (devices and browsers) */
@media only screen and (min-width: 1600px) {		
	/*.header-menu a{font-size:15pt;}*/
	.recruitment .videoContainer iframe{height:580px;}
	.carousel-caption-bg{bottom:70px;}
	.carousel-caption{margin-bottom:50px;}	
	.mainMenu li a{margin:0 25px;}
	#navbar.shrink .mainMenu li.nav-item a.nav-link{margin:0 30px;}
	#navbar.shrink .mainMenu li.nav-item a.dropdown-item{margin:0;}
	.header-links .nav-item a{font-size:1.3em;}
	.header-links .nav-item a span.txt{font-size:11pt;}
	.container{max-width:1370px;}
}
/* Greater than or equal to 1440 and less than 1599 (devices and browsers) */
@media only screen and (min-width: 1440px) and (max-width: 1599px) {		
	.recruitment .videoContainer iframe{height:600px;}
}

/* Smaller than standard 1600 (devices and browsers) */
@media only screen and (max-width: 1339px) {	
	
	.carousel-caption-bg{bottom:35px;width:100%;min-height:190px;}
	.carousel-caption h2{font-size:18pt;}
	.header-top a{display:inline-block;}
	.header-top a span.txt{display:none;}	
	#navbar.shrink .header-menu a{font-size:11pt;top:0;padding:0 5px;}
	.blockBanner{height:350px;}	
	#navbar.shrink .mainMenu li.nav-item a.nav-link{margin:0 10px;}
	.carousel-item picture img.crop{min-height:300px;min-width:1600px;position:relative;left:-225px}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	.carousel-caption-bg{top:10px;width:100%;min-height:170px;}
	.carousel-caption h2{font-size:16pt;}
	.statsContainer .slogan{font-size:20pt;line-height:22pt;}
	.header-top a{display:inline-block;}
	.header-top a span.txt{display:none;}
	.nav-item a span.txt{display:none;}
	.blockBanner{height:250px;}	
	#navbar.shrink .mainMenu li.nav-item a.nav-link{margin:0;}
	.sticky-top.bookingMobileBlock, .sticky-top.mobileBlock{top:84px;z-index:1;border-bottom:2px solid #ccc;}
	#navbar.shrink .mainMenu li.nav-item a.nav-link{margin:0;}

	.carousel-item picture img.crop{min-height:250px;min-width:1150px;position:relative;left:-150px}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header-mid .logo{width:411px;height:125px;}
	.carousel-caption-bg{bottom:35px;width:100%;min-height:190px;}
	.carousel-caption h2{font-size:14pt;}
	.header-mid{height:125px;}
	section.content {padding-top:234px;}
	.header-top a{display:inline-block;}
	.header-top a span{display:none;}
	.header-mid .header-right{display:none;}
	.mainMenu li a, #navbar.shrink .mainMenu li a{font-size:9pt;margin:0;}
	
	.carousel-item picture img.crop{min-height:250px;min-width:1150px;position:relative;left:-200px}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.header-mid .logo{width:329px;height:100px;}
	#navbar.shrink .header-mid .logo{width:132px;height:40px;}
	.carousel-caption-bg{bottom:35px;width:100%;min-height:190px;}	
	.carousel-caption h2{font-size:14pt;}
	.header-menu a{font-size:9pt}
	#navbar.shrink .header-menu a{font-size:10pt;top:0;}
	.header-mid{height:100px;}
	.statsContainer .slogan{font-size:16pt;line-height:18pt;}
	.sticky-top.bookingMobileBlock, .sticky-top.mobileBlock{top:50px;z-index:1;border-bottom:2px solid #ccc;}
	h2.newsTitle{font-size:16pt;text-wrap: pretty;}
	.quick-links div{padding:0 5px 5px 5px;margin:5px auto;}
	.pressDate h3.date{font-size:30pt !important;}
	.pressSummary h4{font-size:1rem;}

  .quick-links .quick-links-icon{width:70px;height:70px;font-size:35px;line-height:70px;}
  .quick-links h5{font-size:1em;}

  .footer-area nav ul{padding-left:0 !important;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header-mid img.logo{width:197px;height:60px;}
	#navbar.shrink .header-mid img.logo{width:164px;height:50px;}
	
	.carousel-caption-bg{top:0px;width:100%;min-height:250px;bottom:0px;}
	.carousel-caption{top:0;}
	.carousel-caption h2{font-size:14pt;}
	.carousel-item{min-height:250px;}
	.carousel-item picture img{min-height:250px;min-width:900px}
	.carousel-item picture img.crop{min-height:225px;min-width:950px;position:relative;left:-150px}
	
	#navbar.shrink .navbar, .header-top, .navbar{height:30px;padding:0;}
	#navbar.shrink #frmSearchHeader, #frmSearchHeader{display:none !important;}
	
	.header-mid{height:60px;}
	#navbar.shrink .header-mid{height:50px;}
	.recruitment .videoContainer iframe{width:350px;}
	section.content {padding-top:94px;}	
	.header-mid .header-right{display:none;}
	#navbar.shrink .header-mid .header-right{display:none;}
	.header-top a{display:inline-block;}
	.header-top a span{display:none;}
	
	/** top navbar **/
	.header-top, .navbar{height:30px;}
	#navbar.shrink .header-links.pt1, .header-links.pt1{font-size:11pt;}
	
	/* hide main menu bar and position toggle menu button */
	#navbar.shrink .header-menu, .header-menu{height:0px;}
	.navbar-toggler{position:fixed;top:45px;right:25px;}
	#navbar.shrink .navbar-toggler{top:40px;}
	
	/* format menu / dropdown */
	#navbar.shrink .header-menu, .header-menu{height:auto;}
	#navbar.shrink .header-menu{padding-left:0;margin-left:0;}
	#navbar.shrink .header-menu .mainMenu li a, .header-menu .mainMenu li a{padding:4px;}
	#navbar.shrink .mainMenu li.nav-item a.nav-link{top:0;margin:0;}
	#navbar.shrink .mainMenu li.nav-item a, .mainMenu li.nav-item a, .mainMenu li.nav-item a.dropdown-item:hover{line-height:28px;}
	
	.mainMenu, #navbar.shrink .mainMenu{width:100%;}
	.mainMenu li a, #navbar.shrink .mainMenu li a{font-size:10pt;}	
	.mainMenu li.nav-item:hover, #navbar.shrink .mainMenu li.nav-item:hover{background:#031c49;}
	.dropdown-menu{position:relative;top:-10px;max-height: 195px;overflow-y: auto;}
		
	.nav-item a span.txt{display:none;}

	.header-links.pt2{top:4px;}
	.header-links.pt2 li.nav-item{display:none;}
	.header-links.pt3{top:2px;}
	
	.applyNow-lg{display:none;}
	.applyNow-sm{display:inline-block;}
	.icon{display:inline-block;position:relative;top:0px;}	
	
	.quick-links div{max-width:150px;padding:0 5px 5px 5px;}
	.quick-links a.fa{font-size:3em;}
	.quick-links a.fa span{font-size:12pt;}
	
	.footerContainer{background-size:cover !important; background-position:top;}
	
	/*** main menu item background color ***/
	.mainMenu li.nav-item:hover{color:#fff;background:#d7b574;}
	
	.statsContainer{background:#5c6c9d url('../images/background/bg_stats.jpg') repeat-x top center; background-size:cover !important;}
	
	.scraper{display:none;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#navbar.shrink .header-mid img.logo, .header-mid img.logo{width:164px;height:50px;}
	h1{font-size:20pt;}
	.carousel-caption-bg{top:0px;width:100%;min-height:310px;bottom:0px;}
	.carousel-caption{top:-10px;font-size:9pt;line-height:14pt;}
	.carousel-caption h2{font-size:14pt;}
	.carousel-item{min-height:280px;}
	.carousel-item picture img{min-height:200px;min-width:1100px;position:relative;left:-350px}

	.carousel-item picture img.crop.img2{content: url('../images/headline/c2_mobile.jpg');max-height:300px;min-width:400px;position:relative;left:0px;}
	
	.quick-links div{max-width:120px;padding:0 5px 5px 5px;}
	.quick-links div img{width:100%;}
	
	/** top navbar **/
	.header-top, .navbar{height:30px;}
	#navbar.shrink .header-links.pt1, .header-links.pt1{font-size:11pt;}
	
	.header-mid{height:50px;}
	#navbar.shrink .header-mid{height:50px;}
	.header-mid .header-right{display:none;}
	
	.recruitment .videoContainer iframe{width:250px;height:150px;}
	
	section.content {padding-top:83px;}
	.header-top a{display:inline-block;font-size:1.2em;}
	.header-top a span{display:none;}
	
	#navbar.shrink .navbar, .navbar{height:30px;padding:0;}
	#navbar.shrink #frmSearchHeader, #frmSearchHeader{display:none !important;}
	
	/* hide main menu bar and position toggle menu button */
	#navbar.shrink .header-menu, .header-menu{height:0px;}
	.navbar-toggler{position:fixed;top:40px;right:25px;}
	
	/* format menu / dropdown */
	#navbar.shrink .header-menu, .header-menu{height:auto;}
	#navbar.shrink .header-menu{padding:0;margin-left:0;}
	#navbar.shrink .header-menu .mainMenu li a, .header-menu .mainMenu li a{padding:4px;}
	#navbar.shrink .mainMenu li.nav-item a.nav-link{top:0;margin:0;}
	#navbar.shrink .mainMenu li.nav-item a, .mainMenu li.nav-item a, .mainMenu li.nav-item a.dropdown-item:hover{line-height:28px;}
	.dropdown-menu {max-height: 195px;overflow-y: auto;}
	
	.mainMenu, #navbar.shrink .mainMenu{width:100%;}
	.mainMenu li a, #navbar.shrink .mainMenu li a{font-size:10pt;}	
	.mainMenu li.nav-item:hover, #navbar.shrink .mainMenu li.nav-item:hover{background:#031c49;}
	.dropdown-menu{position:relative;top:-10px;}
				
	.applyNow-lg{display:none;}
	.applyNow-sm{display:inline-block;}
	.header-links.pt2 a{display:none;}
	.header-links.pt3{top:2px;font-size:.9em;}
	.icon{display:inline-block;position:relative;top:0px;}
	
	.quick-links a.fa{font-size:2em;}
	.quick-links a.fa span{font-size:10pt;}
	
	.blockBanner{height:200px;}
	.blockBanner h1{font-size:18pt;top:30%;}
	.blockBanner .breadcrumb{top:50%;}
	.blockBanner .breadcrumb li{font-size:10pt;}
	
	.footerContainer{background-size:cover !important; background-position:top;}
	
	.nav-item.dropdown:active{background:#fff;}
	
	/*** main menu item background color ***/
	.mainMenu li.nav-item:hover{color:#fff;background:#d7b574;}
	
	.statsContainer{background:#5c6c9d url('../images/background/bg_stats.jpg') repeat-x top center; background-size:cover !important;}
	
	.scraper{display:none;}

	.listpad li{padding:5px 0px 5px 0px;margin:0;}
	.listpad.strong li{font-weight:bold; font-size:10pt;}
	
}

/******************
END HOMEPAGE SLIDER
*******************

/*** OYOUWE ***/
.blockBanner.breadcrumb-content38{background: transparent url('../images/background/banners/bg_breadcrumb-content38.jpg') no-repeat center center; background-size:cover;}
.listpad li{padding:5px 0px 5px 0px;}
.listpad.strong li{font-weight:bold;}

/*** content background ***/
.bg-courthouse{height:550px; background: transparent url('../images/background/bg_courthouse.jpg') no-repeat bottom center; background-size:cover;}

/* Card */
.card-text{font-size:.9em;}
.card-footer small.text-muted{font-weight:400;text-transform:uppercase}

/*** MESSAGES ***/
#err, #msg, #success, #info{display:block;clear:both;margin:10px 0;color:#fff;padding:10px 5px;border:0px solid #999;border:1px solid #ccc;font-size:13pt;}
.formContainer #err, .formContainer #msg, .formContainer #success, .formContainer #info{display:block;clear:both;margin:5px;color:#fff;padding:10px 5px;border:0px solid #999;border:1px solid #ccc;font-size:11pt;}
#err{background-color:#a53e3e;}
	#err ul{margin:0;list-style:disc;}
	.content-pad #err li, #err ul li, li.err, div .err{margin:0;color:#fff;padding:2px;font-size:14pt;list-style: none}
	#err a, .err{color:#fff;}
	#err li::before{ content: "\f057"; font-family:"Font Awesome 6 Free";font-size:14pt;margin-right:10px;position:relative;top:2px;}
	#err li input[type="button"]{line-height:40px;float:right;margin:0;padding:1px 10px;}

#msg{background-color:#70b8e5;}
	#msg ul{margin:0;list-style:disc;}
	.formContainer #msg{margin:10px 5px 5px 5px;}	
	.content-pad #msg li, #msg ul li, li.msg, div .msg, .formContainer #msg li{margin:0;color:#fff;list-style: none}
	#msg a, .msg{color:#fff;}
	#msg li::before{ content: "\f129"; font-family:"Font Awesome 6 Free";font-size:14pt;margin-right:10px;position:relative;top:2px;display:inline-block;}
	#msg li input[type="button"]{line-height:40px;float:right;margin:0;padding:1px 10px;}
	
#success{background-color:#A1BE52;}
	#success ul{margin:0;list-style:disc;}
	.content-pad #success li, #success ul li, li.success, div .success, .formContainer #success li{margin:0;color:#fff;list-style: none;}
	#success a, .success{color:#fff;}
	#success li::before{ content: "\f058"; font-family:"Font Awesome 6 Free";font-size:14pt;margin-right:10px;position:relative;top:2px;}
	#success li input[type="button"]{line-height:40px;float:right;margin:0;padding:1px 10px;position:relative;top:-10px;right:-5px;}
	
#info{background-color:#70b8e5;}
	#info ul{margin:0;list-style:disc;}
	.content-pad #info li, #info ul li, li.msg, div .msg{margin:0;color:#fff;padding:2px;font-size:14pt;list-style: none}
	#info a, .info{color:#fff;}
	#info li::before{ content: "\f129"; font-family:"Font Awesome 6 Free";font-size:14pt;margin-right:10px;position:relative;top:2px;}
	#info li input[type="button"]{line-height:40px;float:right;margin:0;padding:1px 10px;}

/*** SPINNER ANNIMAITON ***/
.spinner {	
	margin:0px auto;
	position:relative;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-radius:100%;
	display:inline-block;
}

.spinner.spinner-grey {
	border-left:2px solid rgba(210,210,210,.15);
	border-right:2px solid rgba(210,210,210,.15);
	border-bottom:2px solid rgba(210,210,210,.15);
	border-top:2px solid rgba(210,210,210,.8);	
}

.spinner.spinner-grey.spinner18 {
	height:18px;
	width:18px;
	display:inline-block;
}

.spinner.spinner-grey.spinner20 {
	height:20px;
	width:20px;
	display:inline-block;
}

.spinner.spinner-grey.spinner75 {
	height:75px;
	width:75px;
	display:inline-block;
}

.spinner.spinner-blue {
	border-left:2px solid rgba(100,155,180,.15);
	border-right:2px solid rgba(100,155,180,.15);
	border-bottom:2px solid rgba(100,155,180,.15);
	border-top:2px solid rgba(100,155,180,.5);	
}

.spinner.spinner-blue.spinner20 {
	height:30px;
	width:30px;
	display:block;
}

.spinner.spinner-grey.spinner32 {
	height:32px;
	width:32px;
}

.spinner.spinner-white {
	border-left:1px solid rgba(255,255,255,.15);
	border-right:1px solid rgba(255,255,255,.15);
	border-bottom:1px solid rgba(255,255,255,.15);
	border-top:1px solid rgba(255,255,255,.8);	
}

.spinner.spinner-white.spinner16 {
	height:16px;
	width:16px;
	display:inline-block;
}


.spinner-cpso {
  position: fixed;left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;
  z-index:100;
}

.spinner-cpso:after {
  width: 50px;
  height: 56px;
  position: absolute;
  background: url("/images/core-img/spinner.png");
  background-size: cover;
  content: '';
  -webkit-animation: rotation 2s infinite;
  animation: rotation 2s infinite;
}

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
 to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
 to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
 to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
from {transform: rotate(0deg);}
 to {transform: rotate(359deg);}
}


.cpso-loader {
  position: fixed;left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;
  z-index:100;
}

.cpso-loader:after{
  width: 100px;
  height: 100px;
  position: absolute;
  background: url("/images/core-img/spinner-cpso.png");
  opacity: 1;
  background-size: cover;
  content: '';
  -webkit-animation: rotation 2s infinite;
  animation: rotation 2s infinite;
}
.cpso-loader-state {
  width: 100px;
  height: 100px;
  position: absolute;
  background: url("/images/core-img/spinner-cpso-state.png");
  opacity: 1;
  background-size: cover;
  position: fixed;left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;
  z-index:200;
}
@keyframes rotation {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 

/** og loader **/
.icon_loadingLG, .icon_loading {position: fixed;left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;border: 3px solid #bdbdbd;border-top: 3px solid #0097c3;border-radius: 50%;width: 70px;height: 70px;animation: spin 1s linear infinite;z-index:500;z-index:100;}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 

/* Forms */
.form-group{margin-bottom: 1rem;}


.overlay-box {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index: 1000;
}

.location-iframe{
  min-height:250px;
  flex-grow: 1;
  border: none;
  margin: 0;
  padding: 0;
  border:1px solid #ccc;}

.anchor-link-top-80{scroll-margin-top: 80px;}

/**
GRID TABLE LIKE DIVS
***/
.grid-striped .row:nth-of-type(odd) {
  background-color: #EDF2FB;
}

.table>:not(caption)>*>*{box-shadow:none !important;}