/* Global Styles */

* { box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Montserrat', sans-serif; }
body { background: #ebebeb; margin: 50px 0; padding: 0; font-size: 16px; color: #333333; font-weight: 400; }

h1, h2, h3, h4 { margin: 0 0 15px 0; line-height: 1.5em;}

h1 { font-size: 25px; font-weight: 700; }
h2 { font-size: 18px; font-weight: 700;}
h3 { font-size: 18px; font-weight: 700; margin:0; }

p { margin: 0 0 15px 0; line-height: 1.7em;}

a { color: #4753a3; text-decoration: underline; }

.text-right { text-align:right;}

.vert-container { display: flex; align-items: center; justify-content: center; height: 100%;}

.vert-top { align-self: flex-start; }
.vert-bottom { align-self: flex-end; }

.clear-after:after {content:""; clear:both; display:block;}

.stretch { width: 100%;}

.width60 { width: 57.5%; float:left;}
.width40 { width: 37.5%; float: right; }

.width50 { width: 47.5%; float: left; }
.width50:last-child { width: 47.5%; float: right; }

.float-left { float:left;}
.float-right { float: right; }

.content-container { width: 600px; background: #fff; padding: 30px; margin: 0 auto; }
    .content-container .logo-container { margin-bottom: 40px; }

.logo { margin: 0; font-size: 20px; font-weight: 400; padding: 0; padding-left: 85px; background: url(../images/logo.jpg) no-repeat; background-position: left center; background-size: auto 40px;  line-height: 1em;}
    .logo span { display: block; font-size: 12px; }

/*Login Styles*/
.login-container { margin-top: 30px;}
.login-content {display:none; }
.login-content-01 { display: block; }

.bottom-lnk { font-size: .8em; color:#4753a3; text-align:center; display:block;}

/*Create Account*/
.btn-account-choice { display: inline-block; text-decoration: none; color: #4753a3; border: 1px solid #4753a3; padding: 10px; margin-right: 10px; border-radius: 2px; -moz-border-radius: 2px; cursor: pointer; text-decoration: none; }
    
.btn-account-choice.active { background:#4753a3; color:#fff;}

    .ca-details { display: none; }

.ca-option { display: none; }

.grecaptcha-badge { display: none !important;}


/*Form Elements*/

.form-section { margin-bottom: 30px;}

.form-item { margin-bottom: 15px; }
    .form-item span { display: block; font-size: .8em; color:#5c5b5b; text-transform:uppercase; font-weight: 400; margin-bottom: 8px; }
        .form-item span.required:before { color:red; content:"*"; display:inline-block; padding-right: 5px;}

.rb-container { margin: 20px 0;}

        input[type=text],input[type=date], input[type=password] { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; font-family: 'Montserrat', sans-serif; font-size: 1em; }
input[type=button], .btn { background: #277ad4; width: 100%; text-align:center; border: 2px solid #277ad4; color: #fff; display: inline-block; padding: 15px 30px; font-family: 'Montserrat', sans-serif; font-size: 1em; border-radius: 50px; -moz-border-radius: 50px; cursor: pointer; text-decoration: none; }
.btn-border { background:#fff; color:#277ad4}

input[type=date] {width: 100% !Important; }
input[type=button], .btn {-webkit-appearance: none;-webkit-appearance: none;} 

.testing-result-item { padding: 20px; border:1px solid #ccc; margin-bottom: 20px;}
.testing-result-item-title { font-size: .8em; display:block; }
.testing-result-item p {margin-top: 20px;}

.collection-results { padding-left: 20px; position:relative;}
    .collection-results:before { content: ""; display: block; left: 0; top: 6px; border-radius: 50px; -moz-border-radius: 50px; position: absolute; width: 8px; height: 8px; overflow: hidden; }

.pending {  }
.detected { color:red; }
.not-detected { color: green;}

.detected:before { background: red;  }
.not-detected:before { background: green;  }
.pending:before {  background: orange; }

.tab-bar { border-bottom: 1px solid #ccc; display:block; margin-bottom: 20px;}
    .tab-bar a { display:inline-block; padding: 10px; text-decoration:none; font-size: .8em;}
        .tab-bar a.active { background:#277ad4; color:#fff; -webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;}

.notify-me {margin-top: 10px; font-size: .8em; font-style:italic; display:none !important;}

.tab-content { display:none;}
.tab-content-01 { display:block;}

.tab-lnk-02 {display:none !important;}

.pending-container {text-align: center;}
.pending-icon {text-align:center; margin-bottom: 30px;}
.pending-icon img {width: 100px; height: auto; display:inline;}

.form-validation label {background: red; color:#fff; font-size: .8em; padding: 7px; display:block; margin-bottom: 10px;}

@media only screen and (max-width: 599px) 
{
body {margin: 0; background: #fff;}
.content-container {width: 100%;    background: #fff;    padding: 30px;    margin: 0 auto;}
.logo {margin: 0;    font-size: 20px;    font-weight: 400;    padding: 0;    padding-top: 60px;    background: url(../images/logo.jpg) no-repeat;    background-position: center top;    background-size: auto 40px;    line-height: 1em; text-align:center;}

.width50 {width: 100%;float: none; margin-bottom: 20px;}
.width50:last-child {    width: 100%;    float: none;}

.login-content-01 {text-align:center;}
.login-btns-options {margin-top: 40px;}

.login-container {text-align: left;}

#noResultsForm {text-align:center;}

}


}