@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-bold";
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-display: swap;
}

body{ 
    margin: 0; 
    padding: 0; 
    background-color: #fff; 
    background-repeat: no-repeat; 
    background-position: top right;
    
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
    font-family: "Roboto", sans-serif;
}

/*------------------------------------------------------------------------*/
/* Settings */
/*------------------------------------------------------------------------*/
/* Company name */
#lbName {
    color: #fff; /* Color font company name */
    margin-top: 5vh;  /* Name company delta top */
    font-size: 4em;
    font-weight: 100;
    text-shadow: -1px 0 #b0b6ba, 0 1px #b0b6ba, 1px 0 #b0b6ba, 0 -1px #b0b6ba; /* Shadow font company name */
    /*height: 220px;*/

}
/* Text "New Applicant?" */
#lbApp {
    color: #00426d; /* Color "New Applicant?" */
    margin-top: 0;
    font-weight: 700;
}
/* Button "Login" */
#btnLogin, #btnSSOLogin, #btnSSOLogout,
/* Button "Full Apply" and "Short Apply" */
#btnFullApply,
#btnShortApply {
    color: #fff; /* Color font buttons "Login"s, "Full Apply" and "Short Apply" */
    background-color: #00426d; /* Background color buttons "Login"s, "Full Apply" and "Short Apply" */
    border: #00426d; /* Border color buttons "Login"s, "Full Apply" and "Short Apply" */
}

    #btnLogin:hover, #btnSSOLogin:hover, #btnSSOLogout:hover,
    #btnFullApply:hover, #btnShortApply:hover {
        background-color: #0066ff;
        border: #0066ff;
    }
/* Text "Login" */
#lbLogin {
    color: #00426d;  /* Color text "Login" */
    margin-top: 0;
    font-weight: 700;
}
/* Link "Forgot Password?" */
#aForgoutPassword {
    color: #00426d; /* Color link "Forgot Password?" */
}
/* Link for hover "Forgot Password?" */
#aForgoutPassword:hover {
    color: #0066ff; /* Color link for hover "Forgot Password?" */
}
/* Background */
#body {
    padding: 0px 50px 0px 50px;    
    background: linear-gradient(to bottom, rgba(182,214,255, 0), rgb(59,97,146));    
    background: -webkit-linear-gradient(bottom, rgb(59,97,146), rgba(182,214,255, 0)); /* Background gradient color */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#003b6192, endColorstr=#3b6192);
    position:absolute;
    bottom:60px;
    width:100%;
    padding-bottom: 80px;
}        
/* Border color block "Login" and "New Applicant?" */
.thumbnail {
    border: 1px solid #ddd;
}
/* Text company info */
#lbInfo {
    color: #fff; /* Color font company info */
    font-size: 1.5em;
    font-weight: 300;
    text-shadow: -1px 0 #b0b6ba, 0 1px #b0b6ba, 1px 0 #b0b6ba, 0 -1px #b0b6ba; /* Shadow font company info */    
    height: 100px;
}
/* Content "Add to favorites" */
#dvFavorites 
{ 
    top: 0px;
    right: 20px;
    position: absolute; 
    padding-top: 10px;
}
/* Link "Add to favorites" */
#AddToFavorites {
    margin-left: 5px;    
    color: #fff; /*color link "Add to favorites"*/
}
#dvFavorites img {
    width:20px; 
    height:20px; 
    margin-top: -2px;
}
/*------------------------------------------------------------------------*/

.content {
    width: 100%;
    margin: 0 auto;
}

#container {
    min-height:100%;
    position:relative;
}
#header {            
    padding: 30px 50px 50px 50px;
    padding-bottom:370px;
}
#footer {
    padding:5px;
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;
    background-color: #00426d;
    color: #fff;
}
#footer a{
    color: #fffeff;
}
.cont-form-new-app,
.cont-form-login{
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.75);
    width: 380px;
    padding: 10px 50px;    
}
.cont-form-new-app {
    min-height: 280px;
    margin: 0 4em 0 auto;
}
.cont-form-login {
    min-height: 270px;
    margin: 0 auto 0 4em;
}   
.btnNewApp {
    margin-right: 30px;
}
.info-block{
    height: 130px;
}
.info-block_app {
    height: 130px;
    padding-top: 2em;
}
.row-input input{
    margin-top: 7px;
}
.txt-block {
    margin-bottom: 5px;
}
.alert {
    margin: 0 auto 5px 4em;
    width: 380px;
}
#dLogo {
    height: 150px;
}
#clogo {
    max-height: 150px;
}

/*  Settings for ApplyOnline */
.lgLoginApply {
    /*display: none;*/
} 
.lgApplApply {
    /*width: 100%;*/
}
.lgApplApply .cont-form-new-app {
    /*margin: 0 auto;*/
}
.lgApplApply #lbApp {
    /*display: none;*/
}
.region-block_app {
    display: none;
}
.lgApplApply .region-block_app {
    display: block;
    margin-bottom: 20px;
}
.lgApplApply .info-block_app {
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}
.lgApplApply .btnShortApply,
.lgApplApply .btnFullApply{
    width: 127px;
}
.lgApplApply .btnFullApply{
    margin-left: 0px;
}

