﻿
/*Mulitiselect css*/
  .lbltxt, .divtxt {
            color: #404040 !important;
            line-height: 25px;
            font-size: 15px;
            font-family:'Lato', sans-serif;
            text-align:left;
            font-weight: 700;
        }
  .divtxt{font-weight:400}
   ::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            font-size: 13px;
            opacity: 1; /* Firefox */
            color: #b3aaaa;
        }

        :-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-size: 13px;color: #b3aaaa;
        }

        ::-ms-input-placeholder { /* Microsoft Edge */
            font-size: 13px;color: #b3aaaa;
        }
        /* Tab style */

#scrollUp {
	bottom: 17px;
	right: 30px;
	width: 48px;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	text-align: center;
	color: white;
	background: #74b749;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: bottom 150ms linear;
	-moz-transition: bottom 150ms linear;
	-ms-transition: bottom 150ms linear;
	-o-transition: bottom 150ms linear;
	transition: bottom 150ms linear;
}
.errctrlblk {
    padding-top: 5px !important;
    font-size: 12px !important;
    font-weight: 400;
    color: red;
}
.errctrlblk.errCtrlRight {
    float: right;
    vertical-align: middle;
    padding-right: 15px;
}
.emp-errimg {
    background: url(/img/error-icon.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;vertical-align: sub;
}
input.btn.btn-primary {
    background: #207ebf;
    color: #fff;
    border-radius: 6px;
    padding: 5px 15px;
    border: none;
    font-size: 15px;
}
@media (max-width: 767px) {
	#scrollUp {
		display: none !important;
	}
}
        .pagetop{padding-top:30px; padding-bottom:30px;}
        .alnrgt{text-align:right;}
