/* -----------------------------------
    Common / Shared / Helper Classes
 -----------------------------------*/
/* Space out content a bit */
body {
  background: #2F7BB2;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  font-size:14.5px;
}

label {font-weight:normal;}

/* -----------------------------------
    Container helper classes
 -----------------------------------*/
.container.main-content {margin-top:50px;}
/*Main Body Section*/
.content-container {border-bottom: 1px solid #e5e5e5;
  /*background: #FFF url("../images/passport.jpg") left bottom no-repeat;*/
  padding: 20px 60px 120px 60px;
  margin-bottom:30px;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
}
.content-container {padding-bottom: 110px;}
ul.body-links {float: right;margin-top: 60px;margin-right: -48px;}
ul.body-links li {list-style-type:none;display:inline;}

h1,h2,h3,.content-container form {color:#4a4a4a;font-weight:normal;line-height:1em;padding:5px 0;}

.content-container h1 {	font-size:24px;line-height:26px; margin-top:8px;margin-bottom:5px;}
.content-container h2 {	font-size:20px;line-height:22px;}
.content-container h3 {	font-size:18px;line-height:20px;}
.content-container p { color:#4a4a4a;font-size:14.5px;line-height:17px;}
.content-container a { color:#0b62a0;}
.content-container a:hover, .content-container a:active  { color:#48a4e7;}

.content-container form,
.content-container .form-group {
	padding:1px 0 !important;
	line-height:1.9em !important;
}

.form-container {position:relative;padding:12px 0px;}
.form-control {max-width:300px;}

/* -----------------------------------
    Header
 -----------------------------------*/
/*.header-bg {height:300px; min-height:300px; background-color: #eee;}*/
.header-container {padding: 30px 60px 120px 60px;}
.header-container .row {padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
.header-container a.home {float: right;display:inline;margin-right: 2%;margin-top:5px;}
.header-container span.title {float:left; display: inline-block;width:88%;
  margin-top: 0; margin-bottom: 0px; line-height: 40px; font-size: 32px;}

/* -----------------------------------
    Footer
 -----------------------------------*/
/* Everything but the content container gets side spacing for mobile first views */
.footer {padding:15px 0 40px; color: #FFF; border-top: 1px solid #e5e5e5;}
.footer span.info {display:inline-block;margin-top:10px;}
.footer ul.links {float:right; margin:0px auto; padding:0px; margin-top:10px; margin-bottom:3px;}
.footer ul.links li {display:inline;padding: 0px 5px;border-left:1px solid #ffffff;}
.footer ul.links li:first-child {list-style-type:none;padding-left:0px;border-left:none;}
.footer ul.links li a {color:#ffffff;text-decoration:underline;}
/*.footer ul.links li a.return {font-weight:bold;}*/
.footer ul.links li:first-child a {padding-left:0px;}
.footer ul.links li a:hover {color:#ffffff;text-decoration:none;}

/* -----------------------------------
    Form entry
 -----------------------------------*/
form p.info {margin-bottom:5px;}
div.editor-label {margin-top:15px;}
div.editor-label label{margin-bottom:0px;display:inline;}
div.editor-label p{margin-bottom:0px;}
fieldset legend {display:none;border:none;margin:0px; padding:0px;}

/* -----------------------------------
    Helper Classes
 -----------------------------------*/
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.transparent {opacity:0;margin-left: -2000px;position: absolute;}
.green {background-color:#00AD50;}	
.darkblue {background-color:#337ab7;}	
.lightblue {background-color:#48a4e7;}	
p.agency-alert {font-weight:bold;}

.push-top {margin-top:50px;}

.push-bottom {
	margin-bottom:50px;
}

a:hover {cursor:pointer;text-decoration:underline;}
a.skip-navigation {color:#FFFFFF; color:transparent; margin-left:-100%;}
a.skip-navigation:active, 
a.skip-navigation:focus {cursor:default;color:#337ab7;margin-left:0px;}	
a.skip-navigation:hover {cursor:default;}

/* -----------------------------------
    Validation UI
 -----------------------------------*/
.asteriskField, .required, .validator-error {color: red;}
.validation-summary-errors ul {padding:0px; margin:0px;}
.validation-summary-errors li {list-style-type:none;margin-bottom:3px;}
.validation-summary-errors li:last-child {margin-bottom:0px;}

/* -----------------------------------
    Cookie warning, JS warning
 -----------------------------------*/
p.cookie-warning{margin: 0px; padding: 10px 10%; width: 80%; max-width:800px; text-align: center; color: #FFFFFF; font-weight: bold;}
p.cookie-warning a {color: #FFFFFF; text-decoration:underline;}
p.cookie-warning a:hover {text-decoration:none;}

/* -----------------------------------
    Google captcha
 -----------------------------------*/
div.g-recaptcha {margin-bottom:20px;}

/* -----------------------------------
    Buttons
 -----------------------------------*/
.container .btns {margin-top:15px;}
.btn-standard {
	color:#ffffff;
    background-color:#0b62a0;
	border:0px;
	-webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
	border-radius: 2px; 
	padding:10px 28px;
	margin:5px 0px;
	background-image:none;
}

.btn-standard:hover, .btn-standard:focus, .btn-standard:active {
	color:#ffffff;
    background-color:#48a4e7;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	text-decoration:none;
    background-image:none;
}
.btn-standard.next,.btn-standard.previous {width:112px;}
.btn-standard.next:hover,
.btn-standard.previous:hover {background-color:#48a4e7;}
.btn-standard.submitLocation {background-color:#5db75d;margin:0px;margin-left:1%;padding: 4px 3%;}
.btn-standard.submitLocation:hover, .btn-standard.submitLocation:focus, .btn-standard.submitLocation:active {background-color:#2f8d2f;}
.btn-standard.agency-select {margin:0px;padding: 2px 15px;}

/*--------------------------------------------------------------------
--  Loading container, Modal Container
----------------------------------------------------------------------*/
div.loading-container-bg {display:none; margin:0px auto; padding:0px; position: fixed;top:0px ;left: 0px; width:100%; height:100%; z-index: 1001; background-color: #000000; opacity:0.15; }
div.loading-container {display:none;top: 40%;position: fixed; z-index: 1002; width: 40px; height:40px; margin: 0px auto; border: 1px solid #a2aaad;
					     padding:20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
						 background: url('../images/icon-loading.gif') no-repeat center center; background-color:#ffffff;
  						 -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
          				 box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
						 }
div.modal .modal-title {display:block; font-size:20px; font-weight:500;}
div.modal.error .modal-title, 
div.modal.error .modal-body {color:red;}
div.modal.warning modal-title, 
div.modal.warning .modal-body {color:red;}

/* -----------------------------------
    COMMON - Wizard Navigator
 -----------------------------------*/
.nav-wizard {margin-top: 10px;}
.nav-wizard.mobile {margin-top: 0px;display:none;}
.nav-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.nav-wizard .wizard-step {padding: 0; position: relative;}
.nav-wizard .wizard-step a:hover {text-decoration:none;}
.nav-wizard .wizard-step .stepnum {color: #515151;font-size: 12px;text-transform:uppercase;margin-bottom: 0px;}
.nav-wizard .wizard-step .caption {color: #515151; font-size: 12px; text-transform:uppercase;}
.nav-wizard .wizard-step .dot {position: absolute;display: block;width: 15px;height: 15px;top: 40px;left: 50%;margin-top: -7px;margin-left: -7px;
											   background-color:#FFFFFF;border: 3px solid #7a7a7a;border-radius: 50%;cursor:default;} 
.nav-wizard .wizard-step.active .stepnum,
.nav-wizard .wizard-step.active .caption {font-weight:bold;color:#00AD50;}
.nav-wizard .wizard-step.active .dot {border: 3px solid #00AD50; background-color:#00AD50;cursor:default;width:20px; height:20px;margin-top:-11px}
.nav-wizard .wizard-step.complete .dot {background-color:#00AD50;border: 3px solid #00AD50;cursor:pointer;}
.nav-wizard .wizard-step .progress-container {position: relative;border-radius: 0px;height: 3px;box-shadow: none;margin: 21px 0;background-color:#7a7a7a;}
.nav-wizard .wizard-step .progress-container .progress-bar {width:0px; box-shadow: none; background: #7a7a7a;}
.nav-wizard .wizard-step.complete .progress-container .progress-bar {width:100%; height:100%;}
.nav-wizard .wizard-step.active .progress-container .progress-bar {width:50%; height:100%;}
.nav-wizard .wizard-step:first-child.active .progress-container .progress-bar {width:0%;}
.nav-wizard .wizard-step:last-child.active .progress-container .progress-bar {width: 100%;}
.nav-wizard .wizard-step:first-child .progress-container {left: 50%; width: 50%;}
.nav-wizard .wizard-step:last-child .progress-container {width: 50%;}
.nav-wizard .wizard-step.disabled a.dot{cursor:default;}
.nav-wizard .wizard-step.complete .progress-container .progress-bar {background-color:#00AD50;}
.nav-wizard .wizard-step.active .progress-container .progress-bar {background-color:#00AD50;}
/*hover of completed step*/
.nav-wizard .wizard-step.complete:hover {cursor:pointer;}
.nav-wizard .wizard-step.complete:hover .stepnum,
.nav-wizard .wizard-step.complete:hover .caption {color:#0b62a0;}
.nav-wizard .wizard-step.complete:hover .dot {border-color:#0b62a0; background-color:#0b62a0;}
/*override hover of completed nolink step*/
.nav-wizard .wizard-step.complete.nolink:hover, 
.nav-wizard .wizard-step.complete.nolink:hover .stepnum,
.nav-wizard .wizard-step.complete.nolink:hover .caption {cursor:default;color:inherit;}
.nav-wizard .wizard-step.complete.nolink:hover .dot {cursor:default;border-color:#00AD50;background-color:#00AD50;}

/*Mobile wizard nav*/
.nav-wizard.mobile {height:65px;width:100%;margin:0px auto; padding:0px;}
.nav-wizard.mobile .wizard-step {position:relative; left:0px; top:0px; margin:0px; width:100%;}
.nav-wizard.mobile .wizard-step.hide {display:none;}
.nav-wizard.mobile .wizard-step .stepnum {position:absolute;top:0px;left:0px;margin:0px;padding:0px;width: 100%;}
.nav-wizard.mobile .wizard-step:first-child .stepnum {text-align:left;left:-1%; text-align:left !important;}
.nav-wizard.mobile .wizard-step:active .stepnum {}
.nav-wizard.mobile .wizard-step:last-child .stepnum {text-align:right;width: 102%; text-align:right !important;}
.nav-wizard.mobile .wizard-step .caption {position:absolute; top:40px;left:0px; margin:0px;padding:0px;width: 100%;}
.nav-wizard.mobile .wizard-step:first-child .caption {text-align:left;}
.nav-wizard.mobile .wizard-step:active .caption {}
.nav-wizard.mobile .wizard-step:last-child .caption {text-align:right !important;}
.nav-wizard.mobile .wizard-step .dot {position:absolute;top:25px;left:0px;margin-top:-6px;z-index: 2;}
.nav-wizard.mobile .wizard-step:first-child .dot {left:0px;}
.nav-wizard.mobile .wizard-step.active .dot {left:50%;margin-top:-8px;}
.nav-wizard.mobile .wizard-step:last-child .dot {left:100%;}
.nav-wizard.mobile .wizard-step .progress-container {position:absolute; top:25px; left: 0%; width: 50%;margin-top:0px;}
.nav-wizard.mobile .wizard-step:first-child .progress-container {left: 0%; width: 50%;}
.nav-wizard.mobile .wizard-step.active .progress-container {left:50%;width:0%;}
.nav-wizard.mobile .wizard-step:last-child .progress-container {left:50%;width: 50%;}

/* -----------------------------------
    PAGE - HOME / PAGE - Contact Us
 -----------------------------------*/
.container.home h2 {margin-top:5px;}
.container ul.item-list {padding-left:15px;margin-bottom:20px;}
.container ul.item-list li {list-style-type:square;margin-bottom:7px;}
.container ul.item-list li:last-child {margin-bottom:10px;}
.container ul.item-list.actions {padding-left:0px;margin-bottom:0px;}
.container ul.item-list.actions li {list-style-type:none;margin-bottom:7px;}
.container ul.item-list.actions li:last-child {margin-bottom:10px;}
.container ul.item-list.actions li label {display:inline;}
.container.home div.btns {position: relative;}
.container ul.item-list ul.phone-info > li {list-style-type:circle;}
.container ul.item-list ul.hours-operation {padding-left:15px;margin-top:3px; margin-bottom:0px;}
.container ul.item-list ul.hours-operation li {list-style-type:none;margin-bottom:3px;}
.container ul.item-list ul.hours-operation li span.caption {min-width: 145px;display: inline-block;}
.container.contact-us ul.item-list > li {margin-bottom:10px;}
.container.contact-us ul.body-links {display:none;}

/* -----------------------------------
    PAGE - TRAVEL PLANS
 -----------------------------------*/
div.container.travel-plans form p.info {margin-bottom:0px;}

.numbers-toolbar {
	margin-top:10px;
	margin-bottom:20px;
}

.numbers {
	color:#616161;
	background-color:#f4f4f4;
	padding: 5px 12px;
	border:1px solid #e0e0e0 !important;
}

.numbers.selected, .numbers:active,
.numbers:hover {
	color:#ffffff;
	background-color:#333333;
	border:1px solid #000000 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* -----------------------------------
    PAGE - FIND AN AGENCY (MAP)
 -----------------------------------*/
.find-agency .row.page-title {margin-left:-30px;}
.find-agency .row.entry {margin-left:-30px;margin-bottom:5px;}
.find-agency .row.btns {margin-left:-30px;}

/* City, State, Zip */
.find-location {background:none;}
.input-group .form-control.search-criteria {display:inline-block !important;}
.input-group {margin: 5px auto;width: 100%;}

/* Map */
.find-agency-results-container {background-color:#f4f4f4;margin-bottom:20px;}
.map-container {padding:0px;}
.map-container .map {width: 100%;height: 500px;padding: 0px; margin: 0px auto;
                     border: 1px solid #A3A3A3;border-left:none;}
.map-options {background-color:#f4f4f4;border-right: 1px solid #A3A3A3;
	padding:0px;min-height:500px;
}
.map-options h2 {
	color:#ffffff;
	font-size:15px;font-weight:500;
	background-color:#A3A3A3;
	padding:15px 3%;
	margin:0px;
}
/*adjust height based on number of default results*/
.find-agency-results-container.num-1 .map-options {min-height:245px;}
.find-agency-results-container.num-2 .map-options {min-height:383px;}
.find-agency-results-container.num-3 .map-options {min-height:500px;}
.find-agency-results-container.num-1 .map-container .map {height:245px;}
.find-agency-results-container.num-2 .map-container .map {height:383px;}
.find-agency-results-container.num-3 .map-container .map {height:500px;}

.map-options .agency-results {padding: 5px 3%;}
.map-options .agency-info {margin:5px 0px; padding-bottom:10px; margin-bottom:5px;border-bottom:1px solid #A3A3A3;}
.map-options .agency-info:last-child {border-bottom:none;}
.map-options span.agency-header {padding:0px;display:inline;font-weight: bold;}
.map-options span.agency-icon {
                               background-color: #48a4e7;
                               font-weight:bold;
                               color:#FFFFFF;
                               text-align:center;
                               border-radius:50%;
                               display:inline-block;
                               margin-right:4px;margin-bottom:5px;
                               line-height:25px;
                               height:25px;
                               width:25px;
                               }

.map-options span.agency-not-available {display:block;color:red;}
.map-more-info {-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;height:auto;}
.map-more-info span.header {font-size:15px; font-weight:normal;}
/*shared by find agency, verify, confirm pages*/
ul.agency-links {padding:0px; margin-top:3px; margin-bottom:3px;}
ul.agency-links li {display:inline;padding: 0px 5px;border-left:1px solid #4a4a4a;}
ul.agency-links li:first-child {list-style-type:none;padding-left:0px;border-left:none;}
ul.agency-links li a {font-size:14.5px;}
ul.agency-links li:first-child a {padding-left:0px;}

/* -----------------------------------
    PAGE - SELECT DATE and TIME
 -----------------------------------*/
.slot-time-label {display:inline-block;height:18px;margin-bottom:4px; color:#2F7BB2; font-weight:600;}
.slot-time-caption {height:18px;margin-bottom:4px; color:#2F7BB2; font-weight:600;}
div.carousel-dateandtime {background-color:#eee;margin-bottom: 5px;padding-bottom:15px;overflow:hidden;}
div.carousel-dateandtime ul.slides {margin:0px; padding:0px;overflow:hidden;width:800%;}
div.carousel-dateandtime ul.slides li {background-color:#eee; margin: 0px; width: 166px;padding:0px 2px; float:left;list-style-type:none;}
div.carousel-dateandtime ul.slides li h2 {margin:0px auto;padding: 10px 5px;
                                   background-color:#A3A3A3; color:#FFFFFF;font-size:14px; line-height:16px;text-align: center;}
div.carousel-dateandtime ul.slides li .warning {padding: 10px 5px;text-align:center;} 
div.carousel-dateandtime ul.slides li div.accordion{margin:0px 5px;}
div.carousel-dateandtime ul.slides li h3{margin:0px auto;margin-top:10px; padding: 10px 5px;border:none; 
                                        background: url(../images/icon-next-white.png) 80% center no-repeat;background-size:7%;background-color:#084570;
                                        color:#FFFFFF;font-size:14px; line-height:16px;text-align: center;
                                        -moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}
div.carousel-dateandtime ul.slides li h3:hover{cursor:pointer;}
div.carousel-dateandtime ul.slides li h3.expanded{background: url(../images/icon-down-white.png) 80% center no-repeat;background-size:7%;background-color:#084570;}
div.carousel-dateandtime ul.slides li div.accordion div.slots{padding:0px;background:none;border:none;display:none;}
div.carousel-dateandtime ul.slides li span.slot-time{margin:0px auto;padding: 7px 5px;
                                   background-color:#2F7BB2; color:#FFFFFF;border-bottom:1px solid #084570; font-size:14px; display:block;text-align:center;}
div.carousel-dateandtime ul.slides li h3.sia{margin:0px auto;margin-top:10px; padding: 10px 5px;border:none; 
                                        background: url(../images/icon-next-white.png) 80% center no-repeat;background-size:7%;background-color:#2F7BB2;  
                                        color:#FFFFFF;font-size:14px; line-height:16px;text-align: center;
                                        -moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}
div.carousel-dateandtime ul.slides li h3:hover{cursor:pointer;}
div.carousel-dateandtime ul.slides li h3.sia.expanded{background: url(../images/icon-down-white.png) 80% center no-repeat;background-size:7%;background-color:#2F7BB2;}
div.carousel-dateandtime ul.slides li div.accordion div.slots{padding:0px;background:none;border:none;display:none;}
div.carousel-dateandtime ul.slides li span.slot-time.sia{margin:0px auto;padding: 7px 5px;
                                   background-color:#91caf5; color:#FFFFFF;border-bottom:1px solid #2F7BB2; font-size:14px; display:block;text-align:center;}
div.carousel-dateandtime ul.slides li span.slot-time:last-child{-moz-border-radius: 0px 0px 3px 3px;-webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;}
div.carousel-dateandtime ul.slides li span.slot-time.selected{background: url(../images/icon_checked.png) 10% center no-repeat;background-size:15%;background-color:#00AD50;} 
div.carousel-dateandtime ul.slides li span.slot-time:hover{cursor:pointer;background-color:#00AD50;}

div.carousel-dateandtime .flex-direction-nav {position: absolute;top: 0px;right: 0px;}
div.carousel-dateandtime.hide-nav .flex-direction-nav {display:none;}
div.carousel-dateandtime .flex-direction-nav li{list-style-type:none;}
div.carousel-dateandtime .flex-direction-nav .flex-prev,
div.carousel-dateandtime .flex-direction-nav .flex-next {position:absolute;top: -30px;right:15px;
	width: 25px;height: 25px; color:transparent; }
div.carousel-dateandtime .flex-direction-nav .flex-prev{
    background:url(../images/icon-prev-white.png) center center no-repeat;
    background-color: #A3A3A3;background-size:40%;right:42px;}
div.carousel-dateandtime .flex-direction-nav .flex-next{
    background:url(../images/icon-next-white.png) center center no-repeat;
    background-color: #A3A3A3;background-size:40%;}
div.dateandtime .flex-direction-nav .flex-prev:hover,
div.dateandtime .flex-direction-nav .flex-next:hover {opacity:0.8;}
div.carousel-dateandtime .flex-direction-nav .flex-prev:active, 
div.carousel-dateandtime .flex-direction-nav .flex-prev:focus {outline:none;}
div.carousel-dateandtime .flex-direction-nav .flex-next:active, 
div.carousel-dateandtime .flex-direction-nav .flex-next:focus  {outline:none;}

div.change-date-time-container-mobile {display:none;margin:0px auto;min-height:46px; padding: 6px 1%;width: 100%;text-align: center;background-color:#eee;}
div.change-date-time-container-mobile select {width:60%;margin: 0px auto;}

.container.date-and-time p.need-help {float:right; margin-bottom:5px;}
.container.date-and-time .btns {margin-top:5px;}

/* -----------------------------------
    PAGE - REGISTER
 -----------------------------------*/
.countdown-display {font-weight:bold;}

/* -----------------------------------
    PAGE - VERIFY, CONFIRM
 -----------------------------------*/
.container.verify .editor-field.verification-code {margin-bottom:10px;}
.container.verify label.verification-code-label {line-height:18px;}
.row.appointment-details .editor-label {margin-top:0px; margin-bottom:10px;}
.row.appointment-details h2 {font-size:16px;margin:0px;margin-top:7px; padding: 0px; font-weight:bold;border-bottom: 1px solid #e5e5e5;}
.row.appointment-details span.item-value {display:block;margin:0px;margin-bottom:2px;}
.row.appointment-details span.item-value.address {margin:0px;}
.row.appointment-details span.item-value.confirmation-number {color:#2F7BB2;font-size:16px;}
.row.appointment-details ul {margin:0px;}
.row.appointment-details.prior {background-color:#f4f4f4;padding-top:10px;padding-bottom:10px;
                               -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.row.more-info {margin-top:15px;}
.row.more-info ul {padding:0px; margin-bottom:3px;}
.row.more-info ul li {display:inline;padding: 0px 5px;border-left:1px solid #4a4a4a;}
.row.more-info ul li:first-child {list-style-type:none;padding-left:0px;border-left:none;}
.row.more-info ul li a {font-size:14.5px;}
.row.more-info ul li:first-child a {padding-left:0px;}

/* -----------------------------------
    PAGE - APPT. MANAGE 
 -----------------------------------*/
.container.manage .btns button{margin-left:1%;}
.container.manage .btns button:first-child {margin-left:0px;}
.row.action-links ul {float:right;padding:0px; margin-bottom:0px;}
.row.action-links ul li {display:inline;padding: 0px 5px;border-left:1px solid #4a4a4a;}
.row.action-links ul li:first-child {list-style-type:none;padding-left:0px;border-left:none;}
.row.action-links ul li a {font-size:14.5px;}
.row.action-links ul li:first-child a {padding-left:0px;}
.row.action-links ul li form {display:inline;padding:0px; margin:0px;}
.row.action-links ul li a.logout {font-weight:bold;}
a.agency-link-confirm {display:block;}

.container.manage .row.appointment-details.reschedule {padding-top:5px;}
.container.manage .row.appointment-details.reschedule h2 {margin-top:20px;}
.container.manage .row.appointment-details.reschedule {border:1px solid #e5e5e5;border-top:none;}
.container.manage .row.appointment-details.reschedule.first {border-top:1px solid #e5e5e5; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius:  10px 10px 0px 0px; border-radius:  10px 10px 0px 0px; }
.container.manage .row.appointment-details.reschedule.last {-webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius:  0px 0px 10px 10px; border-radius:  0px 0px 10px 10px; }
.container.manage .btn-standard.reschedule {max-width:200px; width:200px;padding:5px 5px; margin-bottom:10px;}

/* -----------------------------------
    PAGE - LOGIN
 -----------------------------------*/
.container.login .btns {margin-top:5px;}


/* -----------------------------------
    Datepicker - Bootstrap Extras
 -----------------------------------*/
.bootstrap-iso .formden_header h2, 
.bootstrap-iso .formden_header p, 
.bootstrap-iso form {
	font-family: Arial, Helvetica, sans-serif; 
	color: black;
}
.bootstrap-iso form button, 
.bootstrap-iso form button:hover {
	color: white !important;
} 

.input-group-addon.calendar.green {
    min-width:34px;
    background-image: url('../images/icon_calendar_white.png');
    background-size: 62%;
    background-repeat: no-repeat;
    background-position: center center;
}
.input-group-addon.calendar.green:hover {opacity:0.8; cursor:pointer;}

.input-group-addon.calendar.disable {background-color:silver;}
.input-group-addon.calendar.disable:hover {opacity:1.0; cursor:default;}

/* -----------------------------------
    Bootstrap modifications
 -----------------------------------*/
.container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

/* -----------------------------------
    Media Queries
 -----------------------------------*/
@media (min-width: 768px) {
  .container {max-width: 1440px;}
  /* Remove the padding we set earlier */
  .footer {padding-right: 0;padding-left: 0;}
  /* Remove the bottom border on the jumbotron for visual effect */
  .content-container {border-bottom: 0;}
}




/* #Media Queries - Overrides
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	div.carousel-dateandtime ul.slides li span.slot-time.selected {
		background-position:1% center;background-size:20%;} 
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header-container span.title{line-height: 32px; font-size: 30px;padding-top: 3px;}
    .nav-wizard .wizard-step {width:20%;}
    .container.manage .btn-standard.reschedule {max-width:200px; width:100%;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	/*.header-bg {padding-top: 10px;padding-bottom: 0px;height:250px;min-height:250px;}*/
    .header-container {padding: 0px;}
	.header-container .row {padding-bottom:0px;border-bottom:none;}
	.header-container span.title{line-height: 28px; font-size: 26px;padding-top: 3px;}
    .content-container {padding-top: 10px;padding-left: 4% !important;padding-right: 4% !important;}
    .nav-wizard.desktop {display:none;}
    .nav-wizard.mobile {display:block;}
    .slot-time-caption {font-weight:normal;}
    ul.body-links {margin-right: 15px;}
    .container.date-and-time p.need-help {float:none; text-align:center;width:100%;}
    .container.main-content {
        margin-top: 2px;
    }

    .header-bg {
        margin-top: 5px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    input.slot-time-value {margin-bottom:35px;}
    .container.manage .btn-standard.reschedule {width:100%;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .container.main-content {padding-left: 1.5% !important;padding-right: 1.5% !important;}
    .content-container {padding-left: 0px !important;padding-right: 0px !important;}
    .content-container h1 {	font-size:20px;line-height:22px;}
    .content-container h2 {	font-size:18px;line-height:20px;}
    .content-container h3 {	font-size:16px;line-height:18px;}
    .footer {padding-left: 1.5%;padding-right: 1.5%; margin:0px auto;width:97%;}
    .footer span.info {text-align:center;margin:0px auto; margin-bottom: 10px; display:block;}
    .footer ul.links {float:none;text-align:center;margin:0px auto; margin-bottom: 10px;display:block;}
    .footer ul.links li {margin-bottom:5px;display:block;border:none;}
    .footer ul.links li a {font-weight:bold;}
    .numbers {
	    margin-left:1.8% !important;
	    padding: 2% 4.2%;
    }
    .flex-direction-nav {
        display: none !important;
    }
	div.g-recaptcha {/*margin-left:-20px;*/}
    
    /*Find Agency*/
    .input-group .form-control.search-criteria {width:70% !important;}
    .btn-standard.submitLocation {width:29%;}
    .find-agency-results-container {background-color:transparent;}
    .map-options {border: 1px solid #A3A3A3;border-bottom: none;min-height:initial;margin-left:15px;margin-right:15px;}
    .map-container {padding-left:15px;padding-right:15px;}
    .map-container .map {border: 1px solid #A3A3A3;height:230px;}
    /*adjust height based on number of default results*/
	.find-agency-results-container.num-1 .map-options, 
	.find-agency-results-container.num-2 .map-options,
	.find-agency-results-container.num-3 .map-options {min-height:initial;}
	.find-agency-results-container.num-1 .map-container .map,
	.find-agency-results-container.num-2 .map-container .map,
	.find-agency-results-container.num-3 .map-container .map {height:230px;}
    .find-agency .row.page-title {margin-left:-15px;}
    .find-agency .row.entry {margin-left:-15px;}
    .find-agency .row.btns {margin-left:-15px;}

    /*DateAndTime*/
    div.change-date-time-container-mobile {display:inline-block;}
    div.carousel-dateandtime .flex-direction-nav {position: absolute;top: 0px;left:0px; right: 0px;}
    div.carousel-dateandtime .flex-direction-nav .flex-prev,
    div.carousel-dateandtime .flex-direction-nav .flex-next {position:absolute;top: 8px;left:20px; right:initial;
	    width: 31px;height: 31px; color:transparent; }
    div.carousel-dateandtime .flex-direction-nav .flex-next {right: 20px;left: initial;}
    .change-date-time-container-mobile {
        display: none !important;
    }

    /*Confirm, Verify*/
    .row.appointment-details span.item-value {
        margin: 0px 1%;
        margin-bottom: 2px;
    }
    .row.appointment-details span.item-value.address {margin:0px 1%;margin-bottom:0px;}
    .row.appointment-details ul {margin:0px 1%;}

    /*Appt Manage*/
	.container.manage.all .btns {text-align:center;}
	.container.manage.all .btns button{margin-left:0px;float:none;}

    /*home page, contact us*/
    .container.home div.btns {text-align:center;margin:0px auto;position: relative;bottom:initial;margin-top:15px;}
	.container ul.item-list ul.phone-info {padding-left:5%;}
	.container ul.item-list ul.hours-operation {padding-left:3%;}
	.container ul.item-list ul.hours-operation li span.caption {min-width: initial;display: inline-block;}

    /*Reschedule*/
    .container.manage .row.appointment-details.reschedule {padding-top:0px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;}
    .container.manage .row.appointment-details.reschedule h2 {margin-top:10px;}
    .container.manage .row.appointment-details.reschedule.first,
    .container.manage .row.appointment-details.reschedule.last  {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

	.btn-standard {padding:10px 20px;}
    .main-content{margin-top:180px;}
}        

/* Mobile Portrait on larger devices */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.carousel-dateandtime ul.slides li span.slot-time.selected {
		background-position:10% center;background-size:15%;} 
}
@media only screen and (min-width: 373px) and (max-width: 576px) {
    .main-content{
        margin-top:180px !important;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {
	.header-container span.title {line-height: 30px;font-size: 28px;}
    .container.main-content {margin-top:80px;}
	div.carousel-dateandtime ul.slides li span.slot-time.selected {
		background-position:1% center;background-size:20%;} 
    span.required {}
	div.g-recaptcha {margin-left:-10px;}
    /*confirm*/
    .row.more-info {text-align:center;}
    .row.more-info ul {padding:0px; margin-bottom:3px;}
    .row.more-info ul li {text-align:center; display:block;padding:0px;border:none;}
}        

/*--------------------------------------------------
	PRINT Media Queries
-------------------------------------------------- */
@media print { 
    /* Hide stuff we don't want to show in print */
    .no-print,
    .row.nav-wizard,
    a.skip-navigation,
	a.home,
	.btn-standard,
	ul.flex-direction-nav,
    .row.appointment-details ul 
        { display: none !important; } 

	/*adjust display for print*/
	.header-container {padding: 30px 0px 120px 0px;}
	.content-container {border-bottom: none;background: none;padding: 20px 0px 120px 0px;}

    /*Confirm, Verify*/
    .row.appointment-details span.item-value {margin:0px 1%;margin-bottom:2px;}
    .row.appointment-details span.item-value.address {margin:0px 1%;margin-bottom:0px;}
    .row.appointment-details ul {margin:0px 1%;}
}