/* Mobile */
.mobile {
    background-color: #8ab9d0;
}
.mobile #lbName,
.mobile #lbInfo {
    /*color: #337ab7;
    font-weight: 800;    
    text-shadow: 0px 18px 21px rgba(0, 0, 0, 0.2);*/
}
.mobile #AddToFavorites {
    /*color: #337ab7;
    text-shadow: 0.1px 0.1px 0px #000;*/
}

@media (min-width: 1964px){    
}
@media (max-width: 1920px){
    #header {            
        padding-bottom: 390px;
    }
}
@media (max-width: 1700px){
}
@media (max-width: 1600px){

}
@media (max-width: 1400px){
    #lbName {
        font-size: 3em;
    }
    .cont-form-new-app{
        margin: 0 2em 0 auto;
    }
    .cont-form-login {
        margin: 0 auto 0 2em;
    } 
    .alert {
        margin: 0 auto 5px 2em;
    } 
}
@media (max-width: 1200px){ 
    #footer {
        height: 90px;
    }
}
@media (max-width: 992px){
    .alert {
        margin: 0 auto 5px auto;
    }
    .cont-form-new-app{
        margin: 0 auto 0 auto;
    }
    .cont-form-login {
        margin: 20px auto 0 auto;
    }    
    #header {            
        padding-bottom:690px;
    }
    #body {
        bottom: 100px;
    }
    #footer {
        height: 100px;
    }
    /*body {
        background-size: auto auto;
    }*/    
}
@media (max-width: 768px){
    .mobile {
        background-size: auto auto;
    }
    .version {
        margin-top: 10px;
    }
    .siteseel {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #header {
        padding-bottom: 830px;
    }    
    #body {
        bottom: 210px;
    }        
    #footer {
        height:220px;
    }
    #lbName{
        font-size: 2.5em;
    }
    #ApplyFormText,
    #info-new-app {
        font-size: 1.0em;
    }
    .btnFullApply,
    .btnShortApply {
        width: 200px;        
    }
    .btnFullApply {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .cont-form-new-app,
    .cont-form-login,
    .alert{
        width: 300px;
    }
    .info-block {
        height: 120px;
    }
    .info-block_app {
        height: 100px;
        padding-top: 10px;
    }
    .div-verify,
    .div-version{
        float:none;
    }
    .div-version {
        margin-top: 15px;
    }
    .siteseel {
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
    }
    #cbApplyRegion {
        margin-left: 10px;
        width: 150px;
    } 
}
@media (min-width: 768px){
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
@media (max-width: 420px){
    
    #header {
        padding-top: 50px;
        padding-bottom: 830px;
    }
    #body {
        padding-left: 10vw;
    }
    .cont-form-new-app,
    .cont-form-login,
    .alert{
        zoom: 0.8;
        -ms-zoom: 0.8;
        -webkit-zoom: 0.8;
        -o-transform:  scale(0.8,0.8);
        -moz-transform:  scale(0.8,0.8);
        -moz-transform-origin: left center;
    }    
    #footer {
        height:270px;
    }
    #clogo {
        max-width: 400px;
    }
}
@media screen and (max-height: 768px)
{
    #lbName {
        font-size: 2.5em;
        margin-top: 0;
    }    
    .cont-form-new-app,
    .cont-form-login,
    .alert{
        zoom: 0.8;
        -ms-zoom: 0.8;
        -webkit-zoom: 0.8;
        -o-transform:  scale(0.8,0.8);
        -moz-transform:  scale(0.8,0.8);
        -moz-transform-origin: left center;
    }
    #header {
        padding-bottom: 280px;
    }
    #body {
        padding-bottom: 50px;
    }
    :root .cont-form-new-app {
        margin-left:16vw\0/;
    }
    :root .cont-form-login {
        margin-left:30px\0/;
    }    
    :root .alert {
        margin-left:30px\0/;
    }
    #clogo {
        max-height: 100px;
    }
    #dLogo {
        height: 130px;
    }    
    /*#lbName {
        height: 150px;
    }*/
    #lbInfo {
        height: 100px;
    }
}
@media screen and (max-height: 768px) and (max-width: 1200px)
{
    #lbInfo {
        height: 100px;
    }
    #body {
        padding-bottom: 60px;
    }
}
@media screen and (max-height: 768px) and (max-width: 992px)
{
    #lbInfo {
        height: 430px;
    }
    /*#lbName {
        height: 550px;
    }*/
    :root .cont-form-new-app {
        margin:10px auto;
    } 
    :root .cont-form-login {
        margin:15px auto;
    } 
    :root .cont-form-new-app {
        margin-left:28vw\0/;
    }
    :root .cont-form-login {
        margin-left:28vw\0/;
    }
    :root .alert {
        margin-left:28vw\0/;
    }
}
@media screen and (max-height: 768px) and (max-width: 768px)
{   
    #lbInfo {
        height: 530px;
    }
    /*#lbName {
        height: 650px;
    }*/
    #header {
        padding-bottom: 300px;
    }
}
@media screen and (max-height: 768px) and (max-width: 420px)
{
    #body {
	display: inline;
	top: 150px;
    }
    #header {
        padding-top: 50px;
        padding-bottom: 530px;
    }

    :root .cont-form-new-app {
        margin-left:10vw\0/;
    }
    :root .cont-form-login {
        margin-left:10vw\0/;
    }
    :root .alert {
        margin-left:10vw\0/;
    }
    #clogo {
        max-width: 400px;
    }
    #lbName {
        visibility:hidden;
        height:0px;
    }
}
@media (max-width: 420px)
{
    
}