@charset "UTF-8";
/* CSS Document */

/* colors 

    blue 		#1592ca
	dark red    #BF0404	
	orange		#F7931E  not used 
	light gray	#CCCCCC
	medium gray	#696969 
	dark gray	#333333
	white		#ffffff
	blue		#2BA9E1	 OLD -changed 6/30/17 
	
*/

:root{
    --blue: #1592ca;
    --red: #BF0404;
    --light-gray: #CCCCCC;
    --medium-gray: #696969;
    --dark-gray: #333333;
    --white: #FFFFFF;
    --black: #000000;
    --font-primary: 'Roboto', sans-serif;
    --font-secondary: 'Roboto', serif
}


 /* print css *********************************************************************************/ 
  
@media print {
  .hidden-print {
    display: none !important;
  }  
  .breadcrumb {
    display: none !important;
  }  
 .navbar {
    display: inline;
	border:none;	 
  } 
  body { 
  	font-size: 10pt!important;
  }    
  a[href]:after {
    content: none;
  }  
  .homesearch {
	background-color:var(--white);  
	}
	
  .print-banner {
	  background-color:var(--white); 
	  font-family:Georia; 
	  font-size:18px; 
	  color:var(--black);
	  padding-bottom:20px;
    }
  	.print-banner .first-letter {
	  font-size:24px;
  	}
	.print-banner .print-url {
		font-family: var(--font-primary);
		font-size: 16px; 
	} 
	.print-footer {
		background-color:var(--white); 
	  	font-size:9px;
	  	/*position:absolute;
  		right: 0;
  		bottom: 0;
  		left: 0;*/
    }
	.print-footer-date {
		display:inline; 
		float:right;
    }
	
	#banner-second{
    display: none !important;
  }  
  
/* this is for printing the receipt page only.  Chrome and IE 11 reverts to mobile version for printing without this code.  Use for receipts ONLY!  Add the reciept class to the CONTENT div */
	.receipt { 
		font-size:smaller;
	}
	.receipt .heading-underline { 
		display: none !important;
	}
	.receipt h4 { 
		display: none !important;
	}
	.receipt br { 
		display: none !important;
	}
	.receipt .row { 
		line-height:14px !important;
	}
	.receipt h1.blue { 
		margin-top:-10px; 
	}
	.receipt .col-md-1,
	.receipt .col-md-2,
	.receipt .col-md-3,
	.receipt .col-md-4,
	.receipt .col-md-5,
	.receipt .col-md-6,
	.receipt .col-md-7,
	.receipt .col-md-8,
	.receipt .col-md-9,
	.receipt .col-md-10,
	.receipt .col-md-11,
	.receipt .col-md-12 {
		float: left;
	}
	.receipt .col-md-12 {
	width: 100%;
	}
	.receipt .col-md-11 {
	  width: 91.66666666666666%;
	}
	.receipt .col-md-10 {
	  width: 83.33333333333334%;
	}
	.receipt .col-md-9 {
	  width: 75%;
	}
	.receipt .col-md-8 {
	  width: 66.66666666666666%;
	}
	.receipt .col-md-7 {
	  width: 58.333333333333336%;
	}
	.receipt .col-md-6 {
	  width: 50%;
	}
	.receipt .col-md-5 {
	  width: 41.66666666666667%;
	}
	.receipt .col-md-4 {
	  width: 33.33333333333333%;
	}
	.receipt .col-md-3 {
	  width: 25%;
	}
	.receipt .col-md-2 {
	  width: 16.666666666666664%;
	}
	.receipt .col-md-1 {
	  width: 8.333333333333332%;
	}
	.receipt .col-md-pull-12 {
	  right: 100%;
	}
	.receipt .col-md-pull-11 {
	  right: 91.66666666666666%;
	}
	.receipt .col-md-pull-10 {
	  right: 83.33333333333334%;
	}
	.receipt .col-md-pull-9 {
	  right: 75%;
	}
	.receipt .col-md-pull-8 {
	  right: 66.66666666666666%;
	}
	.receipt .col-md-pull-7 {
	  right: 58.333333333333336%;
	}
	.receipt .col-md-pull-6 {
	  right: 50%;
	}
	.receipt .col-md-pull-5 {
	  right: 41.66666666666667%;
	}
	.receipt .col-md-pull-4 {
	  right: 33.33333333333333%;
	}
	.receipt .col-md-pull-3 {
	  right: 25%;
	}
	.receipt .col-md-pull-2 {
	  right: 16.666666666666664%;
	}
	.receipt .col-md-pull-1 {
	  right: 8.333333333333332%;
	}
	.receipt .col-md-pull-0 {
	  right: 0;
	}
	.receipt .col-md-push-12 {
	  left: 100%;
	}
	.receipt .col-md-push-11 {
	  left: 91.66666666666666%;
	}
	.receipt .col-md-push-10 {
	  left: 83.33333333333334%;
	}
	.receipt .col-md-push-9 {
	  left: 75%;
	}
	.receipt .col-md-push-8 {
	  left: 66.66666666666666%;
	}
	.receipt .col-md-push-7 {
	  left: 58.333333333333336%;
	}
	.receipt .col-md-push-6 {
	  left: 50%;
	}
	.receipt .col-md-push-5 {
	  left: 41.66666666666667%;
	}
	.receipt .col-md-push-4 {
	  left: 33.33333333333333%;
	}
	.receipt .col-md-push-3 {
	  left: 25%;
	}
	.receipt .col-md-push-2 {
	  left: 16.666666666666664%;
	}
	.receipt .col-md-push-1 {
	  left: 8.333333333333332%;
	}
	.receipt .col-md-push-0 {
	  left: 0;
	}
	.receipt .col-md-offset-12 {
	  margin-left: 100%;
	}
	.receipt .col-md-offset-11 {
	  margin-left: 91.66666666666666%;
	}
	.receipt .col-md-offset-10 {
	  margin-left: 83.33333333333334%;
	}
	.receipt .col-md-offset-9 {
	  margin-left: 75%;
	}
	.receipt .col-md-offset-8 {
	  margin-left: 66.66666666666666%;
	}
	.receipt .col-md-offset-7 {
	  margin-left: 58.333333333333336%;
	}
	.receipt .col-md-offset-6 {
	  margin-left: 50%;
	}
	.receipt .col-md-offset-5 {
	  margin-left: 41.66666666666667%;
	}
	.receipt .col-md-offset-4 {
	  margin-left: 33.33333333333333%;
	}
	.receipt .col-md-offset-3 {
	  margin-left: 25%;
	}
	.receipt .col-md-offset-2 {
	  margin-left: 16.666666666666664%;
	}
	.receipt .col-md-offset-1 {
	  margin-left: 8.333333333333332%;
	}
	.receipt .col-md-offset-0 {
	  margin-left: 0;
	}
	
	/**********************************/
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}
	.col-md-12 {
	width: 100%;
	}
	.col-md-11 {
	  width: 91.66666666666666%;
	}
	.col-md-10 {
	  width: 83.33333333333334%;
	}
	.col-md-9 {
	  width: 75%;
	}
	.col-md-8 {
	  width: 66.66666666666666%;
	}
	.col-md-7 {
	  width: 58.333333333333336%;
	}
	.col-md-6 {
	  width: 50%;
	}
	.col-md-5 {
	  width: 41.66666666666667%;
	}
	.col-md-4 {
	  width: 33.33333333333333%;
	}
	.col-md-3 {
	  width: 25%;
	}
	.col-md-2 {
	  width: 16.666666666666664%;
	}
	.col-md-1 {
	  width: 8.333333333333332%;
	}
	.col-md-pull-12 {
	  right: 100%;
	}
	.col-md-pull-11 {
	  right: 91.66666666666666%;
	}
	.col-md-pull-10 {
	  right: 83.33333333333334%;
	}
	.col-md-pull-9 {
	  right: 75%;
	}
	.col-md-pull-8 {
	  right: 66.66666666666666%;
	}
	.col-md-pull-7 {
	  right: 58.333333333333336%;
	}
	.col-md-pull-6 {
	  right: 50%;
	}
	.col-md-pull-5 {
	  right: 41.66666666666667%;
	}
	.col-md-pull-4 {
	  right: 33.33333333333333%;
	}
	.col-md-pull-3 {
	  right: 25%;
	}
	.col-md-pull-2 {
	  right: 16.666666666666664%;
	}
	.col-md-pull-1 {
	  right: 8.333333333333332%;
	}
	.col-md-pull-0 {
	  right: 0;
	}
	.col-md-push-12 {
	  left: 100%;
	}
	.col-md-push-11 {
	  left: 91.66666666666666%;
	}
	.col-md-push-10 {
	  left: 83.33333333333334%;
	}
	.col-md-push-9 {
	  left: 75%;
	}
	.col-md-push-8 {
	  left: 66.66666666666666%;
	}
	.col-md-push-7 {
	  left: 58.333333333333336%;
	}
	.col-md-push-6 {
	  left: 50%;
	}
	.col-md-push-5 {
	  left: 41.66666666666667%;
	}
	.col-md-push-4 {
	  left: 33.33333333333333%;
	}
	.col-md-push-3 {
	  left: 25%;
	}
	.col-md-push-2 {
	  left: 16.666666666666664%;
	}
	.col-md-push-1 {
	  left: 8.333333333333332%;
	}
	.col-md-push-0 {
	  left: 0;
	}
	.col-md-offset-12 {
	  margin-left: 100%;
	}
	.col-md-offset-11 {
	  margin-left: 91.66666666666666%;
	}
	.col-md-offset-10 {
	  margin-left: 83.33333333333334%;
	}
	.col-md-offset-9 {
	  margin-left: 75%;
	}
	.col-md-offset-8 {
	  margin-left: 66.66666666666666%;
	}
	.col-md-offset-7 {
	  margin-left: 58.333333333333336%;
	}
	.col-md-offset-6 {
	  margin-left: 50%;
	}
	.col-md-offset-5 {
	  margin-left: 41.66666666666667%;
	}
	.col-md-offset-4 {
	  margin-left: 33.33333333333333%;
	}
	.col-md-offset-3 {
	  margin-left: 25%;
	}
	.col-md-offset-2 {
	  margin-left: 16.666666666666664%;
	}
	.col-md-offset-1 {
	  margin-left: 8.333333333333332%;
	}
	.col-md-offset-0 {
	  margin-left: 0;
	}
	
	/* does not print buttons */
	.btn.btn-default {
		display:none;
	}
	.app-left-menu {
		display:none;
	}
}
/* removes bars from hamburger and adds work Menu and attributes */
.navbar-toggle:before {
    content:"Menu";
    left:3px;
    top:6px;
    position:absolute;
    width:50px;
	color:var(--white);
	font-weight:500;
	letter-spacing:1px;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 10px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-left: 10px;
  margin-bottom: 8px;
  background-color: var(--red);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}

