﻿/* *{font-family:Verdana, Geneva, sans-serif;} */
a,a:focus{outline:none;}
html, body{height:100%;margin:0;}
body{min-width:320px;font-family:LatoWeb, Verdana, Geneva, sans-serif;font-size:12px;color:#000;}
input.input-validation-error,textarea.input-validation-error,select.input-validation-error{background: #fff;border: 1px solid #3cbdd3;}
input.required{border:1px solid #3cbdd3 !important;}
/*input[data-val-required]{color:#3cbdd3;border:1px solid #3cbdd3;background-color:#ebf8fb;}
select[data-val-required]{color:#3cbdd3;border:1px solid #3cbdd3;background-color:#ebf8fb;}*/
/*input[data-val-required]:not([data-val-required-allowempty]):not([disabled]):not([readonly]){color:#000;border:1px solid #3cbdd3;background-color:#ebf8fb;}
select[data-val-required]:not([data-val-required-allowempty]):not([disabled]):not([readonly]){color:#000;border:1px solid #3cbdd3;background-color:#ebf8fb;}*/

.contentWrapper{background-image:url(../img/inet_background.jpg);background-size: cover; background-repeat: no-repeat;background-position: center;}

.special-validation-error:after {content:'';margin-left:5px;margin-top:5px;display:inline-block;position:absolute;top:0;right:-10px;width:20px;height:20px;background-image:url(../../../img/BOSS_iNET_Icon_20px.png);background-position:-240px 0px;}
.special-validation-error:after {background-image:var(--Img_INet_Icon_20px);background-position:-240px 0px;}
.fullHeight{height:100%}
.hr3 {margin-top:3px;}
.hr5 {margin-top:5px;}
.hr10 {margin-top:10px;}
.hr20 {margin-top:20px;}
.hr30 {margin-top:30px;}
.hr35 {margin-top:35px;}
.hr40 {margin-top:40px;}
.hr50 {margin-top:50px;}
.btn {min-width:80px;margin:0 5px;background-color:#3b63f8;border:none;color:#fff;}
.btn:hover{color:#3b63f8; background-color:#fff;border:1px #3b63f8 solid;}
.btn.inputBoxBtn {min-width:0;margin-right: 0;}
.btn-not{min-width:80px;margin:0 5px;background-color:#fff;border:1px #3b63f8 solid;color:#3b63f8;}
.btn-not:hover{text-decoration:underline;}
.prewrap{white-space:pre-wrap;}
.input-group {z-index:0;}
.input-group-sm{z-index:0;}

.formWrapper{position:absolute;left:0; right:0; bottom:0; top:0; overflow-y:auto;background-color: #3b63f8;}
.form-horizontal .checkbox{padding:0 0 10px 20px;}
.modal-dialog{margin-top:80px;}
.RadioInput{display:inline-block; padding-right:25px; padding-left:5px}
.RadioBtnWrapper{margin-left:-20px}

.col-div-wrapper{padding: 6px 15px;width: calc(50% - 10px);float: left;display: flex;margin: 0px 5px -5px 5px;}
.col-div-wrapper label.opt-input-wrapper{display:table;}
.col-div-wrapper label{white-space: pre-wrap;display: inline-block;float: left;font-weight: bold;flex: 1;}
.col-div-wrapper-full{padding: 6px 15px;width: calc(100% - 10px);float: left;display: flex;margin: 0px 5px -5px 5px;}
.col-div-wrapper-full label{white-space: pre-wrap;display: inline-block;float: left;font-weight: bold;flex: 1;}
.col-div-wrapper-full .RadioInput label{white-space: normal;}
.isRequired{background-color: #daeaf7;}
.col-text-wrapper{display: inline-block;float: left;/*height: 30px;*/padding: 5px 10px;font-size: 12px;line-height: 1.5;color: #333;flex: 7.5;position: relative;padding: 0px 15px 0px 10px}
.col-input-wrapper{display: inline-block;float: left;/*height: 30px;*/font-size: 12px;line-height: 1.5;color: #333;position: relative;padding: 0px 15px 0px 10px;flex: 3;}
.opt-input-wrapper *{display: table-cell;padding-left: 5px;vertical-align: sub;white-space: normal;}
.col-input-wrapper input, .col-input-wrapper select, .col-text-wrapper input, .col-text-wrapper textarea{border-color: #e6e6e6;}
.col-input-wrapper span{line-height: 2;}
.col-input-wrapper span:empty:after{content:'-';width:10px;height:10px;display:inline-block;}
.col-text-wrapper .RadioBtnWrapper{margin-top: -5px;margin-left: 0px;}

/*===================================================================
_Layout Start
===================================================================*/
.INetMainWrapper{height:100%;max-height:100%;display:table;width:100%;}
.header{background: #3b63f8 ;display: flex;flex-direction: row;justify-content: space-between;}
.content{background-color:#ecf1f7;margin-bottom:25px;display:table-row;height:100%;}
.pageWrapper{height:100%;overflow:auto;/*background-color: #fff;*/position:relative;}
.pageWrapper.hasNav{margin-left:120px;}

.footer{background-color:#ecf1f7;height:15px;display:table-row;color:#666;font-size:10px;}
.footerWrapper{display:table-cell;vertical-align:middle;text-align:right;padding-right: 30px;}

.contentWrapper{height:100%;overflow:auto;}
.section-header {font-size:20px;font-weight:bold;border-bottom:1px solid #AAA;padding:10px 0;margin-bottom:10px;clear:both;}
.subsection-header {font-size:13px;font-weight:bold;border-bottom:1px solid #CCC;padding:10px 0 5px;margin-bottom:10px;margin-left:10px;}


.imgLogo{
    background-image: url(../../img/BOSS_Logo_White_100px.png);
    background-size: contain;
    background-repeat: no-repeat;
    height:25px;
    margin:13px 0 0 15px;
}

.logout-icon:before{
    content:'';
    display:inline-block;
    width:30px;
    height:30px;
    background-image:url(../../img/BOSS_iNET_Icon_30px.png);
    background-position:-270px 0px;
    cursor: pointer;
}

.logout-icon:hover:before{
    background-position-y:-30px;
}

#btnLogout{
    width: 30px;
    height: 30px;
    margin: 0px 5px;
    align-self: center;
}

.LoginProfilePicContainer{
    width: 45px;
    height: 45px;
    border-radius: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.LogoutNavContainer {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 5px 15px;
    justify-content: flex-end;
}

.back-home-icon:before{
    content: '';
    margin-right: 10px;
    float: left;
    width: 20px;
    height: 20px;
    background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
    background-position: -20px -360px;
    cursor: pointer;
}

.back-home-icon:hover:before{
    background-position-y: -380px;
}

.navAccountHeaderText{
    margin-left: 15px;
    margin-top: 10px;
    font-size: 17px;
    cursor: pointer;
    color: #ffffff;
}

/*===================================================================
_Layout End
===================================================================*/
/*===================================================================
Login Start
===================================================================*/
.loginBox{width:320px;display:table;margin:10px auto;}
.loginHeader{display:table-row;}
.loginHeaderWrapper{display:table-cell;vertical-align:bottom;font-size:20px;color:#fff;}
.loginBody{display:table-row;}
.loginBodyWrapper{display:table-cell;}
.loginInputWrapper{margin:0 auto;height:45px;margin-top: 5px;}
.loginInputWrapper a{
    text-decoration: underline;
    color: #fff;
    font-size: 11px;
}

.loginInputWrapper a:hover{
    color: #58595b;
}

.loginInputWrapper .btn{background: linear-gradient(to right, #189cfe, #7774f5);width: 130px;height: 36px;border:none;font-size: 13px;margin-left: 0px;margin-right: 20px;}
.loginInputWrapper .btn:hover{color: #fff;}

.loginInputWrapper #btnLogin{
    background: linear-gradient(to right, #f7cf5d, #fea800);
    width: 100%;
    border-radius: 35px;
    font-weight: bold;
    text-transform: uppercase;
}

.loginInputWrapper #btnCreateNew{
    border-radius: 3px;
    background: #fff;
    color: #3b63f8;
}

.loginInputWrapper #btnCreateNew:hover{
    background: #3b63f8;
    color: #fff;
    border: 1px #fff solid;
}

.loginInputWrapper .JobPortalButtonWrapper{
    display: inline-block;
    background: transparent;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    width: 130px;
    height: 36px;
    border-radius: 3px;
    border: 1px #fff solid;
    color:#fff;
    font-size: 13px;
    margin-left: 0px;
    margin-right: 20px;
    cursor: pointer;
}

.loginInputWrapper .JobPortalButtonWrapper:hover{
    border-color: #58595b;
    color: #58595b;
}

.loginInputWrapper .JobPortalButtonText{
    float: left;
    background: transparent;
    border: none;
    width: 0px;
    height: 0px;
    margin: 0px;
}

.loginInputWrapper .JobPortalButtonText:hover{
    color: #58595b;
}

.JobPortalIcon{
    content:'';
    display:inline-block;
    width:25px;
    height:25px;
    background-image:url(../../img/BOSS_iNET_Icon_25px.png);
    background-position: -225px -150px;
    float:left;
    margin: 5px;
    margin-left: 10px;
}

.JobPortalIcon:hover{
    background-position-y: -175px;
}

.loginInputWrapper:nth-last-child(1){display: flex;/*flex-direction: row-reverse;*/align-items: center;justify-content: flex-end;margin-top:15px;}
.loginLogo{width:45px;height:45px;padding-top:12px;padding-left:12px;display:none;border-radius:5px;float:left;}
.loginLogoIcon{width:20px;height:20px;}
.loginUserLogo{background-color:#3cbdd3}
.loginPasswordLogo{background-color:#87909c}
.loginUserLogoIcon{background-image:url(../../img/BOSS_iNET_Icon_20px.png);background-position: 0px 0px;}
.loginUserLogoIcon{background-image:var(--Img_INet_Icon_20px);background-position: 0px 0px;}
.loginPasswordLogoIcon{background-image:url(../../img/BOSS_iNET_Icon_20px.png);background-position: -20px 0px;}
.loginInput{width: 100%}
.loginInput input{border: none!important;border-radius: 3px;background-color: #fff;width:100%;outline: none;height: 30px;font-size: 13px;padding:18px 10px;box-shadow:0 1px 10px #325aee}
.loginFooter{height:48px;display:table-row;}
.loginFooterWrapper{display:table-cell;text-align:center;vertical-align:middle;background-color:#3cbdd3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.loginFooterWrapper a{color:#fff;}
.divLoginWrapper{width:100%;height:100%;display:flex;/*background: linear-gradient(to right, #189cfe, #7774f5);*/}
.divLoginBackgroundContainer{
    display: flex;
    flex:2;
    flex-direction: row;
    align-items: center;
    background-image: url(../../img/Recruitment_BG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    height: 100%;
    width: 100%;

}
.divLoginBackgroundWrapper{font-size: 47px;color: #fff;padding-left: 50px;}
.divLoginBackgroundWrapper:before{content:'';display:block;width:150px;height:40px;background-image:url(../../img/BOSS_Logo_White_150px.png);position: absolute;top: 50px;left: 50px;}
.divLoginBackgroundWrapper:after{content:'Register an account and get access to the job portal';display:block;font-size: 15px;}
.frmLogin{display: flex;flex: 1;flex-direction: column;justify-content: center;background-color:#3b63f8;}

/*===================================================================
Login End
===================================================================*/
/*===================================================================
Relogin UI Start
===================================================================*/
#timeoutLoginInet {display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%; background-color: #ddd; z-index:200}
#sessionTimeOutAlert {z-index:2600}
.ReloginWrapper {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: white;border-radius: 5px;padding: 0px 10px 10px 10px;min-width: 300px;}
.ReloginWrapper p {margin: 0px -10px 20px -10px;}
.ReloginWrapper .loginInputWrapper{justify-content: center;}
/*===================================================================
Relogin UI End
===================================================================*/

/*===================================================================
Loading Icon Start
===================================================================*/

#loadingIconInet {display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;
          background: url(../img/BOSS-LoadingICon.gif) center no-repeat;  background-color: rgba(192,192,192,0.3); z-index:2000}
#loadingIconInet {background: var(--Img_LoadingIcon) center no-repeat; }

#modalLoadingIconInet {display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;
          background: url(../img/BOSS-LoadingICon.gif) center no-repeat;  background-color: rgba(192,192,192,0.3);}
#modalLoadingIconInet {background: var(--Img_LoadingIcon) center no-repeat;}

#divLoadingIconInet {display: none;position: absolute;left: 0px;top: 0px; bottom:0px; width: 100%;
          background: url(../img/BOSS-LoadingICon.gif) center no-repeat;  background-color: rgba(192,192,192,0.3);}
#divLoadingIconInet {background: var(--Img_LoadingIcon) center no-repeat;}

/*===================================================================
Loading Icon End
===================================================================*/

/*===================================================================
Common Start
===================================================================*/

.search-icon{
    width:25px;
    height:25px;
    background:url(../img/BOSS_iNET_Icon_25px.png) no-repeat;
    background-position:0px -200px;
    border:none;
    margin-top: 5px;
    margin-right: 5px;
}

.search-icon:hover{
    background-position-y: -225px;
}

.no-data-icon{
    background: url(../img/NoData_White_Transparent.png) no-repeat;
    background-position: center;
    background-size: auto;
    height: 100%;
}

.no-data-wthBackground-icon {
    background: url(../img/NoData_Grey.png) no-repeat;
    background-position: center;
    background-size: auto;
    height: 100%;
    margin-top: 35px;
}

.row-display-inline{
    display: flex;
    flex-direction: row;
    padding: 3px 0px;
    text-align:left;
}

.red-text{
    color: red;
}

.pink-text{
    color: #ea445f;
}

.light-gray-text {
    color: #b7b9bb;
}

.gray-text{
    color: #313131;
}

.blue-text{
    color: #3b63f8;
}

.text-bold{
    font-weight: bold;
}

.text-size-16{
    font-size: 16px;
}

.text-size-14{
    font-size: 14px;
}

.text-size-11{
    font-size: 11px;
}

.red-tag{
    background-color: #ea445f;
    color: #fff;
    border-radius: 50px;
    padding: 2px 5px;
    margin: 0px 10px;
    min-width: 55px;
    font-weight: normal;
    text-align:center;
}

.blue-tag{
    background-color: #3b63f8;
    color: #fff;
    border-radius: 50px;
    padding: 2px 5px;
    margin: 0px 10px;
    min-width: 70px;
    font-weight: normal;
    text-align:center;
}

.gray-tag{
    background-color: #b6b6b6;
    color: #fff;
    border-radius: 50px;
    padding: 2px 5px;
    margin: 0px 10px;
    min-width: 100px;
    font-weight: normal;
    text-align:center;
}

.gray-dot-icon:before{
    content:'';
    display:inline-block;
    width:10px;
    height:10px;
    background-image:url(../img/BOSS_iNET_Icon_10px.png);
    background-position: -90px -40px;
    float:left;
    margin: 4px;
    margin-left: 10px;
}

.back-icon:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
    background-position: -260px -320px;
    cursor:pointer;
}


.location-icon:before{
    font-family:'Glyphicons Halflings';
    content: "\e062";
    color:#FAA41A;
}

.salary-icon:before{
    font-family:'Glyphicons Halflings';
    content: "\e148";
    color:#FAA41A;
}

.experience-icon:before{
    content: '';
    margin-right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
    background-position: -240px -320px;
}

.profile-icon:before{
    content: '';
    margin-right: 10px;
    vertical-align: bottom;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
    background-position: -120px -320px;
}

.border-bottom-line{
    border-bottom: 1px #b7b9bb solid;
}

ul.gray-bullet{
    list-style-type: disc;
    color: #313131;
}

.padding-0{
    padding: 0px;
}

.margin-0{
    margin: 0px;
}

.margin-top-20{
    margin-top: 20px;
}

.JobDetailIconText {
    margin-left : 2px;
}
/*===================================================================
Common End
===================================================================*/

@media (max-width:1199px) {
    .footer-links {margin-top:10px;}
}

@media (min-width:1366px) {
    .main-content-wrapper > .container {width:100%}
}

@media (max-width:991px) {   
    .main-content {margin-left:0;} 
    .spnName{display:none;}
    .navAccountWrapper{margin-left:0;}
}

@media (max-width:767px) {
    .col-div-wrapper{width:calc(100% - 10px);margin-bottom: 5px;}
    .col-div-wrapper-full{margin-bottom: 5px;}
    .col-div-wrapper-full .col-text-wrapper{flex: 3;}
    .footer .text-left, .footer .text-right {text-align:center;}
    
    .form span {margin-bottom:0;}
    .form-group {margin-bottom:0;clear: both;}
    .form-button {text-align:center;}

    /*.formWrapper.hasNav{top:104px;}*/
    .sitemap{/*margin:7px 0 7px;*/font-size: 10px;}
    .section-header{padding:5px 0;font-size:18px;}
}

@media (max-width:599px) {
    .btnNavItem{width:100%;}
    .header .sitemap{display:none;}
}

@media (max-width:479px) {
    /*.header{height:40px;}*/
    .header{height:80px;}
    .imgLogo{width:100px;/*margin-top:16px;*/}
    .smallAccImg{height:35px;width:35px;}
    .footer{font-size:8px;}    
}