/*GENERAL START*/
/*colors start*/
$l-blue: #60A2D6;
$d-blue: #2655A3;
$black: #132B52;
/*colors end*/

/*color-text start*/
.white-txt{
    color: white;
}

.l-blue-txt{
    color: $l-blue;
}

.d-blue-txt{
    color: $d-blue;
}
/*color-text end*/

/*color-backgrounds start*/
.l-blue-bg{
    background-color: #60A2D6;
}

.d-blue-bg{
    background-color: $d-blue;
}
/*color-backgrounds end*/

/*color-gradients start*/
.blue-grad{
    position: relative;
    width: 100%;
    height: auto;
    background: rgba(132,181,221,0.38);
    background: -moz-linear-gradient(top, rgba(132,181,221,0.38) 0%, rgba(132,181,221,1) 0%, rgba(57,76,108,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(132,181,221,0.38)), color-stop(0%, rgba(132,181,221,1)), color-stop(100%, rgba(57,76,108,1)));
    background: -webkit-linear-gradient(top, rgba(132,181,221,0.38) 0%, rgba(132,181,221,1) 0%, rgba(57,76,108,1) 100%);
    background: -o-linear-gradient(top, rgba(132,181,221,0.38) 0%, rgba(132,181,221,1) 0%, rgba(57,76,108,1) 100%);
    background: -ms-linear-gradient(top, rgba(132,181,221,0.38) 0%, rgba(132,181,221,1) 0%, rgba(57,76,108,1) 100%);
    background: linear-gradient(to bottom, rgba(132,181,221,0.38) 0%, rgba(132,181,221,1) 0%, rgba(57,76,108,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b5dd', endColorstr='#394c6c', GradientType=0 );
}

.d-blue-grad{
    height: 100%;
    background: rgba(38,86,163,0.59);
    background: -moz-linear-gradient(top, rgba(38,86,163,0.59) 0%, rgba(38,86,163,0.58) 0%, rgba(19,43,82,0.58) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,86,163,0.59)), color-stop(0%, rgba(38,86,163,0.58)), color-stop(100%, rgba(19,43,82,0.58)));
    background: -webkit-linear-gradient(top, rgba(38,86,163,0.59) 0%, rgba(38,86,163,0.58) 0%, rgba(19,43,82,0.58) 100%);
    background: -o-linear-gradient(top, rgba(38,86,163,0.59) 0%, rgba(38,86,163,0.58) 0%, rgba(19,43,82,0.58) 100%);
    background: -ms-linear-gradient(top, rgba(38,86,163,0.59) 0%, rgba(38,86,163,0.58) 0%, rgba(19,43,82,0.58) 100%);
    background: linear-gradient(to bottom, rgba(38,86,163,0.59) 0%, rgba(38,86,163,0.58) 0%, rgba(19,43,82,0.58) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2656a3', endColorstr='#132b52', GradientType=0 );
}
/*color-gradients end*/

/*typography start*/
.light{
    font-weight: 300;
}

.regular{
    font-weight: 400;
}

.medium{
    font-weight: 500;
}

.bold{
    font-weight: 700;
}

.black-bold{
    font-weight: 900;
}
/*typography end*/
/*GENERAL END*/

/*LOGIN START*/
#login-container{ position: relative; flex-grow: 1; display: flex;}
#login-container .login-row{ width: 100%; }
#login-container .login-row .login-img-col{}
#login-container .login-row .login-img-col .text-div{ margin-bottom: 220px; padding-left: 50px; }
#login-container .login-row .login-img-col .text-div h1{ color: white; font-weight: 400; font-size: 53px;}
#login-container .login-row .login-img-col .text-div h4{ font-weight: 400; color: #60A2D6; }
#login-container .login-row .login-img-col img{ position: absolute; left: 50px; bottom: 30px; }
#login-container .login-row .login-form-col{ background-color: white; }
#login-container .login-row .login-form-col .login-form-inner-div{ text-align: center; width: 100%;}
#login-container .login-row .login-form-col .login-form-inner-div img{ height: 100px; margin-bottom: 90px;}
#login-container .login-row .login-form-col .login-form-inner-div #login-form{ text-align: left; }
#login-container .login-row .login-form-col .login-form-inner-div #login-form label{  text-align: initial!important; color: #2655A3; font-size: 12px; }
#login-container .login-row .login-form-col .login-form-inner-div #login-form input{ height: 50px; width: 100%; border-radius: 0; background-color: transparent; border-right: none; border-left: none; border-top: none; border-bottom: 1px solid #2655A3;}
#login-container .login-row .login-form-col .login-form-inner-div #login-form button{ width: 100%; background-color: #60A2D6; color: white; border: none; border-radius: 3px; padding-top: 10px; padding-bottom: 10px; margin-top: 60px;}
/*LOGIN END*/

/*HOME START*/
#search-panel-container{text-align: center; }
#search-panel-container .header{ color: white!important; font-weight: 400; }
#search-panel-container .header .bold-text{ font-weight: 700; color: white; }
#search-panel-container .search-row{}
#search-panel-container .search-row .company-col{}
#search-panel-container .search-row .location-col{}
#search-panel-container .search-btn-col button{ padding: 16px 8px !important; background-color: #60A2D6; border-color: #60A2D6; transition: opacity .4s ease;}
#search-panel-container .search-btn-col button:hover{ opacity: 0.7;}


.socials-row{padding-top: 25px; padding-bottom: 25px;}
.socials-row .info-logo-col{}
.socials-row .info-logo-col img{}
.socials-row .contact-col{}
.socials-row .contact-col .contact-inner-div{}
.socials-row .contact-col a .contact-inner-div{}
.socials-row .contact-col a .contact-inner-div i{ color: white; font-size: 50px; padding-right: 10px; }
.socials-row .contact-col a .contact-inner-div p{ color: white; font-size: 16px; margin-bottom: 0;}
.socials-row .contact-col a .contact-inner-div p span{ font-weight: 600; }
.socials-row .socials-col{-ms-flex-pack: end !important; justify-content: flex-end !important;}
.socials-row .socials-col .socials-inner-div {}
.socials-row .socials-col .socials-inner-div p{ margin: 0; padding-right: 5px; color: white; font-size: 16px;}
.socials-row .socials-col .socials-inner-div .social-icons{}
.socials-row .socials-col .socials-inner-div .social-icons img{ transition: opacity .4s ease; }
.socials-row .socials-col .socials-inner-div .social-icons img:hover{ opacity: 0.5; }
/*HOME END*/