/* CUSTOM FONTS INTEGRATION */
/* Proxima Nova Fonts */
@font-face {
 font-family: 'proxima_nova';
 src: url('../custom_fonts/proximaNovaRegular.eot');
 src: url('../custom_fonts/proximaNovaRegular.eot?#iefix') format('embedded-opentype'), url('../custom_fonts/proximaNovaRegular.woff') format('woff'), url('../custom_fonts/proximaNovaRegular.ttf') format('truetype'), url('../custom_fonts/proximaNovaRegular.svg#proxima_nova_altregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'proxima_nova_semibold';
 src: url('../custom_fonts/proximaNovaSemibold.eot');
 src: url('../custom_fonts/proximaNovaSemibold.eot?#iefix') format('embedded-opentype'), url('../custom_fonts/proximaNovaSemibold.woff2') format('woff2'), url('../custom_fonts/proximaNovaSemibold.woff') format('woff'), url('../custom_fonts/proximaNovaSemibold.ttf') format('truetype'), url('../custom_fonts/proximaNovaSemibold.svg#proxima_nova_ltsemibold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'proxima_nova_bold';
 src: url('../custom_fonts/proximaNovaBold.eot');
 src: url('../custom_fonts/proximaNovaBold.eot?#iefix') format('embedded-opentype'), url('../custom_fonts/proximaNovaBold.woff') format('woff'), url('../custom_fonts/proximaNovaBold.woff') format('woff'), url('../custom_fonts/proximaNovaBold.ttf') format('truetype'), url('../custom_fonts/proximaNovaBold.svg#proxima_nova_bold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'proxima_nova_light';
 src: url('../custom_fonts/proximaNovaThin.eot');
 src: url('../custom_fonts/proximaNovaThin.eot?#iefix') format('embedded-opentype'), url('../custom_fonts/proximaNovaThin.woff') format('woff'), url('../custom_fonts/proximaNovaThin.ttf') format('truetype'), url('../custom_fonts/proximaNovaThin.svg#proxima_nova_ltthin') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*html, body{ height:100%;}*/

/*navbar start*/
body{font-family: "proxima_nova"; font-size:13px; background:#ecf0f3;}
body.bg{ background:url(../images/login-bg.svg) no-repeat; background-size:cover;}
.bg .navbar-dark .navbar-toggler{ display:none;}
.bg-dark {background-color: #206199 !important;}
.bg-inverse {background-color: #206199!important;background: linear-gradient(135deg, #0143a3, #0273d4) !important;}
.mainNav .navbar {padding: 0rem 1rem;}
.navbar-dark .navbar-brand {margin-left: 10px;}
.nav-item {white-space: nowrap;}
.mainNav .navbar-dark .navbar-nav .nav-link {font-size: 16px;padding: 15px 24px;color: #fff;position: relative;}
.search-header{ float:left; width:350px; margin-top:0px; position:relative;}
.search-header input{ background-color:#fff; border:none; padding:5px 36px 5px 10px; border-radius:3px; font-size:13px; width:100%; height:32px; border:solid 1px #B0C2D5;}
.header-search-icon{ background:url(../images/search-icon.png) no-repeat; width:20px; height:20px; position:absolute; right: 10px; top:8px;}
.search-remove-icon{width:20px; height:20px; position:absolute; right: 10px; top:8px;}
.mainNav .navbar-nav a{font-size:14px; padding: 15px 10px; display:block;}
.leftNav {margin-left: 100px;}
.navbar-dark .navbar-nav.leftNav .nav-link{font-family: 'proxima_nova_semibold';font-size: 15px;}
.navbar-right .dropdown-toggle i.fa { font-size: 18px;}
.navbar-right .dropdown.show > a{color: #fff;background: #2296f1;}
.navbar-default .dropdown-menu { box-shadow: 0 1px 16px rgba(0, 0, 0, 0.3);}
.navbar .dropdown-menu {background: #ffffff;margin-right: -8px; }
.navbar-nav > li > .dropdown-menu { border-radius:0px; margin-top:0px;box-shadow: 0 1px 16px rgba(0, 0, 0, 0.3);}
.navbar .dropdown-menu:after, .refDropR .dropdown-menu:after {bottom: 100%;left: 15%; right:auto;border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-color: rgba(255, 255, 255, 0);	border-bottom-color: #ffffff;	border-width: 10px;	margin-left: -10px;}
.navbar-right  .dropdown-menu:after, .refDropR .dropdown-menu:after {left:auto; right: 10%;}
.refDropR .dropdown-menu{box-shadow: 0 1px 16px rgba(0, 0, 0, 0.3); border:none; margin-top:7px;}
.navbar-right  .dropdown-menu{ margin-top:0px!important;}
.navbar-right .dropdown a { color:#fff; font-size:13px;}
.navbar-right .dropdown .dropdown-menu > li > a{padding: 3px 15px 6px; display:block; margin-top:0; color:#333; text-decoration:none;}
.left-nav .dropdown-menu > li > a{padding: 3px 15px 6px; display:block;}
.navbar-right  li:nth-child(4) .dropdown-menu{ width:220px;}
.mainNav .navbar-nav .dropdown-menu > a{ color:#333;padding: 4px 10px;}
.userName .dropdown-toggle::after{position: relative;top: 4px;font-size: 16px;}
.userName>a:hover{ text-decoration:none;}
.mainNav .navbar-nav > .active > a, .mainNav .navbar-nav > .active > a:focus, .mainNav .navbar-nav > .active > a:hover {background: #2296f1!important;}
.mainNav .navbar-nav > .active > a:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;
border-color: rgba(57, 155, 255, 0);border-top-color: #2296f1;border-width: 7px;margin-left: -7px;z-index: 1;}
.userIcon>i { color:#cbd6e2;}
.userTitle{font-size: 14px;color: #fff;padding: 13px 15px;}
.refHead{float:left; width:100%; display:flex;margin-bottom: 20px;margin-top: 10px;}
.refTitle-1{ font-size:20px; color:#172B4D;}
.searchRow{ float:left; width:100%; padding:0px;}
.navbar-right .dropdown .dropdown-menu > li > a:hover{color: #007bff;}

.userIcon{ float:left; width:30px; height:30px; border-radius:50px; background:#fff;margin-top: 10px;padding: 5px !important;text-align: center}
.contBody{ float:left; width:100%; padding:20px 25px; margin-top:52px;}
.signB{margin:20px auto; overflow:hidden; width: 100%;max-width: 460px;}
.sMTitle-1{ font-size:26px; width:100%; margin-bottom:15px;text-align: center; color:#091E42;}
.signBox{ background:#fff; border-radius:6px; width:100%; max-width:440px; padding:40px 50px; float:left;box-shadow: 0 0 12px rgb(0 0 0 / 15%); margin:10px;}
.title-1 {font-family: 'proxima_nova_bold';color: #091e44;font-size: 22px;line-height: 34px;margin: 0 auto;margin-bottom: 25px;}
.signIn-row {float: left;width: 100%;margin-bottom: 20px;position: relative;}
.signIn-row input {background: #fff;width: 100%;border: solid 2px #b3bac5;border-radius: 3px;padding: 5px 10px;height: 40px;}
.form-control, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus { box-shadow: none; border-color:#3f82db; background:#f4f5f7; }
.errorText{ font-size:12px; color:#F00;}
.form-control:focus {background: #f4f5f7; box-shadow: none; outline: medium none;border: solid 2px #3f82db;}
.signForgot {float: right;min-width: 130px;margin-top: 5px;font-size: 12px;font-family: 'proxima_nova_semibold';}
.saveBtn{border: solid 0px #0052cc;background: #0052cc;padding: 10px 14px;text-align: center;color: #fff;border-radius: 4px;float: left;width: 100%;
margin: 10px 0;font-family: 'proxima_nova_semibold';font-size: 14px;}
.sign-or {background: #fff;text-align: center;width: 320px;padding: 5px;color: #666;margin: 5px auto auto;margin-bottom: 10px; position:relative; z-index:1; text-align:center;}
.sign-or span{ display:inline-block; background:#fff; padding:3px 15px;}
.sign-or:after { background:#e4e4e4; height:2px; position:absolute; width:100%; left:0; content:"";top: 18px;z-index: -1;}
.workforceLogo{ width:120px; border:solid 1px #B3BAC5; border-radius:3px; padding:4px 10px; margin:10px auto 0;}
.workforceLogo a{ display:block;}

.dbList{ float:left; width:100%;}
.dbBl{ background:url(../images/dbLBg.svg) no-repeat left 50px; border-radius:6px; width:31.5%; color:#fff; min-height:140px; padding:15px 20px;float: left;margin-right: 2%;background-size: 100% auto;}
.dbBl:last-child{ margin-right:0;}
.dbBox-1{background-color:#085394; }
.dbBox-2{background-color:#6aa84f; }
.dbBox-3{background-color:#10a0d4; }
.dbBox-4{background-color:#391d80; }
.dbBoxHead{ float:left; width:100%; display:flex;border-bottom: solid 1px rgba(255,255,255,0.2);padding-bottom: 10px;}
.dBIcon{ border-radius:50px; width:36px; height:36px; text-align:center; margin-right:10px; background:rgba(255,255,255, 0.1); font-size:20px;line-height: 34px;}
.dBTitle-1{ font-size:18px;margin-top: 5px;}
.dBNumT{ padding:15px 20px 5px; text-align:center; font-size:30px;font-family: 'proxima_nova_semibold';float: left;width: 100%;}
.refDropR{ margin-left:auto; float:right;}
.refDropR .dropdown{ float:left; margin-left:25px;}
.refDropR .dropdown .dropdown-item{padding: .25rem 1rem;font-size: 13px;}
.refDropR .dropdown a.dropdown-toggle{font-family: 'proxima_nova_semibold'; color:#172B4D;}
.refDropR .dropdown a.dropdown-toggle:hover, .refDropR .dropdown-menu a:hover{color: #007bff;}
.refDropR i.arrowDown{ background:url(../images/listview-icons.svg) no-repeat -80px -94px; width:16px; height:10px;display: inline-block;}
.refDropR .dropdown a:hover i.arrowDown{ background-position:-64px -94px;}
.jbList{float:left; width:100%; padding:0;}
.jbLR{ width:100%; float:left; background:#fff;box-shadow: 0px 1px 2px #00000029;border-radius: 3px; padding:10px 15px; margin-bottom:15px;}
.jbLR table{ width:100%;}
.jbLR table tr td{ padding:3px 5px; font-size:13px;}
.refTitle-2{ font-size:14px;}
.refLab-1{ color:#4C5E7B;}
.refLab-2{ color:#172B4D;font-family: 'proxima_nova_semibold';}
a.refBtn-1{ float:right; border:solid 1px #026cce; padding:5px 10px; border-radius:3px; color:#026cce; width:120px; text-align:center;}
a.refBtn-1:hover{ background:#026cce; color:#fff; text-decoration:none;}


.dataListB{ float:left; width:100%; padding:0;}
.listTBox{ border:solid 1px #d2dae2; float:left; width:100%;box-shadow: 0 0 8px #dce2e6;background: #fff;border-radius: 4px;overflow-x: auto;}
table.tLV21{ width:100%; border-collapse:collapse;}
table.tLV21 thead tr th{ text-transform:uppercase; font-size:12px; color:#212121; padding:9px 10px;white-space: nowrap;font-weight: normal;background: #e7f1f5;}
table.tLV21 thead tr th:first-child{ border-radius:3px 0 0 0;}
table.tLV21 thead tr th:last-child{ border-radius:0 3px 0 0;}
table.tLV21 tbody tr td{ font-size:13px; color:#666; padding:9px 10px;white-space: nowrap;}
table.tLV21 tbody tr td input[type=checkbox], table.tLV21 thead tr th input[type=checkbox]{ margin:0;}
table.tLV21 tbody tr td{ border:none;}
table.tLV21 thead tr th{ border-bottom:solid 1px #d6dde9;}
table.tLV21 tbody tr{ border-bottom:solid 0px #d6dde9;}
table.tLV21 tbody tr:hover{ background:#f7f7f7;}
table.tLV21 tbody tr td:last-child.actIcon a{ float:left; margin-right:7px;}

table.tLV21 tbody tr:hover .editActive{ display:inline-block; visibility:visible;}
.lColF{ font-size:11px; color: #4285F4;display: inline-block;}
.lFdD .dropdown-menu { box-shadow: 0 1px 12px rgba(0, 0, 0, 0.16);border:solid 1px #BECDD8; border-radius:3px;background: #ffffff;margin-right: -8px; margin-top:8px; padding:0;padding-bottom: 10px; width:400px; left: -46px;transform: initial !important;left: -45px!important; top:10px!important;}
.lFdD > li > .dropdown-menu { border-radius:0px; margin-top:0px;box-shadow: 0 0px 8px rgba(0, 0, 0, 0.16); }
.lFdD .dropdown-menu:after {bottom: 100%;left:42px; right:auto;border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-color: rgba(255, 255, 255, 0);	border-bottom-color: #ecf0f3;	border-width: 8px;	margin-left: 0px;}
.lFdD .dropdown-menu:before{ bottom: 100%;left: 39px; right:auto;border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-bottom-color: #e2eaf3;	border-width: 8px;	margin-left: 2px; border-color: rgba(190, 205, 216, 0); border-bottom-color: #BECDD8; border-width: 9px;  }

.lFdDH{ float:left; width:100%; background:#ecf0f3; padding:15px;}
.lFBox{ border-radius:3px; padding:6px 8px; margin-right:8px; border:solid 1px #b0c2d5; float:left; color:#172b4d; font-size:13px;font-family: "proxima_nova";font-weight: normal;line-height: 18px;text-transform: capitalize;}
.lFBox input[type=checkbox]{ float:left; margin-right:5px!important;}
.lFdive{ float:left; width:1px; height:30px; background:#bac9d9;margin-right: 10px;}
.lFdDB{float:left; width:100%; background:#fff; padding:15px;font-family: "proxima_nova";font-weight: normal; text-transform:none;}
.lFdDF{float:left; width:100%; background:#fff; padding:10px 15px; border-top:solid 1px #becdd8;font-family: "proxima_nova";font-weight: normal; text-transform:none;}
.lFdDBtns{ float:left;}
.lFSave{background: #4285f4;border: none;border-radius: 3px;color: #fff;cursor: pointer;float: left;font-family: "proxima_nova";font-size: 13px;
padding: 4px 14px;text-decoration: none;border: solid 1px #4285f4;margin-right: 5px;}
.lFCancel{background: none;border: solid 1px #c9c9c9;border-radius: 3px;color: #aaa;cursor: pointer;float: left;font-family: "proxima_nova";padding: 4px 14px;
text-decoration: none;font-size: 13px;min-height: initial;}
.lFClose{padding: 5px 12px;text-decoration: underline; float:left;font-family: "proxima_nova";font-size: 14px;}
.lSaveNow{padding: 4px 12px;text-decoration: underline; float:left;}

.formIBC1 { display:flex; width:100%; flex-wrap: wrap; border: none; margin:0; padding:0; margin-bottom: 10px; padding-bottom: 20px; }
.formIBC1 li { width:100%; margin-right:0%; margin-top: 15px; list-style-type:none;}
.iconInput {position: relative;}
.formIBC1 li .formIR { max-width: 100%;}
.formLab-1 {color: #999;font-size: 12px;width: 100%;padding-bottom: 5px;}
.formLab-2 {color: #333;font-size: 12px;width: 100%;}
.iconInput i {position: absolute;right: 8px;top: 6px;font-size: 14px;color: #999;}
.formInput {width: 100%;padding: 5px 5px;border: solid 1px #dbe1e8 !important;outline: none !important;background-color: #f8f8f8;margin: 0;height: 27px;
font-size: 12px;}
.iconInput .formInput {padding-right: 40px;}
.lFdD .dropdown-toggle{font-size: 10px;}
.dropdown-toggle::after { display:none;}

.tLV21 thead th:nth-last-child(-n+5) .lFdD .dropdown-menu
{ box-shadow: 0 1px 12px rgba(0, 0, 0, 0.16);border:solid 1px #BECDD8; border-radius:3px;background: #ffffff;margin-right: -8px; margin-top:5px; padding:0;padding-bottom: 10px; width:400px; left:auto!important; right: -38px; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.16); }

.tLV21 thead th:nth-last-child(-n+5) .lFdD .dropdown-menu:after 
{bottom: 100%;left:auto; right:42px;border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-color: rgba(255, 255, 255, 0);	border-bottom-color: #ecf0f3;	border-width: 8px;	margin-left: 0px;}

.tLV21 thead th:nth-last-child(-n+5) .lFdD .dropdown-menu:before
{ bottom: 100%;left:auto; right:41px;border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-bottom-color: #e2eaf3;	border-width: 8px;	margin-left: 2px; border-color: rgba(190, 205, 216, 0); border-bottom-color: #BECDD8; border-width: 9px;  }



.lTpagN{ display:flex; width:100%; text-align:left;padding-top: 20px;padding-bottom: 10px;}
.tLPn{ margin:0 auto;font-family: 'proxima_nova_semibold';display:flex;justify-content: center;align-items: center;}
.tLpnLink{ float:left;}
.tLpnLink a{ color:#263749; font-size:15px;margin:0 3px; display:inline-block;padding: 0px 7px; float:left;}
.tLpnLink a:hover{ color:#4285f4;}
.tLpnLink a.active{ color:#fff; background:#4285f4; border-radius:3px; padding: 0px 7px;}

.listIcon{background:url(../images/listview-icons.svg) no-repeat;}
.pAroF{background-position: -32px -92px;width: 16px;height: 16px;display: inline-block;margin-top:2px;}
.pAroF:hover{background-position: -48px -92px;}
.pAroPre{background-position: -36px -92px;width: 12px;height: 16px;display: inline-block;margin-top:2px;}
.pAroPre:hover{background-position: -52px -92px;}

.pAroL{background-position: 0px -92px;width: 16px;height: 16px;display: inline-block; margin-top:2px;}
.pAroL:hover{background-position: -16px -92px;}
.pAroNex{background-position: 0px -92px;width: 12px;height: 16px;display: inline-block;margin-top:2px;}
.pAroNex:hover{background-position: -16px -92px;}
.tLpnDropB{float:left; margin: 0 0 1rem 15px;}
.tLpnDropB select{ width:110px;min-height: auto;height: auto;font-family: 'proxima_nova'; font-size:13px;background-color: #f8f8f8;border-radius: 0;
border: solid 0px #d6dce8!important;outline: #d6dce8 solid 1px!important;padding: 2px 5px;}

.modal-content{ border-radius:0;}
.modal-header {background: #f8f8f8;border-bottom: solid 1px #eee;padding: 10px 20px;}
.modal-header .close {padding: 0.3rem 1rem;margin: 0rem -1rem 0rem auto;}
button:focus{ outline:none;}
.pop-btn { min-height: 32px; padding: 2px 18px 4px; display:block; border:solid 1px #c4c4c4; color:#3c3c3c; text-decoration:none; border-radius:3px; font-size:15px; background:#fff; display:inline-block; cursor:pointer; }
.close-icon { background:url(../images/svgicons.svg) no-repeat -276px -98px; height:20px; width:20px; cursor:pointer; display:inline-block; margin-top:0px; }
.close { opacity:0.7; }
.green-button { -moz-box-shadow:inset 0px 1px 0px 0px #a4e271; -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271; box-shadow:inset 0px 0px 2px 0px #a4e271; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809)); background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%); background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%); background:-o-linear-gradient(top, #89c403 5%, #77a809 100%); background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%); background:linear-gradient(to bottom, #89c403 5%, #77a809 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809', GradientType=0);
background-color:#89c403; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #74b807; display:inline-block; cursor:pointer; color:#ffffff; font-size:15px; text-decoration:none; min-height: 32px; padding: 2px 18px 4px; }
.green-button:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403)); background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%); background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%); background:-o-linear-gradient(top, #77a809 5%, #89c403 100%); background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%); background:linear-gradient(to bottom, #77a809 5%, #89c403 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403', GradientType=0);
background-color:#77a809; }

.companyListB{ display:flex; max-width:1000px; margin-left:auto; margin-right:auto; margin-top:50px;}
.companyListB ul{ margin:0; padding:0; float:left; width:100%; display:flex;flex-wrap: wrap;justify-content: center;}
.companyListB ul li{ list-style-type:none; background:#fff; border-radius:6px; box-shadow:0 0px 7px #d4dee4; padding:12px 15px 10px; width:23%; margin-right:2%; margin-bottom:2%;border:solid 1px #d4dee4; cursor:pointer;}
.companyListB ul li:hover{ border:solid 1px #2e5dff;box-shadow:0 0px 15px #c9d3d7;}
.companyListB ul li:nth-child(4n+0), .companyListB ul li:last-child{ margin-right:0;}
.cLogo{ float:left; width:100%; margin-bottom:5px;}
.cLogo img{ max-width:150px; width:100%;}
.cInfo{ float:left; width:100%; font-size:12px; color:#7d7d7d;line-height: 14px;padding: 5px 0;}
.cWeb{ float:left; width:100%;font-size:12px;}
.cWeb a:hover{ text-decoration:none;}

/*SVG Icons start*/
.listIcon{background:url(../images/listview-icons.svg) no-repeat;}
.dAro{ background-position: -464px -92px;width: 16px;height: 12px;display: inline-block;}
.lBars{background-position: -272px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 5px;}
.active>.lBars{background-position: -256px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 5px;}
.ldots{background-position: -240px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 4px;}
.active>.ldots{background-position: -224px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 4px;}
.lFilt-1{background-position: -288px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 5px;}
.lFilt-2{background-position: -400px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 0px; margin-top:5px;}
.dAroB{background-position: -66px -92px;width: 16px;height: 12px;display: inline-block;}
.sLMove{ background-position: -482px -92px;width: 12px;height: 16px;display: inline-block;margin-top: 1px; margin-right:10px; float:left; cursor:move; min-width:8px;}
.slClose{ margin-left:auto; cursor:pointer;background-position:-450px -92px;width: 16px;height: 16px;}
.notMove .sLMove{ opacity:0.2; cursor:not-allowed;}
.notMove .slClose{ display:none;}
.maxIteamL{color:#a5a5a5; width:100%; float:left;font-size: 10px;margin-top: -2px;}

.lPprev{background-position: -370px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 5px;}
.lPprev:hover{background-position: -386px -92px;}
.lPprev.disable{background-position: -354px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 5px;}

.lPNext{background-position: -302px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 5px;}
.lPNext:hover{background-position: -334px -92px;}
.lPNext.disable{background-position: -318px -92px;width: 16px;height: 16px;display: inline-block;margin-top: 5px;}
.modal-title .dtPagi{ margin-top:2px;}
.modal-title .dtPagi a{width: 28px;height: 22px; line-height:22px;}
.modal-title .lPprev{margin-top: 2px;}
.modal-title .lPNext{margin-top: 2px;}
.bLAro{background-position: 0 -2px;width: 30px;height: 24px;display: inline-block;margin-right: 10px;float: left;}




.pAroF{background-position: -32px -92px;width: 16px;height: 16px;display: inline-block;margin-top:3px;}
.pAroF:hover{background-position: -48px -92px;}
.pAroPre{background-position: -36px -92px;width: 12px;height: 16px;display: inline-block;margin-top:3px;}
.pAroPre:hover{background-position: -52px -92px;}

.pAroL{background-position: 0px -92px;width: 16px;height: 16px;display: inline-block; margin-top:2px;}
.pAroL:hover{background-position: -16px -92px;}
.pAroNex{background-position: 0px -92px;width: 12px;height: 16px;display: inline-block;margin-top:2px;}
.pAroNex:hover{background-position: -16px -92px;}
.dtPagT{ margin:0  15px 1rem 0;line-height: 20px; color:#586984; float:left; font-size:15px;}
 
/*SVG Icons end*/
.modal-title {font-size: 20px; font-family: 'proxima_nova_semibold';}
.relJTitle{ font-size:20px;}
.relJTitle span{ display:block; color:#999; font-size:14px;}
.refRow{ float:left; width:100%;}
.refjDes, .easyApForm{ overflow-y:auto;}
button.easyABtn{ border:none; width:auto; height:34px; border-radius:4px; background: #4285f4; color:#fff; text-align:center; font-size:14px;margin: 10px 0;}
.refBackBtn{ width:32px; height:26px; background:url(../images/listview-icons.svg) no-repeat 0 0; float:left; margin-right:6px;}
.relJTitle2{font-size:15px;}
ul.refSkilList{ margin:5px 0 0px 15px; padding:0 0 15px 0;}
ul.refSkilList li{ padding:5px 0;}
.easyApForm ul{ margin:0; padding:0; list-style-type:none;}
.import-contact-block label{ cursor: pointer; border:solid 1px #DBE1E8; border-radius:3px;display: inline-block;padding: 0 7px;width: 38px;height: 32px;float: left;margin-right: 7px; position:relative; overflow:hidden;}
.import-contact-block label input[type="file"]{ padding:5rem; margin:-2rem; position:absolute; opacity:0; cursor:pointer;}
.card-header{ padding:0; border:none; background:#f3f3f3;}
.card-header button{ background:none; padding:0; border:none; font-size:16px; width:100%; padding:10px 15px;}
.card-header button span{ color:#666;}
.myaccordion{ padding:30px 24px 0 0;}
.myaccordion .card{ margin-bottom:10px;border-radius: 4px; border: solid 1px #e4e4e4;}

table.tLV21 tbody tr:nth-child(even) {background-color: #f7f7f7;}
.ngx-pagination {
  display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.mat-snack-bar-container {
  margin-top: 67px !important;
}

.checkboxes label {
  display: flex;
  align-items: center;
}

.checkboxes input[type=checkbox], input[type=radio] {
  flex: none;
  margin-right: 5px;
  width: 17px;
}

table.tLV21 tbody tr:nth-child(even) {background-color: #f7f7f7;}
.refBtn-1{ float:right;}
.refBtn-1 .dropdown-toggle::after { display: inline-block;}
.refBtn-1 .btn{padding: .275rem .5rem;font-size: 13px;}
.refBtn-1 .dropdown-item{font-size: 13px;}
#jobWithdrawal .modal-footer .saveBtn{text-transform: capitalize;}

/*Switch company start*/
.innerpage-title { text-align: center; font-family: 'proxima_nova_light'; font-size: 26px;  color: #fff; clear:both; padding:30px 0 30px; font-weight:normal; line-height:34px;position: relative;}
a.cBox{ background:#fff; /*width:20%;*/ margin:25px; min-height:70px;display:inline-block; padding:20px; text-decoration:none; min-width:220px; border-radius:2px;box-shadow: 0 5px 10px rgba(0,0,0,.15); transition: all 0.4s ease-in-out 0s; position:relative; overflow:hidden; max-width:250px; margin-top:100px;}
a.cBox{ background:#fff;  margin:25px; min-height:70px;display:inline-block; padding:20px; text-decoration:none; min-width:220px; border-radius:2px;box-shadow: 0 5px 10px rgba(0,0,0,.15); transition: all 0.4s ease-in-out 0s; position:relative; overflow:hidden; max-width:250px; }
.clientLogo{ text-align:left; margin:0 0 20px 0; width:220px; height:40px;}
.clientName{ color:#666; font-size:16px; text-align:left;}
.clientName i{ float:right; color:#448aff; font-size:24px;}

a.cBox .mask { position:absolute; left:-300px; right:auto; top:0; bottom:0; height:100%; width:100%;
  background-color: rgba(0,0,0,0.6);  
   transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
     -o-transition: all 0.2s ease-in-out; /** Opera **/
} 
a.cBox:hover .mask {
   left:0;
   transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out; /** Opera **/
}
a.cBox.active .mask {
   left:0;
   transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out; /** Opera **/
}

.mask i{ font-size:40px; position:absolute; left:0; right:0; top:40%;  margin:auto; color:#fff!important;text-align: center;}
/*Switch company end*/

.jbLcB{ float:left; width:100%;}
.jbCodeT{ float:left; font-size:16px}
.shareJobTitle { font-size:26px; color: #007bff; text-decoration: none; background-color: transparent;}
.jbABtns{ float:right; margin-top:5px;}
.jbABtns a{ float:left; border:solid 1px #4285f4;background:#4285f4; color:#fff; font-size:12px; margin-left:10px; padding:5px 10px;line-height: 10px; border-radius:3px; margin-top:-5px; text-transform:none;}
.jbABtns a:hover{ color:#fff; text-decoration:none;background: #1864e3;border:solid 1px #1864e3; }
.jbLInfo{float:left; width:100%; display:flex; flex-wrap: wrap; margin-top:5px;}
.jbCol{ margin-right:35px; margin-bottom: 5px;border-right: solid 1px #d9d9d9;padding-right: 35px;}
.jbCol:last-child{ border:none; margin:0; padding:0;}
.jbDesT{ font-size:14px; color: #172B4D;font-family: 'proxima_nova_semibold'; margin-top:7px;}
.jbDesInfo{ font-size:13px; color:#666;}
.refLab-1{ color:#777; width:100%; display:block;}
.refLab-2{ color:#333;font-family: 'proxima_nova_semibold';width:100%; display:block;}
.modal.slidePopup.right{ padding-right:0!important;}

label.formLab-1{ margin-bottom:0;}
ul.searchbox{ list-style-type:none; padding-left:0;padding-bottom: 0;}
.ng-select .ng-select-container{min-height: 30px!important;border: solid 1px #dbe1e8 !important;outline: none !important; background-color: #f8f8f8!important;}
.ng-select.ng-select-single .ng-select-container { height: auto!important;}
.ng-select .ng-select-container, .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{ border-radius:0!important;}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{ box-shadow:none!important;}
.ng-dropdown-panel{border:solid 1px #dbe1e8 !important}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{ padding: 4px 10px!important;}

.nav-item .refer-friend {
  background: #2296f1;border: none;color: #fff;padding: 5px 10px;border-radius: 3px;float: left;margin-top: 9px;
}
.modal-footer.center {justify-content: center;}
.formActBtn.center button{margin: 0 5px 0 0;}

@media only screen and (max-width: 767px) {
  .dbBl{ width:48%; margin-bottom:10px;}
  .navbar-nav.navbar-right{ padding-left:25px;}
  .navbar-nav.navbar-right li{ float:left; width:auto;}
  .navbar-right li.userTitle{ padding-left:0; width:100%;}
  .search-header{width: 250px;}
}


@media only screen and (max-width: 400px) {
  .title-1 { font-size:18px;}
  .signBox{padding: 20px 30px;}
  .dbBl{ width:100%; margin-bottom:10px; margin-right:0;}
}

.cdk-overlay-container{z-index: 999999!important;}
.cancelBtn{border:0px; width:100%; padding: 8px 0; border: 1px solid #b3bac5; border-radius: 4px;}

.jbLcB .refDropR .dropdown-menu{padding: 8px 15px;}
.jbLcB .refDropR .dropdown-menu a{font-size: 13px; background: none; color: #007bff;font-family: "proxima_nova"; font-weight: normal;}
.jbLcB .refDropR .dropdown-toggle{padding: 3px 10px;}
 
caption {
  caption-side: inherit !important;
  text-align: inherit !important;
}

.modal-body.guideLineB td{
  padding: 5px;

}


/*Search box Start*/
.search{ position:relative;}
.search input{ width:100%; height:50px; background:#fff; box-shadow: 0px 1px 6px #00000029;border: 2px solid #2175D9;border-radius: 4px; padding:5px 30px 5px 15px; font-size:18px; margin-bottom: 10px;}
.sClose{position: absolute;top: 16px;right: 22px;cursor: pointer;opacity: 0.7;}
.sClose:hover{ opacity:1;}
.sBtn button{ width:100%; background:#2175d9; max-width:200px; color:#fff; border-radius:4px; height:50px; border:none; font-size:18px; text-align:center; padding:5px 10px;}
.sBtn button:hover{background:#1567c9;}
.dropSection{ display:flex; width:100%; margin:10px 0 20px;flex-wrap: wrap;}
.dropSection .mat-select, .dropSection input{ background:none; color:#0f1941; font-size:14px; border:solid 1px #A4B4CD!important; border-radius:4px; padding:5px 10px; margin:0px 10px 5px 0; outline:none;min-height: 32px;min-width: 150px;}
.dropSection .ms-drop input{min-height: inherit;}
.reset_filters {background:none;border-radius: 3px;height: 32px;min-width: 100px;text-align: center;line-height: 30px;border: none;
box-shadow: none;color: #E34949;font-size: 14px;border: none;}
.dropSection label{ display: none;}
.dropSection .mat-select{ width: 150px;}
.search .search-remove-icon{right: 10px; top: 14px; font-size: 16px;color: #ccc;}
.search .search-remove-icon:hover{color: #007bff;}
/*End Search box*/

.custCal .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 0;  border: none;    margin-right: 10px;}
.custCal .mat-form-field-appearance-legacy .mat-form-field-infix {padding: 0;margin: 0;border-top: 0 !important;border: none; position: relative; width: 130px;}
.custCal .mat-form-field-appearance-legacy .mat-form-field-underline{ display: none;}
.custCal .mat-form-field-suffix { top: 5px;right: 10px;font-size: 14px; position: absolute;}
.dropSection .custCal input.mat-input-element{margin-bottom: 0;margin-top: 0;border-radius: 3px;min-height: 32px;min-width: inherit; margin-right: 0;width: 100%;}

.custCal{ display: flex;}
.jobsDPic{ position: relative; width: 130px;margin-right: 10px;}
.jobsDPic .mat-datepicker-toggle{ position: absolute; top: 5px; right:5px; width: auto; height: auto;  line-height: inherit;} 
.jobsDPic .mat-icon-button{ width: auto; height: auto;  line-height: inherit;} 
.jobsDPic .mat-datepicker-toggle .mat-datepicker-toggle-default-icon{ width: 18px;} 
.jobsDPic .mat-button-focus-overlay{ background: none!important;}