html { height: 100%; }
body { display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 12px; width: 99%; height:  99%; background:  #1c5a71;  /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #1c5a71, #2d7790);  /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #1c5a71, #2d7790); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ position: relative;}
body.lighter { background:  #cbe7ff;  /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #cbe7ff, #ffffff);  /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #cbe7ff, #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
h1, h2, h3, h4 { margin: 0px; padding: 0px; font-size: 12px; }
h1             { font-size: 14px; font-weight: bold; }

.h-30 { height: 30px; }
.indentation-xs-20 { height: 20px; display: inline-block; width: 100%; }
.color_red { color: #EE1D23; }
.bold { font-weight: bold;}
.hidden_ { display: none; } 
.rel { position: relative; }

  input[type="checkbox"].better                                   { display:none; }
  input[type="checkbox"].better + label                           { color:#000; cursor: pointer; font-size: 12px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
  input[type="checkbox"].better + label span                      { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url('../images/check_radio_sheet.png') left top no-repeat; cursor:pointer; font-weight: normal;}
  input[type="checkbox"].better:checked + label span              { background:url('../images/check_radio_sheet.png') -19px top no-repeat; }
  input[type="radio"].better                                      { display:none; }
  input[type="radio"].better + label                              { color:#000; cursor: pointer; font-size: 12px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  input[type="radio"].better + label span                         { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url('../images/check_radio_sheet.png') -38px top no-repeat; cursor:pointer; }
  input[type="radio"].better:disabled + label span                { background: url('../images/check_radio_sheet.png') -77px top no-repeat; }
  input[type="radio"].better:checked + label span                 { background: url('../images/check_radio_sheet.png') -57px top no-repeat; }
       

.form-control { border-radius: 0px; border: 0px; border-bottom: 1px solid #ccc; box-shadow: none; -webkit-box-shadow: none; font-size: 12px; color: #66afe9;}
.form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
.input-group-addon { border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; background: none; border: 0px; border-bottom: 1px solid #ccc;}

.form-control::-moz-placeholder { color: #555; }
.form-control::placeholder { color: #555; }

.form-control:focus::-moz-placeholder { color: #66afe9; }
.form-control:focus::placeholder      { color: #66afe9; }

.form-group { margin: 0px; width: 100%; display: inline-block; }
.form-group.hidden_ { display: none; }

.btn                { margin-top: 0px; display: block; width: 100%;  border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; background: none; border: 0px; background-color: #e6e6e6; font-size: 12px; font-weight: bold; border-bottom:1px #66afe9 solid; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.btn.active, .btn:active { box-shadow: none; -webkit-box-shadow: none; background: none;  }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{     outline: 0px; outline-offset: 0px; }
.btn:hover { background-color: #d4d4d4; border-bottom:1px #66afe9 solid; }

a { color: #292929; } 

.dropdown-menu>li>a { white-space: normal; }
.bootstrap-select.btn-group .dropdown-menu { max-width: 100%; }
.bootstrap-select.btn-group .dropdown-menu li a span.text { width: 100%; }


.logo img {display: block; margin-top: -34px;}

              
#login-content { width: 80%; display: block; margin: 0px auto; margin-top: 10px; padding-top: 50px; }
#content .logo,
#login-content .logo { text-align: center; margin-bottom: 10px; }
#content .menu, 
#login-content .menu { margin-bottom: 3px; }
#content .menu .login-nav,
#login-content .menu .login-nav { list-style: none; margin: 0px; padding: 0px; }
#content .menu .login-nav li a,
#login-content .menu .login-nav li a { width: 100%; float: left; text-align: center; background-color: #292929; color: #fff; padding: 4px 10px; font-size: 12px; border-right: 1px #3A638B solid; }

#content .menu .login-nav li a { background-color: #eaeaea; color: #000; border-right-color: #fff}

#content .menu .login-nav li:last-child a,
#login-content .menu .login-nav li:last-child a { border: 0px ; }
#login-content .content-ins { background-color: #fff;      }
#login-content .content-ins #error_content                      { display: block; }
#login-content .content-ins #error-content-lost-password        { display: none; }
#login-content .alert { margin: 0px; padding: 3px ; text-align: center; border-radius: 0px; }


#login-content .content-ins .right-info { background-color: #e6e6e6; }
#login-content .content-ins h1 { font-weight: 100; text-transform: uppercase; padding-left: 5px; text-align: center;  padding-bottom: 7px; margin-top: 15px; margin-bottom: 10px; color: #075396;}
#login-content .content-ins h2 { font-size: 12px; font-weight: bold;}
#login-content .content-ins .right-info h1 {  color: #292929; text-align: center; margin-bottom: 5px;}
#login-content .content-ins .right-info ul    { list-style: none; margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 10px;}
#login-content .content-ins .right-info ul li { line-height: 13px; padding-left: 15px; }
#login-content .content-ins .right-info p { line-height: 13px; }
#login-content .content-ins .right-info .btn { margin-bottom: 15px; background-color: #2a486b; color: #fff; }
#login-content .content-ins .right-info:hover .btn { background-color: #4c81b0; }

#login-content .box-layer-two {background-color: #ffffff; padding: 20px;}
#login-content .bottom-links {margin-bottom: 15px}


#login-content .content-ins .right-info .bottom-phone-email { font-size: 14px; font-weight: bold; color: #2a486b; }
#login-content .content-ins .right-info .bottom-phone-email a { color: #2a486b; }

#login-content .bottom-links { float: right; }
#login-content .bottom-links ul { list-style: none url(); padding: 0px; margin: 0px; margin-top: 5px; }
#login-content .bottom-links ul li { float: left; color: #fff; margin-left: 5px; margin-right: 5px;}
#login-content .bottom-links ul li a { color: #fff; font-size: 12px;  }


#content        { margin-top: 10px; }
#content .content-ins { background-color: #fff; border: 1px #b9b9b9 dashed; border-radius: 20px;}
#content .content-ins h2 { font-size: 14px; font-weight: 100; text-transform: uppercase; padding-left: 5px; text-align: left; padding-bottom: 7px; margin-top: 10px; margin-bottom: 5px; color: #075396; } 
#content .content-ins p {  white-space: pre-line; }

#content h1     { margin-bottom: 15px; }
#content input[type=text]  { color: #000;  }
#content a      { color: #2a486b; text-decoration: underline; }
#content a:hover { text-decoration: none; }

#content label { padding-top: 9px; text-transform: uppercase; cursor: pointer; font-size: 11px;}
#content label.for_radio_checkbox { font-weight: normal; }

/*.progress_bar  { background-color: #ebedef; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } 
.progress_bar ul { padding: 0px ; margin: 0px; list-style: none url(); }
.progress_bar ul li { float: left; color: #fff; width: 25%; height: 25px; line-height: 25px; text-align: center;  }
.progress_bar ul li.active { font-weight: bold; }
.progress_bar .step-1 { background-color: #b3b3b3; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;  }
.progress_bar .step-1.active { border-bottom: 2px #158266 solid; }
.progress_bar .step-2 { background-color: #9a9a9a; }
.progress_bar .step-2.active { border-bottom: 2px #9E8300 solid; }
.progress_bar .step-3 { background-color: #7d7d7d; }
.progress_bar .step-3.active { border-bottom: 2px #005ead solid; }
.progress_bar .step-4 { background-color: #6b6b6b;  -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;}
.progress_bar .step-4.active { border-bottom: 2px #801503 solid; }
*/ 

.progress_bar { position: absolute; z-index: 3; width: 150px; left: 50%; margin-left: -75px; top: 49px; }
.progress_bar ul { padding: 0px ; margin: 0px; list-style: none url(); background: url('../images/progress-bar-bg.png') repeat-x center center; width: 100%; display: inline-block;}
.progress_bar ul li { float: left; width: 25%; text-align: center; display: inline-block; padding-top: 6px; padding-bottom: 6px; line-height: 25px; font-weight: 800; border-right: 1px #c5c5c5 solid;}
.progress_bar .progress_bar_ribbon_left { position: absolute; left: -49px; top: 0px; background: url('../images/progress-bar-left-active.png') no-repeat center center; width: 49px; height: 37px;  }
.progress_bar .progress_bar_ribbon_right { position: absolute; right: -49px; top: 0px; background: url('../images/progress-bar-right.png') no-repeat center center; width: 49px; height: 37px;  }
.progress_bar ul li span.step-number { width: 25px; margin-right: 5px; height: 25px; background-color: #8a8a8a; display: inline-block;  border-radius: 50%; font-weight: 800; color: #fff;}
  .progress_bar ul li.active { background-color: #393939; color: #fff; font-weight: bold; }
.progress_bar ul li:last-child { border: 0px; }
.progress_bar span.step-text { display: none; }
  
.btn-group.bootstrap-select { width: 100% !important; }
.btn-group.bootstrap-select .btn { background-color: #fff; border-bottom: 1px solid #ccc; font-weight: normal; padding: 8px 0px;}
.btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; border-color: #66afe9; }
.btn-group.bootstrap-select .dropdown-menu { border-radius: 0px; font-size: 12px; }
.open > .dropdown-toggle.btn-default:hover { background-color: #fff; border-color: #66afe9;  }

#p404 { width: 80%; margin: 0px auto; text-align: center; padding-top: 50px; color: #fff;  }
#p404 h1 { font-size: 120px; }
#p404 h2 { font-size: 30px; }
#p404 p { margin: 0 auto; margin-top: 30px; max-width: 350px; }

@media (min-width: 768px) {
  .indentation-sm-36 { height: 36px; display: inline-block; width: 100%; }
  #content label { font-size: 12px; }   
  #login-content { max-width: 700px;  }
  #login-content .logo { text-align: left; }
  #login-content .menu .login-nav li a { padding: 0px;  line-height: 34px; height: 34px; }
  #login-content .content-ins h1 { margin-bottom: 30px; padding-bottom: 15px; }
  
  
  #content .logo { text-align: left; }
  #content .menu .login-nav li a { padding: 0px;  line-height: 34px; height: 34px; } 
  
   .progress_bar { position: absolute; z-index: 3; width: 610px; left: 50%; margin-left: -305px; top: 49px; }
   .progress_bar span.step-text { display: inline-block; }
   
   .btn-group.bootstrap-select .btn { padding: 8px 12px;}
}

@media (min-width: 992px) {
  #login-content {  position: absolute; left: 50%; margin-left: -350px; top: 50%; margin-top: -174.5px; padding-top: 0px;  }
  .progress_bar { width: 750px; left: 50%; margin-left: -375px;  top: 59px; }
  #login-content .content-ins .right-info { padding-top: 90px; min-height: 290px; }
  
  .p_out #login-content{ position: relative; left: 0; margin-left: 0px; top: 0; margin-top: 50px; margin-left: auto; margin-right: auto; }

}

.sk-folding-cube { margin: 0px auto; width: 30px; height: 30px; position: relative; }
.sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(96,96,96); -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } 
.sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
@-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% {
                                                -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 
                                     90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } 
                                    }
@keyframes sk-foldCubeAngle {        0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% {
                                               -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 
                                     90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; }
                            }