.navbar-default .navbar-toggle {
  border-color: var(--red);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--red);
}
.navbar-toggle .icon-bar {
  display: block;
  width: 36px;
  height: 2px;
  border-radius: 1px;
  }
  
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: transparent;
}
.navbar-toggle {
        margin-top: 12px !important;
    }
@media (min-width: 330px){
    .navbar-toggle {
        margin-top: 15px !important;
    }
}
@media (min-width: 400px){
    .navbar-toggle {
        margin-top: 22px !important;
    }
}
@media (min-width: 450px){
    .navbar-toggle {
        margin-top: 30px !important;
    }
}
@media (min-width: 500px){
    .navbar-toggle {
        margin-top: 30px !important;
    }
}
@media (min-width: 550px){
    .navbar-toggle {
        margin-top: 28px !important;
    }
}
@media (min-width: 600px){
    .navbar-toggle {
        margin-top: 30px !important;
    }
}
@media (min-width: 700px){
    .navbar-toggle {
        margin-top: 33px !important;
    }
}

 /* body *********************************************************************************/ 
html {
  font-size: 16px;
}
body {
	font-family: var(--font-primary);
	font-size: 16px; 
	color:var(--medium-gray);
	font-weight:400;
	letter-spacing:.5px;
/*	background-image:url( https://ilsosdev.ilsos.net/images/bck.png);*/
	background-color:var(--medium-gray);
}

.covid {
	background-color: var(--medium-gray)!important; 
	padding: 10px;
}
.covid a {
	color: var(--white); 
	font-size: 18px; 
	text-decoration: none; 
	border: none;
}
.covid a:hover,
.covid a:focus { 
	color: var(--white); 
	border-bottom: var(--white) solid 1px; 
	text-decoration:none; 
	padding-bottom:.5px;
}	
.redbar-home {
	background-color: var(--red); 
	color: var(--white);
	padding: 10px;
}
.redbar-home a {
	color: var(--white); 
	font-size: 16px; 
	text-decoration: none; 
	border-bottom: var(--white) solid 1px; 
	padding-bottom:.5px;
}
.redbar-home a:hover,
.redbar-home a:focus { 
	color: var(--white); 
	border: none;
	text-decoration:none; 
}	
.redbar-home-list {
	background-color: var(--white); 
	color: var(--dark-gray); 
	border-bottom: var(--red) medium solid; 
	padding-top: 20px; 
	padding-bottom: 0px; 
	padding-left: 10px;
}
a.dkgray {
	color:var(--medium-gray);
	border-bottom: var(--medium-gray) solid 1px;
	padding-bottom:.5px;
}
a.dkgray:hover,
a.dkgray:focus {
	color:var(--dark-gray);
	border-bottom: var(--dark-gray) solid 1px;
	text-decoration:none;
	padding-bottom:.5px;
}
.sos:after { 
	 content:" Jesse White, Secretary of State";
	font-weight: bold;
  }
/* CYBERTEST ONLY overlays red development */
.environment {
  width:100%;
  height:100%;
  background-color:rgba(191,4,4,0.6);
  color:var(--white);
}
.environment:before {
  width:10%;
  position: relative;
  left:28%;
  top:50%;
  padding:15px;
  background-color:VAR(--WHITE);
  color:var(--red);
  border:var(--red) 5px solid;
  text-align:center;
  font-weight:bold;
  font-size:34px;
  content:"DEVELOPMENT";
}
/*  hideS development overlay*/
.environment {
 	display:none;
}
#banner-second {
/*	background-image:url(../../images/banners/banner-secondary.jpg); */
	height:0px;
}
#banner-secondssl {
/*	background-image:url(../../images/banners/banner-secondary.jpg); */
	height:0px;
}
#banner-second {
/*	background-image:url(../../images/banners/banner-secondary.jpg); */
	height:0px;
}
@media screen and  (min-width: 330px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second
	{
		height:52px;
	}
}
@media screen and  (min-width: 340px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:53px;
	}
}
@media screen and  (min-width: 350px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:55px;
	}
}
@media screen and  (min-width: 360px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:56px;
	}
}
@media screen and  (min-width: 375px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:58px;
	}
}
@media screen and  (min-width: 400px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second { 
		height:62px;
	}
}
@media screen and  (min-width: 415px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:65px;
	}
}
@media screen and  (min-width: 430px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:67px;
	}
}
@media screen and  (min-width: 445px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:69px;
	}
}
@media screen and  (min-width: 460px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:72px;
	}
}
@media screen and  (min-width: 480px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:75px;
	}
}
@media screen and  (min-width: 500px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:78px;
	}
}
@media screen and  (min-width: 520px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:81px;
	}
}
@media screen and  (min-width: 533px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:83px;
	}
}
@media screen and  (min-width: 550px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:86px;
	}
}
@media screen and  (min-width: 570px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:89px;
	}
}
@media screen and  (min-width: 600px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:94px;
	}
}
@media screen and  (min-width: 620px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:97px;
	}
}
@media screen and  (min-width: 640px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:100px;
	}
}
@media screen and  (min-width: 660px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:103px;
	}
}
@media screen and  (min-width: 680px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second{
		height:107px;
	}
}
@media screen and  (min-width: 700px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:110px;
	}
}
@media screen and  (min-width: 720px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:113px;
	}
}
@media screen and  (min-width: 750px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:117px;
	}
}
@media screen and  (min-width: 992px)  {		
	#banner-second,
	#banner-secondssl,
	#banner-second {
		height:150px;
	}
}
@media screen and  (min-width: 1200px)  {
#banner-second,
	#banner-secondssl,
	#banner-second {
		height:180px;
	}
}

/* navbar and footer *********************************************************************/

/*new ilsos.gov code */

.former-cyber {
	background-color: var(--white); 
	color: var(--red); 
	font-weight:bold;
	text-align: right;
	padding-top: 5px; 
	padding-bottom: 5px;
	margin-left: -15px!important;
	padding-left: 0px!important;
}

/*logo*/
.logo img {
        width: 40% !important;
    }
