/*This code resource contains the generic CSS required
for the new home page deigns which has forms in them */
/*
Version: 0.0.1
Author: Monosij
*/
ul.no-bullets {
list-style-type: none; /* Remove bullets */
padding: 0 5px; /* Remove padding */
margin: 0; /* Remove margins */
}

.fluid-logo-final{
height:195px;
}
.vertical-line-desktop{
border-right: 1px solid #cbccce;
}
ul>li{
padding: 0 0 10px 0;
}
.footer-contents{
font-family: FS Humana, Calibri, Sans-serif;
font-size: 14px;
color:#6b6c6f;
}
.footer-line-break{
border-bottom: 1px solid #cbccce;
}
.back-to-top{
background-color: #78BE20;
text-align: center;
color: #003057;
font-size: 16px;
font-family: FS Humana Bold,Arial,Helvetica,Verdana,sans-serif;
}
.content{
display: none;
}

.padding-icons{
padding-right: 25px;
}
.spacer{
padding: 20px 0 20px 0;
}
.mobile-font{
font-size:12px;
}
.input-field-padding{
padding-bottom:25px;
}
/*.footer-image-size{
height: 70%;
}*/
.footer-image-size{
height: 220px;
}
.display{
display: none;
}
.mobile-render{
width: 30%;
}
.mobile-render1{
width: 20%;
}
.main-container{
width: 90%;
}
.mobile-body-text{
padding: 0 30px 0 30px;
}
.mobile-show{
display: none;
}
.footer-vertical-line-desktop{
border-right: 2px solid #c8c8c8;
padding-left: 20px;
}
.footer-container{
padding: 0 10px 0 10px;
}
.yellow-square{
width: 25px;
height: 2px;
display: inline;
background: #FFC600;
margin: 0 !important;
padding: 0 !important;
}
.footer-image{
border-right: 2px solid #c8c8c8;
padding:20px;
}
.last-column{
padding-left:20px;
}
.banner-image{
height:250;
}
.logo-styling{
padding:0px 0px 0px 10px;
}
.header-borders{
border-top: 10px solid #87C546;
}
.fluid-logo{
width:140px;
height:30px;
}
.box-logo{
width:90px;
height:70px;
}
.sms-field-width{width:70%;}
/*Dental form styling for desktop*/
.dental-body-margin{padding:0 20px 0 35px;}
.dental-body-container{width:70%}
.dental-form-error{padding:10px 0 0 10px; font: 11px #AA0008 FS Humana Regular, Calibri, Sans-serif;display:none;}
/*Connections page*/
.p-r-15{padding-right:15px;}
.p-l-15{padding-left:15px;}
/*Footer dropdown text styling*/
.sms-field-width{width:100%;}
.collapsible {
background-color: #FFFFFF;
color: #414042;
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
}

.collapsible:hover {
background-color: #F8F8F8;
}

.content {
display: none;
overflow: hidden;
background-color: #FFFFFF;
}
.header-logo{
padding:15px 0 15px 30px;
border-top: 2px solid #DCDCDC;
border-bottom: 2px solid #DCDCDC;
}
.body-text-alignment{
padding:0 30px 0 30px;
}
/*Form styling*/
.form-container{
width: 80%;
}
.input-span{
padding:3px;
transform: translate(-10px, 0px);
pointer-events: none;
position:absolute;
left:10px;
top:0;
transition: 0.2s;
transition-timing-function: ease;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
opacity:1;
}
.input-label{
margin:5px 0;
position:relative;
display:inline-block;
}
input:focus + span, input:not(:placeholder-shown) + span {
opacity:1;
transform: scale(0.75) translateY(-100%) translateX(-30px);
}
.floating-label {
position: relative;
}
.label-css {
color: #999;
font-size: 14px;
font-weight: normal;
position: absolute;
pointer-events: none;
left: 5px;
top: 5px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}
.floating-select:focus~.label-css,
.floating-select:not([value=""]):valid~.label-css {
top: -11px;
font-size: 11px;
color: #5264AE;
}
#StateSelect{padding-left:0px !important; }
.state_css{left:0px !important; }
#citySelect{padding-left:0px !important; }

/* active state */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.label-css:focus + .floating-select{font-size:11px; }
/* For IE Browsers*/
input:focus + span, input:not(:-ms-input-placeholder) + span {
opacity:1;
transform: scale(0.75) translateY(-100%) translateX(-30px);
}
/*Footer dropdown text styling*/
.collapsible {
background-color: #FFFFFF;
color: #414042;
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
}

 .collapsible:hover {
background-color: #F8F8F8;
}

.content {
display: none;
overflow: hidden;
background-color: #FFFFFF;
}
.footer-image{
border-right: 2px solid #c8c8c8;
padding:20px;
}
.last-column{
padding-left:20px;
}
.form-render{
width:50%;
}
.button-width{
width: 60%;
}
/*Mostly styling is done inline, this block contains the styling classes for reusability*/
@media only screen and (max-width: 600px) {
/*Connections page*/
.p-r-15{padding-right:0px;}
.p-l-15{padding-left:0px;}
.mobile-font{
font-size:16px;
}
.m-align-center{text-align:center;}
.vertical-line-desktop{
border-right: 1px solid transparent;
border-bottom: 1px solid #cbccce;
margin:10px 20px 10px 20px;
}
/*Dental form styling for desktop*/
.dental-body-margin{padding:0 20px 0 20px;}
.dental-body-container{width:100%}
/*Footer mobile styling*/
.padding-icons{
padding-right: 0px;
}
.footer-image-size{
/*height: 40%;*/
height:150px;
}
.banner-image{
height:150;
}
.mobile-render{
display: block;
width: 100%;
}
.mobile-hide{
display: none;
}
.spacer{
padding: 10px 0 10px 0;
}
.mobile-show{
display: block;
}
.mobile-render1{
display: block;
width: 100%;
}
.mobile-body-text{
padding:0 10px 0 10px;
}
.footer-padding{
padding: 0 20px 0 20px;
}
.footer-vertical-line{
border-right: 1px solid transparent;
padding:10px;
}
.footer-vertical-line-desktop{
border-right: 1px solid transparent;
border-bottom: 2px solid #c8c8c8;
padding:10px 0 10px 10px;
}
.footer-image{
border-right:2px solid transparent;
border-bottom: 2px solid #c8c8c8;
padding:0 0 10px 0;
}
.last-column{
padding:10px 0 10px 10px;
}
.button-width{
width: 100%;
}
.header-logo{
padding:15px 0 15px 15px;
border-top: 2px solid #DCDCDC;
border-bottom: 2px solid #DCDCDC;
}
.body-text-alignment{
padding:0;
}
/*Mobile form styling*/
.span_input{ padding-left:6px !important; }
.fluid-logo{
width:120px;
height:30px;
}
.fluid-logo-final{
height:90px;
}
}
/*Form mobile styling*/
@media (min-width: 320px) and (max-width: 767px) {

.mainContainer{ width:100% !important; letter-spacing:1px !important; }
.tr-countymobile2{ padding-top:10px !important; }
.tr-countymobile1{ padding-top: 40px !important; }
.tr-countymobile{ padding-top:20px !important; }
.tr-error-mobile{

margin: 0px !important;
}
.tr-error-mobile1{

margin: 0px !important;
}
.tr-error-mobile2{ margin-left: -9em !important; }
.span_input{ padding-left:6px !important; }

.label-css{ top: -17px !important; font-size: 14px !important;}
.span_android{ position:relative !important; top: -5em !important;left:0em !important; }


.select-label-css {top: -30px !important; }




*select,
*select option {
background-color: #ffffff !important;
color: #ffffff !important;
}

.input_mobile{ background-color: #f7f7f7 !important;
padding: 12px !important;
border-radius: 0px !important;

}
.Humana_android{ padding-bottom: 5px !important; }

.table_android{ width: 100% !important;
max-width: 100% !important;
padding: 0rem !important; }


}

}