/*
* Import stylesheets and fonts 
*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400,600,700");
@import url('/_lib/bootstrap/bootstrap.min.css');
@import url('/_lib/fontawesome6/css/fontawesome.min.css');
@import url('/_lib/fontawesome6/css/solid.min.css');
@import url('/_lib/fontawesome6/css/brands.min.css');
@import url('/_css/megamenu.css?1');
@import url('/_css/mobile.css?8');

* {
  margin: 0;
  padding: 0; }
html{
  min-height: calc(100% + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0;
  position: relative;
    overflow: hidden;
    height: 100%;
}
body{background: #001B3E;}
.quickLinksContainer {
  background:url('../images/core-img/watermark-25pct.png') no-repeat center center;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
 }
 
 

.nopadding{padding:0 !important;}
.nomargin{margin:0 !important;}
.noborder{border: 0 !important;}
.nobackground{background:none;}

/* header */
#header{
  position:fixed;
  height:70px;
  width:100%;
  z-index:200;
 }
 
 #header .sheriff{
  display:block;
  float:left;
  position: relative;
  top:5px;
  padding: 0 0 0 env(safe-area-inset-left);
 }
 
 #header .logo{
   display:block;
   position:relative;
   width: 122px;
   height:45px;
   margin: 0 auto;
 }

 #header .right-side{
  display:block;
  float:right;
  position: relative;
  top:-35px;
  margin-top:0 !important;
  right:15px;
  padding: 0 env(safe-area-inset-right) 0 0;
  font-size:16pt !important;
  color:#b9b190;
 }

 #header .right-side .notification-badge{
  width:8px;
  height:8px;
  position:absolute;
  top:5px;
  right:0px;
  background-color:#B84400;
  border-radius: 50%;
 }

 .hidden{display:none;}
 
 .main-content{
  position:absolute;
  width:100%;
  height:100%;
  top:130px;
  left:0;
  right:0;
  bottom:0;
  margin:0 0 0 0 !important;
  padding-bottom:75px;
  padding-top:0px;
  overflow:auto;
  background:url('../images/core-img/watermark-25pct.png') no-repeat center center fixed;}

.main-content-home{ 
  position:relative;
  width:100%;
  height:100%;
  top:60px;left:0;
  right:0;
  bottom:0;
  margin:0 0 0 0 !important;
  padding-top:0px;
  overflow:auto;}

.main-content-home .homeButtons a{border-radius:18px;padding:10px 15px;background-color:#00295D;border-color:#00295D;}
  
.main-content .col{margin-top:20px !important;margin-bottom:50px !important;}

.main-content h4, .main-content h3{font-weight:500;}

.top-80{position:relative;top:70px;}

.container{margin: 0 auto !important;padding-bottom:150px !important;}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  color: #b9b190;
  line-height: 1.3;
  font-weight: 700; }

p {
  color: #eee;
  font-size: 15px;
  line-height: 2;
  font-weight: 400; }

a,
a:hover,
a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #eee;
  font-weight: 700;
  font-size: inherit; }

ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }

img {
  height: auto;
  max-width: 100%; }


 /* back button */
 .backButton{
    position:fixed;
    top:calc(-5px + env(safe-area-inset-top));
    left:20px;
    font-size:22pt;
    color:#b9b190;
    z-index:1000;
 }
 .backButton span{background-color:#00295D;border-radius: 50%;border:4px solid #00295D;}
 a.backButton:active, a.backButton:hover, a.backButton:focus{color:#fff !important;}

 .about-thumbnail img{max-height:400px;}

/*
* Notification bar 
*/
.notificationContainer{
  height:50px;
  line-height:50px;
  width:100%;
  background-color:#b9b190;
  color:#003679;
}
.notificationContainer a{color:#003679;font-weight:500;}

/*
* Hero container
*/
.heroContainer{
  width:100%;
}
.heroContainer .slides .slide{
  font-size:7pt;
  margin:5px;
  padding:0 3px;
  color:#444;
}
.heroContainer .slides .slide.active{
  color:#b9b190;
}
.heroContainer .container-fluid{
  margin:0 !important;
}
.heroContainer img, .carousel-item img{border-radius:10px;}
.heroContainer .carousel-indicators .active{background-color:#998F69 !important;}

 /*
  * Quick Links
  */
.quickLinksContainer{margin-top:10px;}
.quickLinksContainer a .quick-links-text{font-weight:400;font-size:.9em;}

.bookingPhotoContainer{min-width:125px;max-width:125px;padding-right:5px;}
.bookingContentContainer{width:100%;line-height:1.1em;}

/*** Higher Resolutions ***/
@media only screen and (min-width: 768px) {
  .quickLinksContainer .col{margin:30px 0 15px 0;}
  .quickLinksContainer .quick-links-text{font-size:14pt !important;}
  .quickLinksContainer .quick-links-icon{font-size:3em !important;height:80px;}
  .quickLinksContainer .quick-links-icon .sheriffTN img{width:75px;height:75px;border-radius: 50%;border:1px solid #fff;position:relative;top:-5px;}
  .heroContainer .carousel-item img{max-height:250px;}
  .container{max-width:none !important;padding-bottom:150px !important;}
  .bookingPhotoContainer{min-width: 187px !important; min-height:140px !important;}
  .bookingContentContainer{width:100%;line-height:1.25em !important;font-size:1.25em !important;}
  #bookingHistory, #tblBookingsSM tbody tr{font-size:1.25em !important;}
}

/*** Extra Extra Zoomed In Low Resolutions **/
@media only screen and (min-width: 200px) and (max-width: 389px) {
  .main-content{top:65px !important;}
  .quickLinksContainer .quick-links-icon{font-size:2.5em !important;height:50px;}
  .quickLinksContainer .quick-links-icon .sheriffTN img{width:45px;height:45px;border-radius: 50%;border:1px solid #fff;position:relative;top:-5px;}
  .main-content-home .notificationContainer{height:35px;line-height:35px;}
  .main-content-home .homeButtons a{border-radius:14px;padding:6px 8px;background-color:#00295D;border-color:#00295D;}
  .main-content-home .heroSlide img{max-height:125px;}
  .main-content .col{margin-top:0px !important;}
  #tblDirectorySM.pwa tbody tr td .fs-5{font-size:1.25em !important;}
  #tblDirectorySM.pwa tbody tr td{padding:10px !important;}
  .nav-item a.nav-link{padding:3px 5px !important; font-size:.85em !important;}
}
 
/*** Typical mobile device ***/
@media only screen and (min-width: 389px) and (max-width: 767px) {
  .main-content{top:65px !important;}
  .quickLinksContainer .quick-links-icon{font-size:2.9em !important;height:65px;}
  .quickLinksContainer .quick-links-icon .sheriffTN img{width:57px;height:57px;border-radius: 50%;border:1px solid #fff;position:relative;top:-5px;}
  .sticky-top.bookingMobileBlock, .sticky-top.mobileBlock{
		top:0px;
    z-index:5500;
	}
  .sticky-top.mobileBlock.pwa{top:0px !important;z-index:5500;}
 
  /*.main-content h4{margin-top:25px !important;font-size:14pt !important;}*/

  .h2.newsTitle{font-size:14pt !important;}

  #calendar h2{font-size:9pt !important;}

  /* caddo 911 tabs */
  .nav-item a.nav-link{font-size:.9em !important;padding:3px 7px !important;}

  .main-content .col-12.home div{margin-top:5px !important;margin-bottom:0px !important;}
  .main-content .col{margin-top:0px !important;}
} /* end min 300 max 389 */
  
/*
* Search box overlay
*/

#search-overlay{
  display:none;
  z-index:6000;
}
.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;
  margin-bottom:100px;
  color: #FFF;
  border: none;
  background: transparent;
  width:90%;
}

#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: 1em;
  color: #ddd;
  border-width: 0;
  background-color: #fff;
  padding-left:20px;
}

#search-box input[type="text"] {
  width: 100%;
  min-width:300px;
  line-height:50px;
  color: #333;
  outline: none;
  font-size: 1.25em;
}

#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;
  padding:0 10px;
  cursor: pointer;
}

#search-button:hover{
 background-color: #b9b190;
}

#close-btn{
  position: fixed;
  top: 2em;
  right: 2em;
}
#close-btn:hover{
  color: #777;
  cursor: pointer;
}