@media (min-width: 400px){
    .logo img {
        width: 45% !important;
    }
}
@media (min-width: 500px){
    .logo img {
        width: 40% !important;
    }
}
@media (min-width: 550px){
    .logo img {
        width: 35% !important;
    }
}
@media (min-width: 600px){
    .logo img {
        width: 33% !important;
    }
}
@media (min-width: 650px){
    .logo img {
        width: 30% !important;
    }
}
@media (min-width: 768px){
    .logo img {
        width: 30% !important;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 992px){
    .logo img {
        width: 100% !important;
        display: inline !important;
        float: left !important;
    }
}
/*menu button*/
.navbar-toggle {
        margin-top: 12px !important;
    }
@media (min-width: 330px){
    .navbar-toggle {
        margin-top: 15px !important;
    }
}
@media (min-width: 400px){
    .navbar-toggle {
        margin-top: 22px !important;
    }
}
@media (min-width: 450px){
    .navbar-toggle {
        margin-top: 30px !important;
    }
}
@media (min-width: 500px){
    .navbar-toggle {
        margin-top: 30px !important;
    }
}
@media (min-width: 550px){
    .navbar-toggle {
        margin-top: 28px !important;
    }
}
@media (min-width: 600px){
    .navbar-toggle {
        margin-top: 30px !important;
    }
}
@media (min-width: 700px){
    .navbar-toggle {
        margin-top: 33px !important;
    }
}
/*container for logo and nav*/
@media (min-width: 768px){
    .navbar-header  {
        width:100% !important;
    }
}
@media (min-width: 992px){
    .navbar-header  {
        width:20% !important;
    }
}			
.navbar-header a {
	border-bottom:none !important;
}
/* top nav*/
@media (min-width: 992px){
    .navbar-nav  {
        margin-top: 15px !important;
    }
}
@media (min-width: 1200px){
    .navbar-nav  {
        margin-top: 20px !important;
    }
}
.navbar-nav li a.online-service {
    color: var(--red) !important;
    font-weight: bold !important;
}
#banner-home, 
#banner-second, 
banner-second {
	border-top: 2px solid var(--blue); 
	padding-top: 10px;
}
/* homepage -  online services and topic sections*/
.section1 {
/*    padding-top: 30px;*/
    padding-bottom: 30px;
	background-color: var(--white);
}
.section1 .row {
    margin-left:5px; 
    margin-right:5px;
}
.section1 .onlineSerContain {
	margin-bottom: 15px;
}
@media (min-width: 768px){
    .section1 .onlineSerContain {
        margin-bottom: 0px;
    }
}
.section1 .blueContain {
        margin-bottom: 15px;
    }
@media (min-width: 768px){
    .section1 .blueContain:last-of-type {
        margin-bottom: 0px;
    }
}
@media (min-width: 992px){
    .section1 .blueContain:first-of-type {
        margin-bottom: 47px;
    }
}
.section1 .onlineSerContain li:last-of-type a {
    color:var(--red);
    font-weight: bold;
    border-bottom:1px var(--red) solid;
}
.section1 .onlineSerContain li:last-of-type a:hover, 
.section1 .onlineSerContain li:last-of-type a:focus {
    color: var(--dark-gray);
	border-bottom: none;
}

.section1 .blueContain li:last-of-type a {
    color:var(--blue);
    font-weight: bold;
    border-bottom:1px var(--blue) solid;
}
.section1 .blueContain li:last-of-type a:hover, 
.section1 .blueContain li:last-of-type a:focus {
    color: var(--dark-gray);
	border-bottom: none;
}
/* homepage news and other services section */
.section2 {
    background-color: var(--white);
    padding-top: 30px;
    padding-bottom: 30px
}

.section2 .whiteContain {
        margin-bottom: 15px;
    }
@media (min-width: 992px){
.section2 .whiteContain {
        margin-bottom: 15px;
    }
}
.section2 .row {
    margin-left:5px; 
    margin-right:5px;
}
.section2 .whiteContain {
    background-color: var(--white)!important; 
    padding:5px 8px; 
    border-radius: 6px;
}
/* homepage quick links*/	
.section3 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section3 .row {
    margin-left:5px; 
    margin-right:5px;
}
.section3 h3 {	
    margin-left: 30px;
}

/* container for online services only. Used on homepage and online services homepage*/
.onlineSerContain {
    border-left: var(--red) thick solid; 
    border-right: thin var(--light-gray) solid; 
    border-top: thin var(--light-gray) solid; 
    border-bottom: thin var(--light-gray) solid; 
    border-radius: 6px;
}
.onlineSerContain h3 {
    color: var(--red);
    padding-left: 10px;
}
.onlineSerContain li {
    padding-bottom: 15px;
	margin-left: 10px;
	margin-right: 5px
}
.onlineSerContain li a {
    color:var(--dark-gray);
	border-bottom: 1px var(--dark-gray) solid;
}
.onlineSerContain li a:hover, 
.onlineSerContain li a:focus {
    color: var(--red);
	border-bottom: none;
}
	
/* container used for sections with headers and lists of links. Used on homepage */
.blueContain {
    border-left: var(--blue) thick solid; 
    border-right: thin var(--light-gray) solid; 
    border-top: thin var(--light-gray) solid; 
    border-bottom: thin var(--light-gray) solid; 
    border-radius: 6px;
}
.blueContain h3 {
    color: var(--blue);
    padding-left: 10px;
}
.blueContain li {
    padding-bottom: 15px;
	margin-left: -8px;
	margin-right: 5px
}
.blueContain li a {
    color:var(--dark-gray);
	border-bottom: 1px var(--dark-gray) solid;
}
.blueContain li a:hover, 
.blueContain li a:focus {
    color: var(--blue);
	border-bottom: none;
}
.blueContain li a.red {
    color:var(--red);
	border-bottom: 1px var(--red) solid;
	style:"position: relative; left:15px;"
}
.blueContain li a.red:hover, 
.blueContain li a.red:focus {
    color: var(--blue);
	border-bottom: none;
}
/* container with no colored border - homepage news, services and quick links*/
.whiteContain {
    background-color: var(--white); 
    padding:5px 8px; 
    border-radius: 6px;
}
.whiteContain h3 {
    color: var(--blue);
    padding-left: 10px;
    border-bottom: var(--blue) 2px dotted;
}
.whiteContain ul {
    padding-top: 10px;
}
.whiteContain li {
    padding-bottom:15px;
	margin-left: -8px;
}
.whiteContain li:last-of-type {
    padding-bottom:0px;
}
.whiteContain li a {
    color: var(--dark-gray);				
    border-bottom:1px var(--dark-gray) solid;
}
.whiteContain li a:hover,
.whiteContain li a:focus {
    color: var(--blue);				
    border-bottom:none;
}
/*used in news section of homepage*/
.whiteContain.news li:last-of-type a {
    color: var(--blue);	
    font-weight: bold;
    border-bottom:1px var(--blue) solid;
}
.whiteContain.news li:last-of-type a:hover,
.whiteContain.news li:last-of-type a:focus {
    color: var(--dark-gray);				
    border-bottom:none;
}
/*footer for all pages*/	
footer {
    background-color: var(--medium-gray)!important;
/*	background-image:url( https://ilsosapps.ilsos.gov/images/bck.png);*/
/*    background-color: #f5f5f5!important;*/
}
/*
footer .container{
	background-color: var(--dark-gray);
}
*/
footer .row {
    padding-bottom: 10px;
}
footer  h4 {
    color:var(--white);
    font-weight:300;
}
footer ul {
    margin-left: 0px;
}
footer li {
    padding-bottom: 7px!important;
}
footer ul li a:before {
    content: "> ";
    color: #999!important;
    text-decoration:none!important;
}
footer ul li a:hover:before {
    color: var(--blue);
}

footer ul li a { 
    color:#999;
    text-decoration:none;
    border-bottom:none;
}
footer ul li a:hover, 
footer ul li a:focus { 
    color: var(--blue);
    border-bottom:var(--blue) 1px solid;	
}
footer .footer-second{
	background-color: var(--dark-gray);
}
.footer-second ul li a:before {
    content: none;
}
.footer-second ul li a { 
    color:#999;
    font-size: small;
    text-decoration:none;
    border-bottom:none;
}
.footer-second ul li a:hover, 
.footer-second ul li a:focus { 
    color: var(--blue);
    border-bottom:var(--blue) 1px solid;	
}

li {
/*	margin-bottom: 10px;*/
	padding-bottom: 10px;
}



/* current code */
.navbar.navbar-default {
	background-color:var(--white);
	border-right:none;
	border-bottom:none;
	border-left:none;
	border-radius:0px;
	margin-bottom:0px;
}

.navbar-default .navbar-nav > li > a {
	color:var(--medium-gray);
	font-size:18px;
	font-weight:400;	
	letter-spacing: 1px;
	text-decoration:none;
	border-bottom:none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: var(--red);
	background-color: var(--white);
} 
@media (min-width: 768px){
    .navbar-header  {
        width:100% !important;
    }
}
@media (min-width: 992px){
    .navbar-header  {
        width:20% !important;
    }
}			
.navbar-header a {
	border-bottom:none !important;
}
/* top nav*/
@media (min-width: 992px){
    .navbar-nav  {
        margin-top: 15px !important;
    }
}
@media (min-width: 1200px){
    .navbar-nav  {
        margin-top: 20px !important;
    }
}
.navbar-nav li a.online-service {
    color: var(--red) !important;
    font-weight: bold !important;
}
@media (min-width: 768px) {
	.collapse.navbar-collapse { 
		padding-left:0px;
	}
	
	.collapse.navbar-collapse .navbar-nav { 
		margin-left:-5px;
	}
}

/*logo*/
.logo img {
        width: 40% !important;
    }
@media (min-width: 400px){
    .logo img {
        width: 45% !important;
    }
}
@media (min-width: 500px){
    .logo img {
        width: 40% !important;
    }
}
@media (min-width: 550px){
    .logo img {
        width: 35% !important;
    }
}
@media (min-width: 600px){
    .logo img {
        width: 33% !important;
    }
}
@media (min-width: 650px){
    .logo img {
        width: 30% !important;
    }
}
@media (min-width: 768px){
    .logo img {
        width: 30% !important;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 992px){
    .logo img {
        width: 100% !important;
        display: inline !important;
        float: left !important;
    }
}
			
/* homepage -  online services and topic sections*/
.section1 {
    padding-top: 60px;
    padding-bottom: 60px;
	background-color: var(--white);
}
.section1 .onlineSerContain {
	margin-bottom: 15px;
}
.section1 .onlineSerContain li {
    padding-bottom: 15px;
	margin-left: -8px;
	margin-right: 5px
}

.section1 .onlineSerContain li:last-of-type a {
    color:var(--red);
    font-weight: bold;
    border-bottom:1px var(--red) solid;
}
.section1 .onlineSerContain li:last-of-type a:hover, 
.section1 .onlineSerContain li:last-of-type a:focus {
    color: var(--dark-gray);
	border-bottom: none;
}
.section1 .blueContain li {
    padding-bottom: 15px;
	margin-left: -8px;
	margin-right: 5px
}
@media (min-width: 768px){
    .section1 .onlineSerContain {
        margin-bottom: 0px;
    }
}
.section1 .blueContain {
        margin-bottom: 15px;
    }
@media (min-width: 768px){
    .section1 .blueContain:last-of-type {
        margin-bottom: 0px;
    }
}
@media (min-width: 992px){
    .section1 .blueContain:first-of-type {
        margin-bottom: 47px;
    }
}
/* homepage news and other services section */
.section2 {
    background-color: #e5e5e5;
    padding-top: 60px;
    padding-bottom: 60px
}

.section2 .whiteContain {
        margin-bottom: 15px;
    }
@media (min-width: 992px){
.section2 .whiteContain {
        margin-bottom: 15px;
    }
}
.section2 .whiteContain {
    background-color: #f5f5f5; 
    padding:5px 8px; 
    border-radius: 6px;
}

/* homepage quick links*/	
.section3 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.section3 h3 {	
    margin-left: 30px;
}

/* container for online services only. Used on homepage and online services homepage*/
.onlineSerContain {
    border-left: var(--red) thick solid; 
    border-right: thin var(--light-gray) solid; 
    border-top: thin var(--light-gray) solid; 
    border-bottom: thin var(--light-gray) solid; 
    border-radius: 6px;
}
.onlineSerContain h3 {
    background-color: var(--red);
	color: var(--white); 
/*	border-top: 2px var(--red) solid;*/
/*	border-bottom: 2px var(--red) solid;*/
/*	color: var(--red);*/
    padding: 5px 10px;
	margin-bottom: 15px;
}
.onlineSerContain h4 {
    background-color: var(--red);
	color: var(--white); 
/*	border-top: 2px var(--red) solid;*/
/*	border-bottom: 2px var(--red) solid;*/
/*	color: var(--red);*/
    padding: 5px 10px;
	margin-bottom: 15px;
}
.onlineSerContain li {
    padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px
}
.onlineSerContain li a {
    color:var(--dark-gray);
	border-bottom: 1px var(--dark-gray) solid;
}
.onlineSerContain li a:hover, 
.onlineSerContain li a:focus {
    color: var(--red);
	border-bottom: none;
}
/* container used for sections with headers and lists of links. Used on homepage */
.blueContain {
    border-left: var(--blue) thick solid; 
    border-right: thin var(--light-gray) solid; 
    border-top: thin var(--light-gray) solid; 
    border-bottom: thin var(--light-gray) solid; 
    border-radius: 6px;
}

.blueContain h3 {
    color: var(--white);
    background-color: var(--blue);
    padding: 5px 10px;
    margin-bottom: 15px;
}
.blueContain h4 {
/*    color: var(--white);*/
/*    background-color: var(--blue);*/
    color: var(--blue);
    padding: 5px 10px;
    margin-bottom: 15px;
}
.blueContain li {
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 5px
}
/*
.blueContain h3 {
    color: var(--blue);
    padding-left: 10px;
}
.blueContain li {
    padding-bottom: 15px;
	margin-left: -8px;
	margin-right: 5px
}
*/
.blueContain li a {
    color:var(--dark-gray);
	border-bottom: 1px var(--dark-gray) solid;
}
.blueContain li a:hover, 
.blueContain li a:focus {
    color: var(--blue);
	border-bottom: none;
}
/* container with no colored border - homepage news, services and quick links*/
.whiteContain {
    background-color: var(--white); 
    padding:5px 8px; 
    border-radius: 6px;
}
.whiteContain h3 {
    color: var(--blue);
    padding-left: 10px;
    border-bottom: var(--blue) 2px dotted;
}
.whiteContain ul {
    padding-top: 10px;
}
.whiteContain li {
    padding-bottom:15px;
	margin-left: -8px;
}
.whiteContain li:last-of-type {
    padding-bottom:0px;
}
.whiteContain li a {
    color: var(--dark-gray);				
    border-bottom:1px var(--dark-gray) solid;
}
.whiteContain li a:hover,
.whiteContain li a:focus {
    color: var(--blue);				
    border-bottom:none;
}
/*used in news section of homepage*/
.whiteContain.news li:last-of-type a {
    color: var(--blue);	
    font-weight: bold;
    border-bottom:1px var(--blue) solid;
}
.whiteContain.news li:last-of-type a:hover,
.whiteContain.news li:last-of-type a:focus {
    color: var(--dark-gray);				
    border-bottom:none;
}
/*footer for all pages*/	
footer {
/*    background-color: #f5f5f5;*/
    background-color: var(--medium-gray);
}
footer .container{
	background-color: var(--dark-gray);
}
footer .row {
    padding-bottom: 10px;
}
footer  h4 {
    color:var(--white);
    font-weight:300;
}
footer ul {
    margin-left: 0px;
}
footer li {
    padding-bottom: 7px!important;
}
footer ul li a:before {
    content: "> ";
    color: #999!important;
    text-decoration:none!important;
}
footer ul li a:hover:before {
    color: var(--blue);
}

footer ul li a { 
    color:#999;
    text-decoration:none;
    border-bottom:none;
}
footer ul li a:hover, 
footer ul li a:focus { 
    color: var(--blue);
    border-bottom:var(--blue) 1px solid;	
}
footer .footer-second{
	background-color: var(--dark-gray);
}
.footer-second ul li a:before {
    content: none;
}
.footer-second ul li a { 
    color:#999;
    font-size: small;
    text-decoration:none;
    border-bottom:none;
}
.footer-second ul li a:hover, 
.footer-second ul li a:focus { 
    color: var(--blue);
    border-bottom:var(--blue) 1px solid;	
}	
.heading-underline-home {
	border-bottom:var(--blue) 2px solid; 
	width:40%; 
	padding-top:0px; 
	margin-bottom:10px; 
	margin-top:0px;
}
.heading-underline {
  	line-height: 110%;
    color: var(--text-blue);
    padding-bottom: 24px;
    padding-top: 0px;
    display: block;
    border-bottom: 8px solid var(--gold);
    margin-bottom: 48px;
}

/* elastic search */
.st-default-search-input {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    width: 97%!important;
    height: 38px!important;
    font-size: 18px!important;
    line-height: 1.3333333!important;
    background-image: none!important;
}


/*search*/
.homesearch {
/*
	background-color:#333; 
	padding-top:10px; 
	padding-bottom:2px;
*/
	display: none!important;
}
@media (min-width: 768px) {	
	.homesearch {
		
	}
}
.homesearch .help-block a:hover, 
.homesearch .help-block a:focus {
	color:var(--white);
}
.homesearch .form-group {
	margin-left: auto;  
	margin-right:auto;  
	width:70%;
}
.homesearch input {
	font-size:.9em;
}
@media (min-width: 768px){
	.homesearch input {
		font-size:1.1em;
	}
}
.homesearch input[type=text] {
	border-right:0px;
	padding-top:14px;
	padding-left:2px;
}
@media (min-width: 768px){		
	.homesearch input[type=text] {
		padding-top:7px;
		padding-left:14px;
	}
}	
@media (min-width: 992px){		
	.homesearch input[type=text] {
		padding-top:13px;
	}
}	
@media (min-width: 992px){		
	.homesearch input[type=text] {
		padding-top:11px;
	}
}
.homesearch .btn-search {
	  background-image:url(../../images/home_images/searchwhite.svg);
	  background-repeat:no-repeat;
	  background-position:center;
	  background-color:var(--blue);
	  background-size:30px 30px;
	  padding:5px;
	  border-radius:4px;
}
@media (min-width: 768px){
	.homesearch .btn-search {
		background-size:35px 35px;
	}
}
.homesearch .btn-search:hover {
	background-image:url(../../images/home_images/searchgray.svg);
}
.homesearch	.input-group-addon {
  padding: 1px 5px;
  font-weight: normal;
  background-color: var(--blue);
  border: none;
}
.homesearch	.input-group-addon:hover {
 opacity:.7;
}
.homesearch .input-group-addon .btn-search {
	width:40px; 
	height:40px; 
	margin:0px;
	border:none;
}
.covid {
	background-color: var(--red); 
	padding: 10px;
}
.covid a {
	color: var(--white); 
	font-size: 18px; 
	text-decoration: none; 
	border: none;
}
.covid a:hover,
.covid a:focus { 
	color: var(--white); 
	border-bottom: var(--white) solid 1px; 
	text-decoration:none; 
	padding-bottom:.5px;
}	
/* cards */
.section-cards {  
	padding-top:40px; 
	padding-bottom:20px;
}
/* use with a license plate */
.section-cards .card-block img.plate { width:80%; }
@media (min-width: 480px) { 
  .section-cards .card-block img.plate { width: 60%;}
}
@media (min-width: 600px) { 
  .section-cards .card-block img.plate { width: 55%;}
}
@media (min-width: 680px) { 
  .section-cards .card-block img.plate { width: 45%;}
}
@media (min-width: 768px) { 
  .section-cards .card-block img.plate { width: 100%;}
}
@media (min-width: 992px) { 
  .section-cards .card-block img.plate { width: 85%;}
}
@media (min-width: 1200px) { 
  .section-cards .card-block img.plate { width: 65%;}
}

.section-cards .card-header {
	background-color: var(--blue); 
	color:var(--white); 
	font-size: 1.1em;
}
.section-cards .list-top {
	border-top:none!important; 
	border-left:none!important; 
	border-right:none!important;
}
.section-cards .list-middle {
	border-left:none!important; 
	border-right:none!important;
}
.section-cards .list-bottom {
	border-bottom:none!important; 
	border-left:none!important; 
	border-right:none!important;
}
/* online services */
.section-onlineservices {  
	padding-top:20px; 
	padding-bottom:0px; 
}
.online-services { 
	background-color: var(--medium-gray);
	padding-top:10px;
	padding-bottom:50px;
	padding-left:0px; 
	padding-right:0px; 
	border-radius:0px; 
	/*margin-bottom:-40px;*/
}
@media (min-width: 992px) {
	.online-services {
		margin-bottom:0px;
	}	
}
.online-services h1 { 
	border-bottom: none; 
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:15px; 
	margin-top:0px; 
	color:var(--white);
}
.online-services .online-bckgrd {
	background-color: rgba(51,51,51,.8);
	padding-right:20px;
}
.online-services ul {
    list-style: none;
    padding: 0 10px 0 10px;
}
.online-services ul li {  
	line-height:44px;
	border-bottom: #e5e5e5 solid 1px;
	/*list-style:disc;*/
	margin-left:20px;
}
@media (min-width: 768px) {	
	.online-services ul li {  
		line-height:54px;
	}
}
@media (min-width: 768px) {	
	.online-services ul li:last-child {  
		line-height:54px;
		border-bottom: none;
	}
}
/* removes ul margin for mobile */
@media (max-width: 767px){
	.section-onlineservices ul:first-child {
		margin-bottom:0px;
	}
}
/* use for very last link in second column*/
.online-services .no-border { 
	border-bottom:none;
}
.online-services a:before {
	content:none;
    color: var(--medium-gray);
	font-weight:500;
	text-decoration:none;
}
.online-services a:hover:before {
	color:var(--blue);
}
.online-services ul li a { 
	color:var(--white);
	text-decoration:none;
	border-bottom:none;
	display:block;
	padding-left:5px;
	padding-right:5px;
}
.online-services ul li a:hover, 
.online-services ul li a:focus { 
	color:var(--blue);
	/*color:rgba(191,4,4,.9);*/
	text-decoration:none;
}
.online-services .glyphicon  {
	padding-top:13px;
}
.online-services .glyphicon-circle-arrow-right {  
	vertical-align:top; 
	color:var(--white);
}
.online-services .glyphicon-circle-arrow-right:hover,
.online-services .glyphicon-circle-arrow-right:focus {  
	color:rgba(191,4,4,.9);
}

/*icons section **************************************************************/
.section-icons { 
	padding-left:30px; 
	padding-right:30px; 
	height:650px; 
	background-color: var(--white);
}
@media (min-width: 768px) {
	.section-icons { 
	background-size: cover;
	background-attachment: fixed; 
	background-position: center; 
	background-repeat: no-repeat; 
	}
}

@media (min-width: 768px) {
	.section-icons {  
		height:480px;
	}
}
@media (min-width: 992px) {
	.section-icons {  
		height:520px; 
		padding-top:40px;
	}
}

.section-icons .card { border:none; }
.section-icons a { 
	color:#333; 
	font-size:16px; 
	font-weight:500;
	border-bottom: none;
	text-decoration:none; 
}
@media (min-width: 768px) {
	.section-icons a {
		font-size:18px;
	}
}
.section-icons .icon-bckgrd {
	background-color:rgba(255,255,255,.6); 
	margin-top:40px;	
}

/*business, dl and vehicle cards**********************************************/		

.section-cards {  padding-top:40px; padding-bottom:20px; }

.section-itemcards { 
	background-color:var(--blue);
	padding-top:25px;
	padding-bottom:5px;
}
.itemcards .card {	
	background-color:var(--white); 
	border:#e5e5e5 2px solid;
	padding: 5px;
	border-radius:4px; 
}	
@media (min-width: 768px) {
  .itemcards .card {	
	background-color:var(--white) !important; 
	}
}
.itemcards .col-xs-12 .card { 
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom:20px; 
}
@media (min-width: 375px) { 
	.itemcards .col-xs-12 .card {
		width:75%; 
	} 
}
@media (min-width: 533px) { 
	.itemcards .col-xs-12 .card {
		width:65%; 
	} 
}
@media (min-width: 600px) { 
	.itemcards .col-xs-12 .card {
		width:60%; 
	} 
}
@media (min-width: 640px) { 
	.itemcards .col-xs-12 .card {
		width:55%; 
	  } 
}
@media (min-width: 700px) { 
	.itemcards .col-xs-12 .card {
		width:50%; 
	  } 
}
@media (min-width: 768px) { 
	.itemcards .col-xs-12 .card {
		width:90%; 
	  } 
}
.itemcards .card img {	
	padding-left:3px;
}		
.itemcards  a.card-label {
	font-family: var(--font-secondary);
	color: var(--blue); 
	font-size: 2rem;
	letter-spacing:1px;
	padding-top: 2px; 
	text-decoration:none; 
}	
.itemcards .card-label { 
	display:block;
}	
.itemcards .card-header {
	font-family: var(--font-secondary);
	color: var(--blue); 
	font-size: 2rem;
	letter-spacing:1px;
	text-decoration:none; 
	border-bottom:none;
	background-color:var(--white); 
	padding: 5px;
}
@media (min-width: 768px) {
	.itemcards .card-header {
		font-size: 2rem;
		letter-spacing:1px;
		padding-top: 2px; 
		padding: 5px;
	}
}
.itemcards .card-header a{ 
	border-bottom: none;
}
.itemcards .card-header a:hover,
.itemcards .card-header a:hover { 
	border-bottom: none;
}
.itemcards .card-header  a:before {
  content: none;
  color: var(--medium-gray);
  text-decoration:none;
}  
.itemcards .card-header a:hover:before {
  content: none;
  color: var(--blue);
  text-decoration:none;
}
@media (min-width: 992px) {	
	.itemcards .card-header:hover {
		background-color:var(--white); 
	}	
}
/* all cards with glyphicons next to bottom title */
.itemcards .glyphicon-circle-arrow-right	{
	padding-top: 4px;
}
.itemcards .list-group-item a {
	color:var(--medium-gray);
	text-decoration:none;
	display:block;
	padding:10px 15px;
}	
.itemcards .list-group-item a:hover,
.itemcards .list-group-item a:focus {
	color:var(--blue);
	display:block;
}
.itemcards li  a:before {
  content: "• ";
  color: var(--medium-gray);
  text-decoration:none;
}  
.itemcards li  a:hover:before {
  content: "• ";
  color: var(--blue);
  text-decoration:none;
}
.itemcards li:hover {
	background-color:#e5e5e5;
}

/* aligns blue 'more' links */
@media (min-width: 992px) { 
.list-group-bus li:last-child { margin-top: 23px; }
}
@media (min-width: 1200px) { 
.list-group-bus li:last-child { margin-top: 0; }
}

/*quick links**************************************************************/
/* quicklinks */
.section-quicklinks { 
	background-color:var(--white); 
	/*padding-left:10px; 
	padding-right:10px;*/
	padding-top:23px;
	 
	border-radius:4px; 
	/*border:var(--blue) 2px solid;*/
}
.section-quicklinks h1 { 
	/*border-bottom: dotted 2px #e5e5e5; */
	padding-top:8px; 
	padding-bottom:3px;  
	margin-top:0px; 
}
.section-quicklinks ul {
    list-style: none;
    padding: 0 0 0 10px;
}
.section-quicklinks ul li {  
	line-height:44px;
	border-bottom: #e5e5e5 solid 1px;
}
@media (min-width: 768px) {	
	.section-quicklinks ul li {  
		line-height:30px;
	}
}
@media (min-width: 768px) {	
	.section-quicklinks ul li:last-child {  
		line-height:44px;
		border-bottom: none;
	}
	
}
/* removes ul margin for mobile */
@media (max-width: 767px){
	.section-quicklinks ul:first-child {
		margin-bottom:0px;
	}
}
.section-quicklinks a:before {
	content: "• ";
  color: var(--medium-gray);
  text-decoration:none;
}
.section-quicklinks a:hover:before {
	color:var(--blue);
}
.section-quicklinks ul li a { 
	color:var(--medium-gray);
	text-decoration:none;
	border-bottom:none;
	display:block;
	padding-left:5px;
	padding-right:5px;
}
.section-quicklinks ul li a:hover, 
.section-quicklinks ul li a:focus { 
	color:var(--blue);
	/*background-color:#f5f5f5;*/
	text-decoration:none;
}
.section-quicklinks ul li.more-links a { 
	color:var(--medium-gray);	
	font-weight:400;
	background-color:rgba(43,169,225, 0.2);
	text-decoration:none;
	border-bottom:none;
	display:block;
}
.section-quicklinks ul li.more-links a:hover, 
.section-quicklinks ul li.more-links a:focus { 
	color:var(--blue);
	background-color:rgba(105,105,105, 0.2);
	text-decoration:none;
}

/* use for very last link in second column*/
.section-quicklinks .no-border { 
	border-bottom:none;
}
	
/* misc styles ****************************************************/	


/*main section of page. Used with container*/
.container-main {
	padding-left:0px; 
	padding-right:0px;
	padding-bottom:-0px;
	/*box-shadow: 0 0 20px #999999; */
	background-color:var(--white);
}
.content {
	padding-left:30px; 
	padding-right:30px;
	padding-bottom:25px;
	min-height:300px;	
}
/*used for Archives database pages - add archives-db to content class*/
.archives-db h3 {
		margin-bottom:0px;
	}
.archives-db .heading-underline {
	padding-top:10px;
}
/*used for TVDL images that are foreign language links DS homepage*/
.tvdl-img { 
	text-decoration:none; 
	border-bottom:0px;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.inline-block{
	display: inline-block;
}
.m-b-0 {
	margin-bottom: 0px;
}
.m-b-10 {
	margin-bottom: 10px;
}
.m-b-20 {
	margin-bottom: 20px;
}
.m-b-35 {
	margin-bottom: 35px;
}
.m-b-40 {
	margin-bottom: 40px;
}
.m-l-neg15 {
	margin-left: -15px;
}
.m-l-20 {
	margin-left: 20px;
}
.m-l-25 {
	margin-left: 25px;
}
.m-l-neg25 {
	margin-left: -25px;
}
.m-r-neg10 {
	margin-right: -10px;
}
.m-r-neg15 {
	margin-right: -15px;
}	
.m-r-10 {
	margin-right: 10px;
}	
.m-r-15 {
	margin-right: 15px;
}		
.m-r-25 {
	margin-right: 25px;
}
.m-t-0 {
	margin-top: 0px;
}
.m-t-5 {
	margin-top: 5px;
}
.m-t-10 {
	margin-top: 10px;
}
.m-t-20 {
	margin-top: 20px;
}
.m-t-25 {
	margin-top: 25px;
}
.p-b-0 {
	padding-bottom: 0px;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-r-0 {
	padding-right: 0px;
}
.p-l-0 {
	padding-left: 0px;
}	
.p-t-0 {
	padding-top: 0px;
}
.p-t-5 {
	padding-top: 5px;
}
.p-l-10 {
	padding-left: 10px;
}
.p-l-20 {
	padding-left: 20px;
}
.p-r-5 {
	padding-right: 5px;
}
.p-r-10 {
	padding-right: 10px;
}	
.p-r-25 {
	padding-right: 25px;
}
.p-t-8 {
	padding-top: 8px;
}
.p-t-10 {
	padding-top: 10px;
}
.p-t-15 {
	padding-top: 15px;
}
.br-a-4 {
	border-radius:4px;
}
.w-50{
	width: 50%;
}
.default-font {
	font-family: var(--font-primary);
}
.no-bold {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
a {
	color:var(--blue);
	text-decoration:none;
	border-bottom: var(--blue) solid 1px;
	padding-bottom:.5px;
}
a:hover,
a:focus {
	color:var(--medium-gray);
	border-bottom: var(--red) solid 1px;
	text-decoration:none;
	padding-bottom:.5px;
}
a.red {
	color:var(--red);
	text-decoration:none;
	border-bottom: var(--red) solid 1px;
	padding-bottom:.5px;
}
a.red:hover,
a.red:focus {
	color:var(--medium-gray);
	border-bottom: var(--red) solid 1px;
	text-decoration:none;
	padding-bottom:.5px;
}

a.nounderline {
	text-decoration:none; 
	border-bottom:0px;
}
a.nounderline:hover,
a.nounderline:focus {
	text-decoration:none; 
	border-bottom:0px;
}
p > a {
	color:var(--blue);
	text-decoration:none;
	border-bottom: var(--blue) solid 1px;
	padding-bottom:.5px;
}	
p > a:hover,
p > a:focus {
	color:var(--medium-gray);
	text-decoration:none;
	border-bottom: var(--red) solid 1px;
	padding-bottom:.5px;
}
a img {
	text-decoration:none;
	border-bottom: 0px;
}

p {
	line-height:24px;
}
h1 {
	font-family: var(--font-secondary);
	color: var(--blue);
	font-weight: 200;
    font-size: 36px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
/*
	font-family: var(--font-secondary);
	font-size: 1.8em;
	color:var(--blue);
*/
}
h2 {
	font-family: var(--font-secondary);
	color:var(--blue);
}
h3 {
	font-family: var(--font-secondary);
	color: var(--blue);
	font-weight: 200;
    font-size: 36px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
}
h4 {	 
	font-family:var(--font-secondary);
	font-weight:400;
	color:var(--red);
	margin-top:25px; 
	margin-bottom:5px; 
}
h4.blue {	 
	font-family:var(--font-secondary);
	font-weight:400;
	color:var(--blue);
	margin-top:25px; 
	margin-bottom:5px; 
}
.pubs-table td:first-of-type { 
	width:80%;
}
.pubs-table td:last-of-type { 
	text-align:right;
}
.bs-pubs-table td:last-of-type { 
	text-align:right;
}
.bs-pubs-table td:nth-child(3) { 
	text-align:right;
}
.all-pubs-table td:last-of-type { 
	width:82%;
}
/*
.list-inline  li:before {
	content: "> "; 
}
.list-inline  li:last-child:after {
	content:none; 
}
.list-inline > li {
  padding-right: 15px;
}
*/

.lpguide img { 
	padding-bottom:8px;
 }

/* used for back to top link*/	
.backtotop {
	margin-bottom:30px;
}
.backtotop  a{
	font-size:12px;
}
.backtotop .glyphicon {
	font-size:16px;
	color:var(--blue);
}
/* breadcrumb works with tracer.js */
.breadcrumb {
  background-color: var(--white);
  font-size:11px;
  padding: 0px;
  margin-top:17px;
  /*margin-bottom:1%;*/
  list-style: none;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: none;
}
.breadcrumb > li > a {
	color:var(--medium-gray);
	text-decoration:none;
	border-bottom: none;
	padding-bottom:.3px;
}
.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus {
	color:var(--blue);
	text-decoration:none;
	border-bottom: none;
	padding-bottom:.3px;
}
.breadcrumb > li:last-of-type {
  color:var(--black);
}
a.btn { padding-bottom:6px;}

.btn-default {
  color: var(--white);
  background-color: var(--blue);
  border-color: var(--medium-gray);
  border-width:2px;
/*  border-radius:8px;*/
}

.btn-default:hover,
.btn-default:focus {
  color: var(--blue);
  background-color: var(--white);
  border-color: var(--medium-gray);
  border-width:2px;
/*  border-radius:8px;*/
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: var(--white);
  border-color: #ccc;
  color:#999;
}


.btn-default-reverse {
  color: var(--blue);
  background-color: var(--white);
  border:2px solid var(--blue) !important;
}
.btn-default-reverse:hover,
.btn-default-reverse:focus {
  color: var(--white);
  background-color: var(--blue);
  border:2px solid var(--medium-gray) !important;
}


.btn-default-home {
  color: var(--white);
  background-color: var(--blue);
  border:2px solid var(--gold) !important;
  font-size: 12pt;
}
.btn-default-home:hover,
.btn-default-home:focus {
  color: var(--blue);
  background-color: var(--gold);
  border:2px solid var(--gold) !important;
  font-size: 12pt;
}

.btn-default-edit {
  color: var(--blue);
  background-color: var(--white);
  border:2px solid var(--blue) !important ;
}

.btn-default-edit:hover,
.btn-default-edit:focus {
  color: var(--white);
  background-color: var(--blue);
   border:2px solid var(--medium-gray) !important ;
}
.btn-success {
  color: var(--white);
  background-color: #168039;
  border-color: var(--medium-gray);
  border-width:2px;
}
.btn-success:hover {
  color: #168039;
  background-color: var(--white);
  border-color: var(--medium-gray);
  border-width:2px;
}
.btn-danger {
  color: var(--white) ;
  background-color: #bf0404;
  border-color: var(--medium-gray);
  border-width:2px;
}
.btn-danger:hover {
  color: var(--white);
  background-color: #bf0404;
  border-color: var(--medium-gray);
  border-width:2px;
}
.btn-warning {
  border-color: var(--medium-gray);
  border-width:2px;
}
.btn-warning:hover {
  border-color: var(--medium-gray);
  border-width:2px;
}
.btn-gray {  
  color: var(--dark-gray) ;
  background-color: var(--light-gray);
  border-color: var(--medium-gray);
  border-width:2px;
}
.btn-gray:hover {
  color: var(--dark-gray) ;
  background-color: var(--medium-gray);
  border-color: var(--light-gray);
  border-width:2px;
}
/*used in driving school road exam */
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #0078BD;
  border-color: #0078BD;
}
.btn-default-disabled {
  color: var(--medium-gray);
  background-color: #ccc;
  border-color: #ccc;
  cursor:not-allowed;
}

.btn-default-disabled:hover,
.btn-default-disabled:focus {
  color: var(--medium-gray);
  background-color: #ccc;
  border-color: #ccc;
  cursor:not-allowed;
}
.btn-default-file {
  color: var(--white);
  background-color: var(--medium-gray);
  border-color: var(--medium-gray);
  border-width:2px;
  border-top-right-radius: 4px!important;
  border-bottom-right-radius: 4px!important;	
}

.btn-default-file:hover,
.btn-default-file:focus {
  color: var(--medium-gray);
  background-color: var(--white);
  border-color: var(--medium-gray);
  border-width:2px;
}
.btn-linklook {
  font-size: 16px;	
  color: var(--blue);
  background-color: transparent;
  border-color: transparent;
  border-bottom: var(--blue) solid 1px;
  border-radius: 0px;
  padding-bottom:.5px;
  padding-left: 0px;
  padding-right: 0px;
}				
.btn-linklook:hover,
.btn-linklook:focus {
  color:var(--medium-gray);
  border-bottom: var(--red) solid 1px;
  text-decoration:none;
  padding-bottom:.5px;
}
.dept-info {
	color:var(--text-blue);
	font-weight:500;
}
.bg-info {
	font-weight:400;
	padding:5px; 
	border-top:var(--medium-gray) 2px solid; 
	border-bottom:var(--medium-gray) 2px solid; 
	border-radius:7px;
	background-color:rgba(105,105,105, 0.2);
}	

.bg-error li {
	line-height:26px;
}
.bg-message li {
	line-height:26px;
}
.bg-info li {
	line-height:26px;
}
div.bg-error > ul {
	padding-bottom: 0px;  
	margin-bottom: 0px;
}
div.bg-message > ul {
	padding-bottom: 0px;  
	margin-bottom: 0px;
}
div.bg-info > ul {
	padding-bottom: 0px;  
	margin-bottom: 0px;
}
div.bg-success > ul {
	padding-bottom: 0px;  
	margin-bottom: 0px;
}
.bg-error {
	font-weight:400;
	padding:0px; 
	padding:10px 5px; 
	border: transparent 2px solid;
	border-radius:7px;
	background-color:rgba(191,4,4, 0.1);
}
.bg-error li {
	line-height:26px;
}
.bg-success {
	font-weight:400;
	padding:10px 5px;  
	border:#3c763d 2px solid;
	border-radius:7px;
	background-color:transparent;
}
.bg-primary {
	color:var(--medium-gray);
	font-weight:400;
	padding:10px 5px;  
  	border:var(--blue) 2px solid; 
	border-radius:7px;
  	background-color:rgba(43,169,225, 0.2);
}

.bg-message {
	font-weight:400;

	padding:10px 5px; 
  	border:var(--blue) 2px solid; 
	border-radius:7px;
  	background-color:rgba(43,169,225, 0.2);
}

.bg-message-home {					
	font-weight:700;
	padding:25px 15px; 
	border-radius:0px;
	margin-top:20px;
	border-top:5px var(--blue) solid;
	border-bottom:5px var(--blue) solid;	
	background-color:rgba(43,169,225, 0.2);
}

/* places seal and text in message page.  vertical alignment can happen inline depending on size of message */
.message-page { 
	text-align:center; 
	font-weight:bold; 
	background-image:url(../images/seal/clrseal.gif); 
	background-position:center; 
	background-repeat:no-repeat; 
	height:400px;
}
/* fix for svg to act right in IE 11 :( */ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img[src*=".svg"] {
		width: 100%; 
	} 
} 
.caps{
	text-transform: capitalize;	
}
.nocaps {
	text-transform: none;
}
.black {
	color:var(--black);
}
.blue {
	color:var(--blue);
}
.ltgray {
	color:var(--light-gray);
}
.gray {
	color:var(--medium-gray);
}
.red {
	color:var(--red);
}
.white {
	color:var(--white);
}
u {
	text-decoration: none!important;
	border-bottom: 0px!important;
}

.disclaimer {
	padding-top:10px;
	font-size:14px;
	font-style:italic;
}
.well-white {
	background-color:var(--white);
}
/*.well-white a { 
	margin-right:15px; 
	margin-left:15px;
}
.well-white a:first-child { 
	margin-left:0px;
}
.well-white a:last-child { 
	margin-right:0px;
}*/
ul.dept-home-list {
	list-style-type:none;
}
ul.dept-home-list li {
	margin-left:-20px;
	/*line-height:2.3em;*/
	margin-bottom:15px;
}
ul.dept-home-list li a {
	font-weight:500;
	text-decoration: none;
	border-bottom:none;
}
ul.dept-home-list a:hover,
ul.dept-home-list a:focus
{
	color:var(--medium-gray);
	text-decoration: none;
	border-bottom: var(--red) 1px solid;
}
.content ul {	
	
	margin-left:-17px;
}
.content li{
	line-height:1.8em;
}
/*.content li:before {
	line-height: 1.8em;
	content: "> ";
    color: var(--medium-gray);
	text-decoration:none;
}*/

/* used with div row for information display */
div.striped >  div.row { 
	padding-top:8px; 
	padding-bottom:8px; 
	margin-left:0px; 
	margin-right:0px;
}
div.striped >  div.row:nth-child(odd)  {
  background-color: #e5e5e5;
}
div.striped ol { 
	margin-left:-15px;
}
div.striped ul { 
	margin-left:-15px;
}
div.striped-form >  div.row:nth-child(odd)  {
  background-color: #e5e5e5;
}
div.striped-form .row { 
	padding-top:10px; 
	padding-bottom:10px;
}
div.striped ol { 
	margin-left:-15px;
}
div.striped ul { 
	margin-left:-15px;
}
/* used with div row for information display */
ul.striped >  li:nth-child(odd)  {
  background-color: #f5f5f5;
}
div.display-details >  div.row { 
	border-top: 1px solid #ddd;
	padding-top:8px; 
	padding-bottom:8px; 
	line-height: 1.42857143;
}
div.display-details >  div.row.total{ 
	border-top: 1px solid #80bc64;
	border-bottom: 1px solid #80bc64;
	font-weight: bold;
	background-color: rgba(223,240,216, 0.9) !important;
}
div.display-details >  div.row:nth-child(even)  {
  background-color: #f5f5f5;
}
div.display-details .row:first-child { 
  	border-top: none;
}
div.display-details .row:last-of-type {
	border-bottom:1px solid #ddd
}
div.display-details >  div.row.email{ 
	border-top: 1px solid var(--blue);
	border-bottom: 1px solid var(--blue);
	font-weight: bold;
	background-color:rgba(43,169,225,.3)!important;
}
/*for forms in panels*/						
div.display-details-forms >  div.row { 
	border-top: 1px solid #ddd;
	padding-top:8px; 
}
div.display-details-forms >  div.row:nth-child(even)  {
  background-color: #f5f5f5;
}
div.panel-body.display-details-forms .row:first-of-type {
	border-top: 0px;
}
div.panel-body.display-details-forms .row:last-of-type {
	border-bottom: 0px;
}

.table > .row {
  padding: 8px 0px;
  line-height: 1.42857143;
  vertical-align: top;
  margin-left:0px; 
  margin-right:0px;
  border-top: 1px solid #ccc;
}

th {
	background-color:var(--blue);
	color:var(--white);
	font-weight:400;
}

.panel-dkgray {
  border-color: var(--medium-gray);
}
.panel-dkgray > .panel-heading {
  color: var(--white);
  background-color: var(--medium-gray);
  border-color: var(--medium-gray);
}

.panel-dkgray .well-white {
  color: var(--dark-gray);
}

.panel a {
	text-decoration:none;
}
.panel a:hover,
.panel a:focus {
	text-decoration:none;
}
.tbbs { 
	font-size:20px;
}
.tbbs h4 { 
	font-size:26px;
}

.tbbs .backtotop {
	margin-bottom:30px;
}
.tbbs .backtotop  a{
	font-size:18px;
}
.tbbs .backtotop .glyphicon {
	font-size:16px;
	color:var(--blue);
}

ul.news-item {
	list-style-type:none;
}
ul.news-item li {
	margin-left:-18px;
	line-height:2.8em;
}
ul.news-item li a {
	font-weight:500;
	text-decoration: none;
	border-bottom:none;
}
ul.news-item a:hover,
ul.news-item a:focus
{
	color:var(--medium-gray);
	text-decoration: none;
	border-bottom: var(--red) 1px solid;
}
.news-item-current {
	color:var(--text-blue);
	font-weight:500;
}
.news-item-disabled {
	color:var(--light-gray);
}
.spanishnews {
	margin-left:60px;
}
/*padding for PAP */
.lpplate { padding-bottom:35px;}
/* facility finder */
/*
.yui3-skin-sam .message {
	font-weight:400;
	padding-top:10px; 
	border:var(--red) 2px solid;
	border-radius:7px;
	background-color:rgba(191,4,4, 0.1);
	margin-top:25px;
	margin-bottom:0px;
}
*/
.fac-box { 
	border-radius:4px;  
	margin-bottom:20px; 	
}
.fac-box ul.list-unstyled { 	
    list-style: disc;
	margin-left:17px;
}
.fac-box .card-header { 
	background-color:var(--blue); 
	color:var(--white); 
	letter-spacing:2px; 
	padding-top:15px; 
	padding-bottom:15px; 
}
.fac-box .card-block { 
	padding-left:12px; 
	padding-right:10px; 
	background-color:#f5f5f5; 
}
.fac-box .row { 
	margin-bottom:7px; 
}
.fac-box .bg-error {
	margin-bottom: 20px;
}
.fac-unavailable {
	border-top: var(--light-gray) dashed thin;
	color:var(--light-gray);
}
.fac-unavailable  h4 {
	color:var(--light-gray);
}	
a.link-small { 
	font-size:13px;
}			
a.link-none { 
	text-decoration:none; 
}
@media (min-width: 768px) {		
	.facfinder-link-complete { 
		text-align:right; 
		padding-top:3.5%;
	}
} 
.facfinder-enterlocation { 
	background-color:#e5e5e5; 
	border:var(--blue) 3px solid; 
	margin-top:2%; 
	margin-bottom:4%; 
}
.facfinder-service { 
	height:450px; 
	overflow-x: hidden; 
	overflow-y: auto;
}
.facfinder-service .panel-body { 
	font-size:smaller; 
}
.facfinder-service .checkbox { 
	display:block;
}
@media (min-width: 768px) {		
	.facfinder--service {}
}
@media (min-width: 992px) {
	.facfinder-service .panel-heading {
		padding: 10px 7px;
	}	
} 
.facfinder-map { 
	margin-top:2%; 
	margin-bottom:4%; 
}
@media (min-width: 768px) {		
	.facfinder-map { 
		margin-top:3.5%;
	}
} 
@media (min-width: 992px) {		
	.facfinder-map { 
		margin-top: 0px;
	}
}  
.facfinder-located {  
	margin-top:2%; 
	margin-bottom:4%;
}
.facfinder-located li { 
	padding: 3px 5px 3px 15px;
	padding-top:3px;
	margin-bottom:10px; 
}
@media (min-width: 992px) {		
	.facfinder-located {
		padding-left: 15px; 
		padding-right: 0px; 
		margin-top:1px;
	}
} 
@media (max-width: 767px) {
	#numFacilities:after { 
		content:" Choose and scroll down to see facility map.";
		font-size: .8em;
		color:var(--medium-gray);
		font-weight:500;
		padding:5px; 
  		/*border:var(--medium-gray) 2px solid; */
		border-radius:7px;
		background-color:rgba(105,105,105, 0.2);
	}
	#pagContentDiv {
		margin-top:15px;
	}
}
/*web apps *******************************************************************/
.prod { 
	display:none;
}
/* used for environment banners*/
.local {
  width:100%;
  height:100%;
  background-color:rgba(249,237,23,0.5);
  color:var(--white);
}
.local:before {
  width:10%;
  position: relative;
  left:40%;
  top:50%;
  padding:15px;
  background-color:VAR(--WHITE);
  color:#F9ED17;
  border:#F9ED17 5px solid;
  text-align:center;
  font-weight:bold;
  font-size:34px;
  content:"LOCAL";
  
}
.devl {
  width:100%;
  height:100%;
  background-color:rgba(191,4,4,0.6);
  color:var(--white);
}
.devl:before {
  width:10%;
  position: relative;
  left:40%;
  top:50%;
  padding:15px;
  background-color:VAR(--WHITE);
  color:var(--red);
  border:var(--red) 5px solid;
  text-align:center;
  font-weight:bold;
  font-size:34px;
  content:"DEVL";
  
}
.stage {
  width:100%;
  height:100%;
  background-color:rgba(0,148,68,0.8);
}
.stage:before {
  width:10%;
  position: relative;
  left:40%;
  top:50%;
  padding:15px;
  background-color:VAR(--WHITE);
  color:#009444;
  border:#009444 5px solid;
  text-align:center;
  font-weight:bold;
  font-size:34px;
  content:"STAGE";
  
}
.has-error .help-block-error {
  color: #a94442;
  display:block;
}
/*used for noscript help-block*/
.help-block-noscript {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: var(--red);
}
/* called to gray out the fields*/
.overlay {
	background:#e5e5e5;  
	opacity:.3;
}
.app-left-menu  {
	font-size:14px;	
	padding-top:25px;
}
@media (min-width: 768px) {	
	.app-left-menu  {
		text-align:right;
	}	
}
.panel-default> .panel-heading {
  color: var(--medium-gray);
  background-color:#e5e5e5;
  border-color: #ddd;
}
.panel-default> .panel-heading a {
	border-bottom: none;
	text-decoration:none;
}
.panel-default> .panel-heading a:hover,
.panel-default> .panel-heading a:focus {
	border-bottom: none;
	text-decoration:none;
}
.panel-default > .panel-heading > .panel-title {
  display:inline; 
  padding-right:15px;
}							
.panel-info > .panel-heading > .panel-title {
  display:inline; 
  padding-right:15px;
}
.panel-default> .panel-footer {
  background-color:var(--white);
}
/* use for edit button on review pages*/
.panel-heading .edit-btn { 
	float: right !important; 
	margin-top:-7px; 
}
#accordion .panel-heading {
    cursor: pointer;
}
.panel-look {
	background-color:#ccc; 
	margin-top:65px; 
	padding:10px; 
	margin-bottom:0px; 
	color: var(--blue); 
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px;
}
.panel-heading-look {
	color: var(--white)!important; 
	background-color:var(--medium-gray)!important; 
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px;
}
.border-t-0 {
	border-top:0px!important;
}
/* right naviation */
.form-right-nav {
	text-align:left;
  }