.multiselect-container > li > a > label > input[type=checkbox] {margin-top: 4px !important;margin-left: -10px;}
.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {margin-left: 30px;}
.multiselect-container > li.multiselect-group label {padding-left: 12px !important;}
.multiselect-container > li > a > label {cursor: default !important;padding-left: 16px !important;}
.multiselect-container.dropdown-menu > li > a {padding: 3px 0px !important;}
.multiselect-container > li > a > label > input[type=checkbox] {opacity: 1 !important;margin-top: 4px;}
.multiselect-selected-text {font-family: 'Lato', sans-serif !important;float: left !important;}
.dropdownbg {background-color: #ffffff !important;border: solid 1px #a5a4a5 !important;border-radius: 0px !important;}
.dropdown-menu {min-width: 138px !important;}

/*part 2*/
.hdn{display:none !important;}
.noLRpad {padding-left: 0px !important;padding-right: 0px !important;}.noLpad {padding-left: 0px !important;}.noRpad {padding-right: 0px !important;}.nomargin {margin: 0px !important;}.noLmargin{margin-left: 0px !important;}.noRmargin{margin-right: 0px !important;}
.mbt-5 {margin-bottom: 5px;}.mbt-10 {margin-bottom: 10px;}.mbt-15 {margin-bottom: 15px;}.mbt-25 {margin-bottom: 25px;}.mbt-50 {margin-bottom: 50px;}
.mtp-5 {margin-top: 5px;}.mtp-10 {margin-top: 10px;}.mtp-15 {margin-top: 15px;}.mtp-25 {margin-top: 25px;}.mtp-50 {margin-top: 50px;}.mrt-15 {margin-right: 15px;}
 .prt-25{padding-right:25px !important;}          
 .pad0{padding:0px  !important;}                                                                                                                     
body.newuibody {color: #404040 !important;font-family: 'Lato', sans-serif !important;font-weight: 400;background-color: #deebf5 !important;}
/*.page-content {color: #404040 !important;line-height: 25px;font-size: 13px;font-weight: 500; margin-top:3%;}*/
.list-group-item {position: relative;display: block;padding: .75rem 1.25rem;background-color: #fff;border: 1px solid rgba(0,0,0,.125);}
li.list-inline-item img {padding-right: 10px;}
li.list-inline-item span {color: white;font-size: 15px;font-family: 'Lato', sans-serif;}
ul.list-inline li.list-inline-item {min-width: 50px;padding: 12px 25px;}
li.list-inline-item.selected {background: #0468b5;max-height: 50px;height: 50px;border-bottom: 3px solid #fff;}
#menu li.list-inline-item.selected {-webkit-box-shadow: 0px 2px 9px -2px rgba(0,0,0,0.36);-moz-box-shadow: 0px 2px 9px -2px rgba(0,0,0,0.36);box-shadow: 0px 2px 9px -2px rgba(0,0,0,0.36);}
div#menu {height: auto !important;-webkit-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.36);-moz-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.36);box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.36);}
#centermenublk li span, #submenu span, #rightmenublk span {cursor: pointer;}#headerblk img#logo {height: 50px;}div#logoblk, div#centermenublk, div#rightmenublk {display: inline-block;float: left;}
div#centermenublk {padding: 0px;}
#headerSection3 {height: auto !important;-webkit-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.36);-moz-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.36);box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.36);}
.userimg img.menuimg {height: 30px;border-radius: 15px;width: 30px;padding-right: 0px;}
li.list-inline-item.userimg {padding: 0px !important;}
#rightmenublk .userimg img.menuimg {height: 25px;width: auto;margin-left: 16px;}
#rightmenublk ul.list-inline li.list-inline-item {height: 15px;min-width: initial;width: 20px;padding: 12px 15px;}
div#rightmenublk {float: right;padding-right: 50px;width: 175px;}
div#logoblk {width: 150px;height: 50px;}
div#centermenublk {width: Calc(100% - 325px);text-align: center;}
img.menuimg:before {top: 13px !important;font-family: 'FontAwesome';content: "\f078";position: absolute;left: auto;top: 13px;right: 2px;line-height: 1;color: #838382;font-size: 13px;right: -1px !important;}
div#submenu li.list-inline-item.selected {border-bottom: 3px solid #207ebf;}
div#submenu li.list-inline-item {height: 41px;min-width: 50px;padding: 9px 0px;background: transparent;margin: 0px 18px;}
div#submenu li.list-inline-item span {font-size: 14px;font-weight: 500;color: #818283;}
#centermenublk img.menuimg {height: 15px;vertical-align: middle;}
input#btnFetchResume, input#btnFetchResumeAdv {background: #207ebf;color: #fff;border-radius: 6px;padding: 5px 15px;border: none;font-size:15px;}

/*Advanced Fetch blk*/
button.collapsible {background: #f8f8f8;}
.collapsible {cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;}
.collapsible:hover {background: #f8f8f8;}
.collapsiblecontent {padding: 20px 18px 0 18px;display: none;overflow: hidden;}
.collapsiblecontentinner{padding: 0px 60px !important;}
.arrow {border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;}
.right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}.left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.down {transform: rotate(45deg);-webkit-transform: rotate(45deg);}.down.up {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

/*checkbox*/
.ChkboxBlk input {position: relative;top: 0;left: 0;display: inline-block;width: 16px;height: 16px;direction: ltr;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 2px;
border-collapse: separate;-webkit-transition: all 0.3s;transition: all 0.3s;margin-right: 10px !important;margin-top: -4px !important;vertical-align: middle;}
.row.mbt-15 {margin-bottom: 15px;}
span.ast {color: red;font-size: 13px;vertical-align: initial;}
.contUI, .contUIBlk {border-radius: 5px;padding: 5px 15px 6px 15px !important;width: 100%;font-size: 15px;color: #404040 !important; line-height:20px;}
.contUI {border: 1px solid #D2D2D2;background-color:#ffffff;}
  .pad{padding:30px 30px 5px 30px !important}
.contUIBlk {border: 1px solid #D2D2D2;padding: 5px 15px 6px 35px !important;background-color:#fff;text-align: left;}
input.ant-input.ant-input-lg.textBox {border: 2px solid #89CFFF;border-radius: 5px;padding: 3px 15px;width: 100%;border: 1px solid #D2D2D2;font-size: 15px;font-family: inherit;line-height: inherit;height: 33px;}
input.ant-input.ant-input-lg.textBox.active {border: 2px solid #89CFFF;font-family: inherit;line-height: inherit;height: 33px;}
.toptxt {color: #0468b5;font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 15px;}
/*keywordtextbox*/
input#txtLocation {padding: 3px 15px 3px 15px !important;}
#container {width: 100%;height: 35px;position: relative;}
#navi, #infoi,#navi2, #infoi2,#navi3, #infoi3 {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#infoi {float: right;width: 125px;left: Calc(100% - 125px);}
#infoi2 {float: right;width: 125px;left: Calc(100% - 125px);}
#infoi3 {float: right;width: 125px;left: Calc(100% - 125px);}
div#navi {width: Calc(100% - 110px);}
select#ddlAnyAll,select#ddlDisAnyAll {width: 120px;z-index: -1;float: right;background: #E5E5E5;border-left: 0px;}
select#ddlAnyAll option, select#ddlDisAnyAll option {background: #fff;}
input[type=checkbox] + label, input[type=radio] + label {color: #333;font-size: 15px;font-weight: normal;}
.ChkboxBlk label {margin-bottom: 10px;margin-top: 10px;font-weight: 400;}
.contUIBlk.blkHt225 {height: 185px;}
.tableblk,.page-content,.page-contentgrid {
    width: 80%;
    margin: 50px auto;
    margin: 25px auto;
    /*background-color: #deebf5;*/
    border-spacing: 0;
    border-collapse: collapse;
    color: #404040 !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    font-size: 15px;
}
.page-contentgrid{width:90%;}
.grey-bg{
    background: #f8f8f8;
    padding: 50px 125px;
    border-radius: 6px;
    height: auto !important;
    -webkit-box-shadow: 0px 0px 8px 5px #63616124;
    -moz-box-shadow: 0px 0px 8px 5px #63616124;
    box-shadow: 0px 0px 8px 5px #63616124;
    float: left;
    width: 100%;
}
.grey-bg{padding:20px 40px;}
.btn-newui{
    background: #207ebf;
    color: #fff;
    border-radius: 6px;
    padding: 5px 15px;
    border: none;
    font-size: 15px;
}
.collapsiblecontentinner{padding: 0px 15px !important;}
.collapsible span.toptxt {padding: 0px !important;}
div#navi {width: Calc(100% - 75px);}
.block1 .blueBrdLeft {padding-right: 25px;}
}
.block1 .blueBrdLeft{
        border-left: 5px solid #3fa5ec;
    padding-right: 50px;
}

.block1 .blueBrdLeft, .block1 .NoBrdLeft {
        background: #f8f8f8;
    padding: 50px 25px;
    border-radius: 6px;
    height: auto !important;
    -webkit-box-shadow: 0px 0px 8px 5px #63616124;
    -moz-box-shadow: 0px 0px 8px 5px #63616124;
    box-shadow: 0px 0px 8px 5px #63616124;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.form-row input, .form-row select, .form-row textarea, .form-row select2{margin-bottom:25px;}
.astr{padding-right: 5px;
    font: bold 14px 'Lato', sans-serif !important;
    color: #ff0000;}

 .haserror {
    border-color: #ff0000 !important;
    background-image: url(/img/error-icon.png) !important;
   background-position: right 19px center !important;
    background-repeat: no-repeat;
}
          .yui-skin-sam .yui-ac {
    position: relative;
    font-family: 'Lato', sans-serif !important;
    font-size: 15px!important;
}
   .yui-skin-sam .yui-ac-content li {
    padding: 2px 15px !important;
}
.contUI input[type=radio] {
    margin-right: 10px;
}

           #loadingdiv {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
            background-color:#FFFFFF;
            opacity: 1.1;
        }
        .ajax-loader {
            position: absolute;
            left: 50%;
            top: 200px;
            display: block;
        }
        
.collapsiblecontentinner{padding: 0px 15px !important;}
.collapsible span.toptxt {padding: 0px !important;}
div#navi {width: Calc(100% - 75px);}
div#navi2 {width: Calc(100% - 75px);}
div#navi3 {width: 100%;}
.block1 .blueBrdLeft {padding-right: 25px;}
#emp-maincontent{margin:0% 0% !important;}
.contUI {padding: 5px 5px 6px 15px;}
/*page title tab style*/
div.pagetitleblk {margin-top: 1px;float: left;background: transparent !important;color: #404040 !important;font-family: 'Lato', sans-serif !important;}
div.pgtitleinner {background: #f8f8f8;padding: 10px 40px;border-top-left-radius: 5px;border-top-right-radius: 5px;border: 0px solid #d2d2d2;z-index: 999;float: left;height:40px;}
.pgtitleblk .pgtitleinner h1,
#sResults.pgtitleblk .pgtitleinner h1,
.pgtitleblk .pgtitleinner a.pagetopTabtxt,
.pgtitleblk .pgtitleinner a.aspNetDisabled {margin: 0px !important;color: #165c98;font-family: 'Lato', sans-serif !important;font-size: 16px;font-weight: 600;padding: 3px 0px 7px 0px;text-decoration:none;}
div.table-bg.grey-bg, div.grey-bg {margin-top: -2px;border-top-left-radius: 0px;-webkit-box-shadow: 0px 10px 8px 5px #63616124;-moz-box-shadow: 0px 10px 8px 5px #63616124;box-shadow: 0px 10px 8px 5px #63616124;}
.pgtitleblk div.pgtitleinner.active,.pgtitleblk div.pgtitleinner.emp-ir,.pgtitleblk div.pgtitleinner.emp-tpr,.pgtitleblk div.pgtitleinner.emp-dhr,.pgtitleblk div.pgtitleinner.summary-white.png,.pgtitleblk div.pgtitleinner.emp-fr,.pgtitleblk div.pgtitleinner.emp-US,.pgtitleblk div.pgtitleinner.emp-SmartResume,.pgtitleblk div.pgtitleinner.emp-DisResume,.pgtitleblk div.pgtitleinner.emp-GeoResume,.pgtitleblk div.pgtitleinner.emp-Global {-webkit-box-shadow: 0px 0px 8px 5px #63616124;-moz-box-shadow: 0px 0px 8px 5px #63616124;box-shadow: 0px 0px 8px 5px #63616124;background: #f8f8f8;}
.pgtitleblk div.pgtitleinner.inactive,.pgtitleblk div.pgtitleinner.emp-irDisable,.pgtitleblk div.pgtitleinner.emp-tprDisable,.pgtitleblk div.pgtitleinner.emp-dhrDisable,.pgtitleblk div.pgtitleinner.emp-summaryDisable,.pgtitleblk div.pgtitleinner.emp-frDisable,.pgtitleblk div.pgtitleinner.emp-USDisable,.pgtitleblk div.pgtitleinner.emp-DisResumeDisable,.pgtitleblk div.pgtitleinner.emp-SmartResumeDisable,.pgtitleblk div.pgtitleinner.emp-GeoResumeDisable,.pgtitleblk div.pgtitleinner.emp-GlobalDisable {/*background: #f8f8f894;*/background: #f3f1f1;border-bottom: 3px solid #d6e2ec99;}
.pgtitleblk div.pgtitleinner:not(:first-child) {margin-left: 10px;}

/*page title tab style - END */
.agnrgt{text-align:right;}
 .navLinkColor{color:#1e3287 !important; font-weight:normal !important; text-decoration:underline !important; vertical-align:middle !important;}
 .widget {
    background: #fafafa;
    border: 1px solid #cfcfcf;
    clear: both;
    margin-top: 0px;
    margin-bottom: 30px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}.widget .widget-header {
    height: 37px!important;
}
 .widget .widget-header {
    background-color: #e8e8e8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e8e8e8));
    background-image: -webkit-linear-gradient(top, #fcfcfc, #e8e8e8);
    background-image: -moz-linear-gradient(top, #fcfcfc, #e8e8e8);
    background-image: -ms-linear-gradient(top, #fcfcfc, #e8e8e8);
    background-image: -o-linear-gradient(top, #fcfcfc, #e8e8e8);
    background-image: linear-gradient(top, #fcfcfc, #e8e8e8);
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #cfcfcf;
    height: 42px;
    padding: 0 15px;
    line-height: 42px;
}
 .widget .widget-body {
    padding: 20px;
    border-bottom: 1px solid #b3b3b3;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}
 .txtinfo {font-size: 12px;padding-top: 5px;}
 .modal{right: inherit !important;
    bottom: inherit  !important;
    overflow: inherit  !important;}

 /*Popup style start*/

          .popupset {
     width: 404px;
     padding-bottom: 2px;
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
     /*-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
    box-shadow:rgb(38 161 206) 0px 0px 10px;*/
     border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; 
     
}
           .boxpopupset{
            
     padding-bottom: 2px;
    display:none;
                 background: rgb(255, 255, 255);
    position: absolute;
    padding: 15px;
    height: auto;
    text-align: center;
     border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: rgb(38 161 206) 0px 0px 10px;
           }
        #lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
 .popup-header {margin:0;padding:0;background-color:#4e8abe; padding: 18px 18px 14px 18px; 
                border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
 .loadingpopupwidth
     {
         width:300px;
       
     }
  .popupwidth
     {
         width:560px;
         min-width:300px;
     }
	  .smpopupwidth {         
         width:400px;
         min-width:300px;
  }
  .popupwidget {
      border:0!important;
  }  
  .popupheader  {
      background-color: #337ab7!important;
    border-color: #2e6da4!important;
    background-image:none!important;
  }
  .popupwidget .popupheader .popuptitle{
      color: #fff!important;
              font-family:'Lato', sans-serif !important;
  }
  .popupclose{
      color: #fff!important;
  }
     @media (max-width:600px){
         .popupwidth
     {
       width:340px;
       left: 0 !important;
       margin-left: 20px !important;
     }
      .smpopupwidth
     {
       width:340px;
       left: 0 !important;
       margin-left: 20px !important;
     }
}
        @media (min-width:601px) and (max-width:991px) {
            .popupwidth {
                width: 460px;
                min-width: 300px;
            }
            .smpopupwidth {
                width: 460px;
                min-width: 300px;
            }
        }
        .modal_close {
            position: absolute;
            top: -10px;
            right: -12px;
            display: block;
            width: 25px;
            height:24px;
            background: url(/emp-img/popup-close-icon.png) no-repeat;
            z-index: 2;
        }

 /*End*/


@media(min-width:1601px){

}
@media (max-width:1600px) {
.contUIBlk {padding: 5px 5px 6px 40px !important;}
.contUI {padding: 5px 5px 6px 15px !important;}
select.contUI {padding: 5px 5px 6px 10px !important;}
button.multiselect.dropdownbg.btn.btn-default {height: 30px;padding: 3px 10px;}
}

@media (max-width:1440px) {
.contUI, .contUIBlk {padding: 5px 5px 6px 15px !important;}
select.contUI {padding: 5px 5px 6px 10px !important;}
button.multiselect.dropdownbg.btn.btn-default {height: 30px;padding: 3px 10px;}
}

@media (max-width:1366px) {
.contUI, .contUIBlk {padding: 5px 5px 6px 15px !important;}
select.contUI {padding: 5px 5px 6px 10px !important;}
button.multiselect.dropdownbg.btn.btn-default {height: 30px;padding: 3px 10px;}

}
@media (min-width:1200px) and (max-width:1366px) {
.contUI, .contUIBlk {padding: 5px 5px 6px 15px !important;}
select.contUI {padding: 5px 5px 6px 10px !important;}
button.multiselect.dropdownbg.btn.btn-default {height: 30px;padding: 3px 10px;}
}
@media (min-width:1025px) and (max-width:1199px) {

}
@media (max-width:1024px){
.contUI, .contUIBlk {padding: 5px 5px 6px 15px !important;}
select.contUI {padding: 5px 5px 6px 10px !important;}
button.multiselect.dropdownbg.btn.btn-default {height: 30px;padding: 3px 10px;}
}

@media (max-width:991px){

     .page-content {
        width: 95%;
        margin: 30px auto;
    }
    .grey-bg{
        padding:15px;
    }
    .pad{padding:10px 10px 5px 10px !important; margin:0px !important;}
}
@media (max-width:767px) {
    .tableblk {
    width: 95%;
    margin: 10px auto;

}
    .agnrgt{text-align:left !important;}
.collapsiblecontentinner{padding: 0px 15px !important;}
.collapsible span.toptxt {padding: 0px !important;}
div#navi {width: Calc(100% - 75px);}
div#navi2 {width: Calc(100% - 75px);}
div#navi3 {width: Calc(100% - 75px);}
.block1 .blueBrdLeft {padding-right: 25px;}
  
}