/* footer */
#footer-bar {
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 98;
 background-color: #b9b190;
 box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, .06);
 min-height: 75px;
 height: calc(77px +(constant(safe-area-inset-bottom))* 1.1);
 display: flex;
 text-align: center;
 border-top: 0px solid #DED8BF;  
}

#footer-bar a {
 color: #003679;
 padding-top: 12px;
 position: relative;
 flex: 1 1 auto;
 font-size:.75em;
 font-weight:500;
 border-top: 0px solid #b9b190;  
}

#footer-bar a i {
 font-size: 18px;
 position: relative;
 z-index: 2;
 display:block;
}

#footer-bar a:active, #footer-bar a:focus{
 color:#fff;
 transition-duration: 0ms;
}

#footer-bar a.active-nav{
 color:#fff;
 transition-duration: 0ms;
 border-color:#998F69;
}

.show {
 display: block;
}

.hide {
 display: none;
}



/* status bar filler */
.status_bar{
 display:block;
 position:absolute;
 height:63px;
 width:100%;
 top:0;
}

/*** SPINNER ANNIMAITON ***/
.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:19100;
}

.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:19200;
}
@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: 0px solid #bdbdbd;border-top: 3px solid #b9b190;border-radius: 50%;width: 70px;height: 70px;animation: spin 1s linear infinite;z-index:1600;}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 


/* :: 3.1.0 Spacing */
.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-50 {
  margin-right: 50px !important; }

/* :: 3.2.0 Height */
.height-400 {
  height: 400px !important; }

.height-500 {
  height: 500px !important; }

.height-600 {
  height: 600px !important; }

.height-700 {
  height: 700px !important; }

.height-800 {
  height: 800px !important; }

/* :: 3.3.0 Section Padding */
.section-padding-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.section-padding-100-0 {
  padding-top: 100px;
  padding-bottom: 0; }

  .section-padding-50-0 {
    padding-top: 50px;
    padding-bottom: 0; }

.section-padding-0-100 {
  padding-top: 0;
  padding-bottom: 100px; }

.section-padding-100-70 {
  padding-top: 100px;
  padding-bottom: 70px; }

.section-heading {
  position: relative;
  /*z-index: 1;*/
  margin-bottom: 30px; }
  .section-heading .line {
    width: 25px;
    height: 5px;
    border-radius: 3px;
    background-color: #b9b190;
    margin-bottom: 20px; }
  .section-heading p {
    font-size: 12px;
    margin-bottom: 0;
    letter-spacing: 2px;
    color: #b9b190;
    text-transform: uppercase; }
  .section-heading h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0; }
  .section-heading h4 {
    color:#fff; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .section-heading h2 {
        font-size: 28px; }
      }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-heading h2 {
        font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      .section-heading h2 {
        font-size: 24px; } }
  .section-heading.white .line {
    background-color: #ffffff; }
  .section-heading.white p,
  .section-heading.white h2 {
    color: #ffffff; }
  .section-heading.text-center .line {
    margin-left: auto;
    margin-right: auto; }

/* :: 3.6.0 ScrollUp */
#scrollUp {
  background-color: #b9b190;
  border-radius: 5px 0 0 5px;
  bottom: 100px;
  color: #ffffff;
  font-size: 10px;
  padding: 12px 0;
  height: 60px;
  line-height: 1.5;
  right: 0;
  text-align: center;
  width: 35px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  font-weight: 700;
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
  text-transform: uppercase; }
  #scrollUp i {
    font-size: 18px;
    display: block; }
  #scrollUp:hover {
    background-color: #003679;
    color: #ffffff; }
  /*** 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;
}