@media (min-width: 768px) {
  .form-right-nav {
	text-align:right;
  }
}

 /* required fields */
/*.form-group */.required:after { 
	 content:" required";
	 color: #bf0404;
	 font-size:10px;
	 font-weight:normal;
  }
/*.form-group */.required-one:after { 
	 content:"One field is  required";
	 color: #bf0404;
	 font-size:10px;
	 font-weight:normal;
  }
 /* use this the display info that will need alt colors. */ 
.row.details {
	line-height:24px;
	margin-left:0px;
	margin-right:0px;
}
/* use this the display info that will need alt colors. will be applied when 'div class-row details' is used */
.row.details:nth-of-type(odd) {
  background-color: #f5f5f5; 
  border-top: #e5e5e5 1px solid; 
  border-bottom: #e5e5e5 1px solid;
}
/* use this the display info that will need alt colors but really doesn't need to be in a row. - fast pass */
.details {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding:5px;
}
/* use this the display info that will need alt colors but really doesn't need to be in a row. will be applied when 'div class-details' is used - fast pass */
.details:nth-of-type(odd) {
  background-color: #f5f5f5; 
  border-top: #e5e5e5 1px solid; 
  border-bottom: #e5e5e5 1px solid;
}
/* use this to make a detail div a link.  creates a link of the whole div - fast pass*/
.details a.block { 
	display:block; 
	border-bottom:none; 
	text-decoration:none;
}

/* hides info for edit */
.editinfo { display:none;}
/* adds box shadow in edit mode */
.edit-boxshadow { 
	box-shadow: 0 0 20px #999999; 
}

.button-row {
	border-top: dotted 2px #ccc;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:25px;
}
.button-row-nb {
	border-top: none;
	padding-top:15px;
	padding-bottom:15px;
}

.row.button-row { 
	margin-left:0px; 
	margin-right:0px;
}

/* sets the background on hover and focus.  calls in a jquery function */
.form-row {					
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	border-radius:4px;
}
.form-row:hover {
	background-color:#e5e5e5;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	border-radius:4px;
}
.form-row:focus {
	background-color:#e5e5e5;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	border-radius:4px;
}
.hover {
	background-color:#e5e5e5;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	border-radius:4px;
}

/* for validation */
.has-error .help-block {
	color: var(--red);
}
.has-error .form-control {
  border-color: var(--red);
  background-color:rgba(191,4,4, 0.1);
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control  label {
	color:var(--red);
}
.has-error .form-control:focus {
  border-color: var(--red);
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;*/
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
/* sets width of input so calendar image doesn't wrap to second line */
input.datepicker { 
	width:93%; display:inline;
}

.help-block {
  display: block;
  margin-top: 0px;
  margin-bottom: 10px;
  color: var(--blue);
  font-size:14px;
}

.help-block-red {
  display: block;
  margin-top: 0px;
  margin-bottom: 10px;
  color: var(--red);
  font-size:14px;
}
.help-block-gray {
  display: block;
  margin-top: 0px;
  margin-bottom: 10px;
  color: var(--medium-gray);
  font-size:14px;
}
/* add-on with no background color and inputs rounded. expample - telephone/ext  see securities complaint form*/
.input-group.none > input[type="text"]:first-child {
	border-top-right-radius: 4px; 
	border-bottom-right-radius: 4px;
}
.input-group.none > input[type="text"]:last-child {
	border-top-left-radius: 4px; 
	border-bottom-left-radius: 4px;
}
.input-group.none .input-group-addon {
	background-color: var(--white); 
	border: none;
}
/*used for textbox that should be signature */
.form-signature {
	border-top: 0px; 
	border-left:0px; 
	border-right: 0px; 
	border-radius: 0px; 
	border-bottom: var(--medium-gray) 2px solid; 
	width: 100%; 
	font-weight: bold; 
	background-color: #e5e5e5;
}
/* IRP Only */
#irp .panel-heading { 
	background-color: var(--blue);
}
#irp .panel-title { 
	color:var(--white); font-weight:400;
}
#irp .table {
	font-size:14px;
}
#irp .table-striped > tbody:nth-of-type(odd) {  
	background-color: #f9f9f9;
}
#irp .table-striped > tbody > tr:nth-of-type(odd) {  
	background-color: transparent 
}
#irp .table.no-stripe > tr:nth-of-type(odd) {  
	background-color: #f9f9f9 
}
#irp .table > tbody > tr > th,
#irp .table > tbody > tr > td { 
	padding: 8px; 
	line-height: 1.42857143; 
	vertical-align: top; 
	border-top: none;
}
#irp .table > tbody { 
	border-top: 1px solid #ddd; 
}	
#irp th { 
	background-color:#e5e5e5; 
	color:var(--medium-gray); 
	font-weight:500; 
	font-size:14px;
}
#irp .input-disabled{
	background-color:#EBEBE4;
	border:1px solid #ABADB3;
	padding:2px 1px;
}				
/*changed so text horizontally aligns with button*/
input[type="radio"],
input[type="checkbox"] {
	margin: 1px 0 0;
/*	margin-top:0 \0;*/
	line-height: normal;
}
/* added  css from BS 4 alpha 1 *******************************************/

/* Button outline 	******************************************************/
.btn-primary-outline {
  color: #0275d8;
  background-color: transparent;
  background-image: none;
  border-color: #0275d8;
}

.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline.active,
.open > .btn-primary-outline.dropdown-toggle {
  color: var(--white);
  background-color: #0275d8;
  border-color: #0275d8;
}
/* List Group ************************************************************/
.list-group-flush .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
  padding:0px; /* padding removed so rollover link will be the entire li instead of just the text. */
}

.list-group-flush .list-group-item a {
  border-bottom:#e5e5e5; 
}

/* Cards *****************************************************************/
.card {
  position: relative;
  margin-bottom: 5px;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
}
.card-block {
  padding: 5%;
}
.card-title {
  margin-top: 0;
  margin-bottom: 1%;
}
.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-radius: 4px 4px 0 0;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 4px 4px;
}
.card-header {
  padding: .75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: .0625rem solid #e5e5e5;
}
.card-header:first-child {
  border-radius: .1875rem .1875rem 0 0;
}
.card-footer {
  padding: .75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: .0625rem solid #e5e5e5;
}
.card-footer:last-child {
  border-radius: 0 0 .1875rem .1875rem;
}
.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}
.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}
.card-inverse .card-header,
.card-inverse .card-footer {
  border-bottom: .075rem solid rgba(255, 255, 255, .2);
}
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: var(--white);
}
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, .65);
}
.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
  color: var(--white);
}
.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}
.card-img {
  border-radius: 4px;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2%;
}
.card-img-top {
  border-radius: .25rem .25rem 0 0;
}
.card-img-bottom {
  border-radius: 0 0 .25rem .25rem;
}
.card-deck {
  display: table;
  table-layout: fixed;
  border-spacing: 1.25rem 0;
}
.card-deck .card {
  display: table-cell;
  width: 1%;
  vertical-align: top;
}
.card-deck-wrapper {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}
.card-group {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.card-group .card {
  display: table-cell;
  vertical-align: top;
}
.card-group .card + .card {
  margin-left: 0;
  border-left: 0;
}
.card-group .card:first-child .card-img-top {
  border-top-right-radius: 0;
}
.card-group .card:first-child .card-img-bottom {
  border-bottom-right-radius: 0;
}
.card-group .card:last-child .card-img-top {
  border-top-left-radius: 0;
}
.card-group .card:last-child .card-img-bottom {
  border-bottom-left-radius: 0;
}
.card-group .card:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.card-group .card:not(:first-child):not(:last-child) .card-img-top,
.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
  border-radius: 0;
}
.card-columns {
/*  -webkit-column-count: 3;*/
/*     -moz-column-count: 3;*/
          column-count: 3;
/*  -webkit-column-gap: 1.25rem;*/
/*     -moz-column-gap: 1.25rem;*/
          column-gap: 1.25rem;
}
.card-columns .card {
  display: inline-block;
  width: 100%;
}
/* REAL ID */
.realid a {
	color: #B39932;
	border-bottom: 1px #B39932 solid;
}
.realid a:hover {
	color: var(--dark-gray);
	border-bottom: 1px var(--dark-gray) solid;
}
.realid .btn-default {
  color: var(--white);
  background-color:#B39932;
  border-color: var(--dark-gray);
  border-width:2px;
	font-weight: bold;
}

.realid .btn-default:hover,
.realid  .btn-default:focus {
	color:#B39932;
  background-color: var(--white);
  border-color: #B39932;
  border-width:2px;
	font-weight: bold;
}
@media (min-width: 500px) {
	.realidilsosgov {		
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 600px) {
	.realidilsosgov {		
		width: 60%;
	}
}
@media (min-width: 700px) {
	.realidilsosgov {		
		width: 50%;
	}
}
@media (min-width: 992px) {
	.realidilsosgov {		
		width: 80%;
		margin-top: -12px;
		margin-right: 15px;
	}
}
.realid-star {
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url("https://realid.ilsos.gov/realidstarbck.png");
	background-position: right bottom;
	background-size: 55%;
	background-attachment: absolute;
	background-repeat: no-repeat;		
}	

@media (min-width: 600px) {
	.realid-star {
		background-size: 60%;	
	}
}	
@media (min-width: 992px) {
	.realid-star {
		background-size: 45%;		
	}
}	
@media (min-width: 1200px) {
	.realid-star {
		background-size: 40%;			
	}
}
.realid-border {
	border-bottom: 3px solid var(--red); 
	margin-bottom: 20px;
}
.realid-border-blk {
	border-bottom: 3px solid var(--dark-gray); 
	margin-bottom: 20px;
}
.realid-border-white {
	border-bottom: 3px solid var(--white); 
	margin-bottom: 10px;
}
.realid-border-left {
	border-left: 10px var(--red) solid;
}
.realid-redbar {
	background-color: var(--red); 
	padding: 10px; 
	color: var(--white); 
	font-size: 34px; 
	text-align: right;
}
.realid-options-heading {
	text-align: center; 
	line-height: 25px;
}
.realid-gold-text {
	color:#B39932; 
	font-size: 22px;
}
.realid-redbox {
	color:var(--white); 
	background-color: var(--red); 
	padding-left: 0px; 
	padding-right: 0px;
}
.realid-redbox table {
	margin-bottom: 0px!important;
	width: auto;
   height: auto;
}
.realid-redbox tr {
	border-bottom: 2px var(--white) solid;
}
.realid-redbox tr:last-child {
	border-bottom: 0px;
}
.realid-redbox th {
	background-color: var(--red); 
	border-bottom: 4px var(--white) solid; 
	border-top:0px; 
	border-right: 4px var(--white) solid;
	font-weight: bold;
}
.realid-redbox th:last-child {
	border-right: 0px;
}
.realid-redbox td {
	border-right: 4px var(--white) solid;
}
.realid-redbox td:last-child {
	border-right: 0px;
}
.realid-blackbox {
	color:var(--white); 
	background-color: var(--dark-gray); 
	padding: 8px;
}
.realid-blackbox .header {
	color: var(--white);
	font-size: 22px;
	font-weight: bold;
}
.realid-goldbox{
	margin-top: 30px;
	color:var(--dark-gray); 
	background-color:#B39932;
	padding: 10px;
}
.realid-goldbox .header {
	color: var(--dark-gray);
	font-size: 22px;
	font-weight: bold;
}
.realid-goldbox a {
	color: var(--dark-gray);
	border-bottom: 1px var(--dark-gray) solid;
}
.realid-goldbox a:hover {
	color: var(--white);
	border-bottom: 1px var(--white) solid;
}

/* classes used for data tables which sorts the tables */
/*table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable  th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}*/