/*this css file added for job requerment module*/


/*add new css for create new job opening page*/
.createJobSec {margin: 30px auto 30px auto; background: #fff; border-radius: 5px; padding: 35px 30px;}
.createJobSec h2 {font-size: 17px; font-weight: 500; margin:0px 0px 20px 0px; color: #000;}
.createJobSec .bkarrow img {margin: 0 10px; position: relative; top: 0;}
.formBlock .btnRow {padding: 10px 0px;}
.formBlock .cancelBtnB {font-size: 15px; height: 42px; margin-right: 20px;background-color: #e5e5e5; color: #9b9b9b; border:none;}


/*.formBlock .choosedpfile {margin-bottom: 20px;}
.formBlock .control-label {font-size: 14px;color: #050505;}
.formBlock .form-control {height: 48px;line-height: 48px;margin-bottom: 20px; color: #3e3e3e; border-radius: 4px; font-size: 14px;padding: 0 22px;background: #fff;}
.formBlock .selectfiled .form-control {padding: 0 22px; margin: 0; }
.formBlock .selectfiled .selectlevel:after {position: absolute; content: "\e911"; pointer-events: none; z-index: 1; bottom: auto; font-family: 'careline'!important; width: 40px; right: 1px; display: flex; justify-content: center; align-items: center; top: 1px; bottom: 1px; pointer-events: none; background: #fff; border-radius: 0px 4px 4px 0px; }
.formBlock .selectfiled .selectlevel {position: relative;margin-bottom: 20px; }
.formBlock textarea.form-control {min-height: 96px; max-width: 100%; height: auto; line-height: 1.6; padding: 10px 15px;}
.formBlock .ts-btn {width: auto; height: 42px; background: rgba(117,193,123,1); border-color: rgba(117,193,123,1); color: #fff; font-size: 15px; margin: 0; border-radius: 4px; font-weight: 500; box-shadow: 0 0 29px rgba(0,0,0,0.17);}
.formBlock .form-group .form-control:focus {border-color: rgba(117,193,123,1);}
*/

.formBlock .form-group {min-height: 70px; margin: 10px 0px 20px 0px;}
.formBlock .form-full {height: auto;}
.formBlock .control-label {font-size: 13px;color: #49515a;font-weight: 400;}
.formBlock .form-control {height: 48px;line-height: 48px;margin:0px; color: rgba(127,143,164,0.88); border-radius: 5px; font-size: 13px;padding: 0 12px; background-color:#f9faff;border: 1px solid #ececec;cursor: text; box-shadow: none;}
.formBlock .form-control:focus {border-color:#ececec;box-shadow: none;}
.formBlock .selectlevel .form-control {margin: 0px; appearance: none;
    -moz-appearance: none; -webkit-appearance: none;}
.formBlock textarea.form-control {min-height: 96px; max-width: 100%; height: auto; line-height: 1.6; padding: 10px 15px;}
.formBlock .ts-btn {width: auto; height: 42px; background: #fb5453; border-color: #fb5453; color: #fff; font-size: 15px; margin: 0; border-radius: 4px; font-weight: 500; box-shadow: 0 0 29px rgba(0,0,0,0.17);}

.formBlock .datePicker {position: relative;}
.formBlock .datePicker .form-control {padding-right: 60px;}
.formBlock .datePicker .calanderIcon {position: absolute;right: 0px; top: 0px; height: 48px; width: 48px;background: #d1d5dc;border-radius:0px 4px 4px 0px;text-align: center; line-height: 48px; font-size: 20px;color: #1c1c1d; cursor: pointer;}
.formBlock .selectfiled .selectlevel {position: relative;}
.formBlock .selectlevel select {-webkit-appearance: none;}
.formBlock .selectfiled .selectlevel:after {
    position: absolute; content: "\e911"; pointer-events: none; z-index: 1; bottom: auto; font-family: 'careline'!important; width: 35px; right: 1px; display: flex; justify-content: center; align-items: center; top: 1px; bottom: 1px; pointer-events: none; border-radius: 0px 4px 4px 0px; z-index: 9; }
.formBlock .form-control::placeholder {color: rgba(127,143,164,0.88);}

.addMoreRow {position: relative; padding-right:60px;}
.addMoreRow .addmorebtn {position: absolute; top:20px; right:0px;width: 48px; height: 48px; font-size: 18px;}
.jobSecSideBar {margin: 0px 10px;}
.jobSecSideBar .togglefilter {background: #fff; border-radius: 5px; padding:20px 18px; margin-bottom: 10px;}
.jobSecSideBar .infotItem {margin-bottom: 20px;}
.jobSecSideBar .infotItem:last-child {margin-bottom:0px;}
.jobSecSideBar .infotItem .key {margin-bottom: 5px; color: #c2c2c2; font-size: 12px;display: block;}
.jobSecSideBar .infotItem .val {display: block;font-size: 13px; color: #343434;}


/*add css for create refer*/
.manageRecruitment .ijptopfilter .t-info .d-btn.d-approve {right: 30px; }
.manageRecruitment .ijptopfilter .t-info .d-btn.referBtn {right: 130px;background-color: #BA68C8; border-color: #BA68C8; }
.autofillouter {padding: 0px;margin: 0px 0 20px; border:solid 1px #e8e9eb; border-radius:5px;overflow: hidden;}
.autofillouter .autofillhead{padding:18px 30px;margin: 0px;background: #f7f6f6;border-bottom: solid 1px #e8e9eb;}
.autofillouter .autofillhead h3{text-align: center; padding:0px; font-weight: normal;color:#000;margin: 0px;font-size: 15px;}
.autofillouter .autofillhead h3:after { display: none; }
.autofillouter .autofillform{padding:10px 0 0;margin: 0;display: flex;flex-wrap: wrap;} 
.autofillouter .autofillform>li{width:50%; padding:15px 30px;font-size:13px;font-weight:500; color:#343434;border-bottom:1px solid #f7f6f6}
.autofillouter .autofillform>li:nth-last-child(-n+2) {border-bottom: none;}
.autofillouter .autofillform>li:nth-child(odd){border-right:1px solid #f7f6f6}
.autofillouter .autofillform>li:nth-child(even){border-right:0}
.autofillouter .autofillform>li .pcol1{margin-bottom:7px;display:block;color:#4e567a}
.autofillouter .autofillform>li .pcol2{color:#050505}

.autofillouter .btnRow {padding: 10px 0px;}
.autofillouter .cancelBtn {font-size: 15px; height: 42px; margin-right: 20px;background-color: #e5e5e5; color: #9b9b9b; border:none;}
.autofillouter .choosedpfile {margin-bottom: 20px;}


.autofillouter .control-label {font-size: 13px;color: #49515a;}
.autofillouter .form-control {height: 48px;line-height: 48px;margin:0px; color: rgba(127,143,164,0.88); border-radius: 5px; font-size: 13px;padding: 0 12px; background-color:#f9faff;border: 1px solid #ececec;cursor: text;}
.autofillouter textarea.form-control {min-height: 96px; max-width: 100%; height: auto; line-height: 1.6; padding: 10px 15px;}
.autofillouter .form-control:focus {border-color:#ececec;}
.autofillouter .form-group {height: 70px; margin: 10px 0px 20px 0px; display: inline-block; width: 100%;}
.autofillouter .form-full {height: auto;}

.autofillouter .form_torow1 {padding: 20px 20px;}
.autofillouter .file-upload .file-select  { color: rgba(127,143,164,0.88);    background-color: #f9faff; }
.autofillouter .file-upload .file-select .file-select-button {height: 46px;}
.autofillouter .choosedpfile {height: 48px;border-color:#ececec;}
.autofillouter .selectfiled .selectlevel {position: relative;}
.autofillouter .selectlevel select {-webkit-appearance: none;}
.autofillouter .selectfiled .selectlevel:after {
    position: absolute; content: "\e911"; pointer-events: none; z-index: 1; bottom: auto; font-family: 'careline'!important; width: 35px; right: 1px; display: flex; justify-content: center; align-items: center; top: 1px; bottom: 1px; pointer-events: none; border-radius: 0px 4px 4px 0px; }

@media (max-width: 1400px) {
	.manageRecruitment.ijp-listing .autofillouter {margin: 20px 0 10px; }
}

.topRightError {text-align: right; font-size: 14px; padding: 10px 0px 10px 0px; color: red;}

.autofillouter input::-webkit-outer-spin-button,
.autofillouter input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.autofillouter input[type=number] {-moz-appearance: textfield; }
.formBlock input::-webkit-outer-spin-button,
.formBlock input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.formBlock input[type=number] {-moz-appearance: textfield; }

.togglefilter input::-webkit-outer-spin-button,
.togglefilter input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.togglefilter input[type=number] {-moz-appearance: textfield; }



.formBlock .select2-container--default .select2-selection--multiple {
    padding: 5px;
}
.formBlock .select2-container.select2-container--default {
    width: 100% !important; position: relative; z-index: 9; }
.formBlock .select2-container--default .select2-selection--multiple,
.formBlock .select2-container--default.select2-container--focus .select2-selection--multiple{
     border: 1px solid #e6e7f1;background-color: #f9faff;font-size: 13px;color: rgba(127,143,164,0.88);min-height: 48px;
}
.formBlock .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex; align-items: center; border: solid 1px #c7d4dd; height: 25px; line-height: 1;font-size: 12px; background: #fff;
}
.formBlock .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin: 5px; position: relative; padding-right: 23px;  white-space: pre-line;
}
.formBlock .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-weight: 300; margin-right: 2px; position: absolute; top: 2px; right: 5px; font-size: 18px;
}
.formBlock .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child{
    margin-bottom: 0;
}
.formBlock .select2-container--default .select2-search--inline .select2-search__field { margin: 2px 0px 0px 0px; height: 32px;}
.formBlock .select2-container--default .select2-search--inline .select2-search__field::placeholder {color: rgba(127,143,164,0.88);}
.formBlock .select2-container--default .select2-selection--multiple .select2-selection__rendered {padding: 0px 5px;}
.formBlock .ss {position: relative;}
/*.formBlock .ss:before{position:absolute;content:"\e911";right:15px;top:15px;z-index:10;font-family:'careline'!important}*/
.formBlock .select2-container--open{position:relative}
.formBlock .select2-container{border-radius: 5px;-webkit-border-radius: 5px;}
.formBlock .select2-container .select2-selection--single .select2-selection__rendered {height: 48px;
    line-height: 48px; color:rgba(127,143,164,0.88); border-radius: 5px; font-size: 14px; padding: 0 12px;    background-color: #f9faff;
    border: 1px solid #ececec;}
.formBlock  .select2-container--default .select2-search--dropdown .select2-search__field { margin: 0px; }
.manageRecruitment .select2-search--dropdown .select2-search__field { margin: 0px;}




/*new dashboard and job list css*/
.dashNew .gc-view-col::-webkit-scrollbar{width:5px}
.dashNew .gc-view-col::-webkit-scrollbar-track{background:#e2e5ee}
.dashNew .gc-view-col::-webkit-scrollbar-thumb{background:#efefef}
.dashNew .gc-view-col {background: #e2e5ee; border-top: 3px solid #ff6845; overflow: auto; padding: 20px; }
.listCards {padding:0px; margin: 0;}
.listCards li {margin: 0px 0px 10px 0px;}
.listCards li:last-child {margin: 0px;}
.listCards .cardInner {padding: 15px;background: #fff; display: inline-block; border-radius: 3px;  width: 100%}
.listCards .cardTitle {margin-bottom: 24px;font-size: 15px; font-weight: 500; display: block; color: #000;}
.listCards .labelFoot {display: inline-block; width: 100%;} 
.listCards .icon-bx {font-size: 24px; float: left; color: #9f9f9f; margin-top: 14px; position: relative;}
.listCards .cd-count {float: right; width: 100%; max-width: 85px; text-align: right; font-size: 23px; color: #000; font-weight: 500;}
.listCards .cd-count .name-cd {display: block; font-size: 12px; color: #000; font-weight: normal; letter-spacing: .1px; }
.listCards .cd-count .bar-fill {width: 100%; height: 2px; background: transparent; overflow: hidden; border-radius: 2px; margin: 5px 0 8px; display: block; position: relative; }
.listCards .cd-count .bar-fill .fill-bg {width: 100%; position: absolute; right: 0; top: 0; height: 100%; }
.listCards .fill-bg {background: #59ca97; }
.listCards .active .cardTitle {margin-bottom: 18px;}

.dashboardBlock {background: #ffffff; border-radius: 3px; margin: 20px 0px;}
.dashboardBlock .userInfo {font-size: 32px; padding: 30px 10px 10px 10px; text-transform: uppercase; font-weight: 500;text-align: center;}
.dashboardBlock .userInfo span {color: red;}


.jobListSec .outerbox-table {padding: 10px 22px 15px;}
.jobListSec .outerbox-table h2 {padding: 0px 50px 5px 0px; margin: 0px;}
.jobListSec h2 .bkarrow img {margin: 0 10px; position: relative; top: 0;vertical-align: top;}
.jobListSec #panel-fullscreen {top: 4px; right: 22px; position: absolute;}
.jobListSec input[type="checkbox"]{margin: 0px;}
.jobListSec .table-report tr th {padding:15px 15px 13px 15px; font-weight: normal; }
.jobListSec .report-table-wrap {position: relative;}
.jobListSec .report-table-wrap .filter {position: absolute; right:75px; top: 4px; background: #f4f5fa; padding: 9px 20px; border-radius: 4px; border: solid 1px #e5e7ee; font-size: 13px; color: #4f545a; transition: all 0.3s ease-out 0s; }
.jobListSec  .report-table-wrap .filter:hover {background: #e5e7ee; }
.jobListSec .addBtn {position: absolute; right:70px; top: 4px; background: #f4f5fa; padding:8px 10px 6px 10px; border-radius: 4px; border: solid 1px #e5e7ee;color: #4f545a; font-size: 16px; }
.jobListSec .addBtn:focus {outline:none;text-decoration: none;}
/*.pagingText {margin: 15px 0px;}
.pagingLink {margin: 10px 0px;text-align: right;}
.pagingLink a {color: black;display: inline-block; padding: 8px 16px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin: 0 4px;height: 32px; }
.pagingLink a.active {background-color:#f3f8fe;}
.pagingLink a:hover {background-color:#f3f8fe;}
.pagingLink a.first, .pagingLink a.last {font-size: 16px;line-height: 12px; vertical-align: top;}
.pagingLink a.disable {font-size: 16px;line-height: 5px; vertical-align: top; cursor:default;}*/
.jobListSec .heading {cursor: pointer;}
.jobListSec .table-responsive {border-radius: 0px; border:none;overflow-x: auto; height: auto;/*border-top: solid 1px #eff1f7; border-bottom: solid 1px #eff1f7;*/}


.fullscreenTable .filterSideBar {z-index: 9999999999;top: 0px;}
.filterSideBar .sw-bottom .head_heading { padding:7px 0px 10px 0px; margin: 0px;}
.filterSideBar .togglefilter {display: none; position: relative; padding-bottom: 15px;}
.filterSideBar .sw-bottom.gc-ba-box {}
.filterSideBar .btn_get_tarf_list {width: auto; background: #fb5453; border-color: #fb5453; color: #fff; font-size: 15px; margin: 0; border-radius: 4px; font-weight: 500; box-shadow: 0 0 29px rgba(0, 0, 0, 0.17); margin:10px 10px 10px 0px;}
.filterSideBar .switch-in {max-height: calc(100vh - 130px);}
.jobListSec .report-table-wrap.panel-fullscreen {position: fixed;z-index: 9999999;}
.jobListSec .table {width: 100%; margin: 0px;}
.jobListSec .dataTables_wrapper.no-footer .dataTables_scrollBody {border:none;}
/*.jobListPage .switch-view {margin: -20px -20px 20px -20px;}*/
.jobListPage .filterSideBar { max-height: calc(100vh - 180px); overflow-y: auto;padding: 20px;}
.jobListPage .gc-view-col {padding: 0px;}
.jobListPage .com-head.t-head:before{content: attr(data-rel);}


.jobListSec table.dataTable thead th, .jobListSec table.dataTable tbody td {border-bottom: solid 1px #f1f1f2;border-top: none;font-size: 12px;}
.jobListSec table.dataTable thead th {border-top: solid 1px #f1f1f2 !important;}
.jobListSec table.dataTable thead th:first-child,
.jobListSec table.dataTable tbody td:first-child {border-left:solid 1px #f1f1f2;}
.jobListSec table.dataTable.no-footer {border-bottom: none;}
.jobListSec .dataTables_wrapper .dataTables_paginate {padding: 5px 0px;}
.jobListSec .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.jobListSec .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: black;display: inline-block; padding:7px 14px 8px 14px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin: 0 4px;height: 32px; background: #ffffff; border-radius: 0px; outline: none;}
.jobListSec .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background-color: #f3f8fe;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.5;
}

.filterSideBar .togglefilter input, .filterSideBar select {margin: 0px;background: #f8f8f8 !important;}

.filterSideBar .select2-container .select2-selection--single .select2-selection__rendered{height:34px;line-height:32px;    background: #f8f8f8; border: 1px solid #d1d5dc; color: rgba(127, 143, 164, 0.88); font-size: 14px;padding-left: 12px;}
.filterSideBar .sw-bottom .head_heading .right_ico {transform: rotate(0deg);}
.filterSideBar .sw-bottom .head_heading .right_ico.arrowup {transform: rotate(180deg);}
.jobListPage .gc-view-col {border:none; background: #eaecf4 url(../../../images/web/col-bg.jpg) no-repeat right center;}


/*globale add table responsive css*/
.table-responsive::-webkit-scrollbar{width:5px;height:5px}
.table-responsive::-webkit-scrollbar-track {border-radius:10px;background:#e2e4ea}
.table-responsive::-webkit-scrollbar-thumb{background:#999}
.table-responsive::-webkit-scrollbar-thumb:hover{background:#999}




.close_btn{height:42px;line-height:44px;display:block;position:absolute;right:3px;top:0;text-align:center;cursor:pointer;z-index:999999;border-radius:50%;background:#f1f3f9;width:42px;}

/*add css for job detail page*/
.jobViewBlock {padding: 20px;}
.jobViewBlock .title {margin: 0px 0px 20px 0px; position:relative; padding:7px 0px 8px 56px;    font-size: 17px; font-weight: 500; color: #000;}
.jobViewBlock .title .backBtn {position: absolute; left: 0px; top: 0px;display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border-radius: 50%; color: #000000; font-size: 12px; z-index: 999; width: 35px; height: 35px;}
.jobViewBlock .rightBtnRow {text-align: right;}
.jobViewBlock .rightBtnRow .customSelector {width: 100px;}
.jobVewHead {background: #efefef; border-bottom: solid 1px #ccc;display: flex;}
.jobVewHead .valBlock {text-align: center; height: 100px; display: flex;flex-direction: column;justify-content: center; padding: 10px;font-size: 14px;flex: 1 0 0; border-top: solid 3px #59ca97;}
.jobVewHead .valBlock .text {display: block; margin: 5px 0px;}
.jobVewInfoBlockA {padding:20px 10px;}
.jobVewInfoBlockA .infoRow  {max-width: 450px;}
.infoRow {margin:0px auto 0px 0px;border-bottom: solid 1px #eaeaea;  padding: 15px 5px; line-height: 1.7;}
.infoRow .key {display: inline-block; width:140px; color: #7e8ea1; vertical-align: top;}
.infoRow .val {display: inline-block; width:calc(90% - 150px); margin-left: 10px;
    color: #343434;vertical-align: middle;}
.jobVewInfoBlockB {padding:20px 10px;}
.jobVewInfoBlockB h2 {margin: 0px 0px 10px 0px; font-size: 14px; cursor: pointer;color: #0f60d0;font-weight: normal;}
.jobVewInfoBlockB h2 i {font-size: 12px; display: inline-block; transition: transform 0.3s linear;}
.jobVewInfoBlockB h2.openToggle i {transform: rotate(180deg);}
.dropDown {position: relative;color: #333c48;cursor: pointer;}
.dropDown .arrow {display: inline-block; width: 0px; height: 0px;border:solid 5px transparent;border-top-color: #333c48;vertical-align: -3px;}
.dropDownList {position: absolute;left: 0px;top: 48px;list-style: none; width: 250px; text-align: left; background: #ffffff;box-shadow: 0px 3px 5px rgba(0,0,0,0.2); padding: 4px 0px; display: none;z-index: 3;}
.dropDownList li {padding: 8px 15px;}
.dropDownList li:first-child {font-weight: bold; border-bottom: solid 1px #ccc;}

.jobViewBlock hr {border-top: solid 1px #ccc; border-bottom: none;}
.jobViewBlock .btnRow {padding-right: 10px; text-align: right;}
.jobViewBlock .btnRow .approveBtn {margin-right: 0px;}

#tarf-process-form .btnRow .rejectBtn {margin-right: 0px; margin-left: 20px;}

.iconBtnRow .iconBtn {width: 35px; height: 35px; display: inline-block; border-radius: 50%; border: 1px solid #e9e9e9; color: #565656; background: #f4f5fa; cursor: pointer; line-height: 34px; text-align: center; margin: 5px;}


/*job view page*/
@media (max-width: 1499px) {
    .jobViewPage .gc-wrapper {padding-left:200px;}
    body.jobViewPage.menu-nav-open .gc-wrapper {padding-left:80px;}
}
@media (max-width: 1399px) {
    .jobViewPage .gc-wrapper {padding-left:85px;}
    body.jobViewPage.menu-nav-open .gc-wrapper {padding-left:200px;}
}
@media (min-width: 1500px) {
    .jobViewPage .gc-wrapper {padding-left:200px;}
    body.jobViewPage.menu-nav-open .gc-wrapper {padding-left:80px;}
}
.customSelector {border: 1px solid #e9ebf0; width: 130px; border-radius: 20px; overflow: hidden; background: #f6f7fb; position: relative;display: inline-block; vertical-align: middle; margin-left:10px;}
.customSelector:before {content: "\f107"; font-family: 'FontAwesome'; position: absolute; top: 7px; right: 12px; font-size: 18px; color: #a0a1a2; z-index: 1; }
.customSelector select {padding:6px 25px 6px 17px; border: 0; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; margin: 0; line-height: 1.6; color: #000; font-size: 12px; font-weight: 400;position: relative;z-index: 2; }

.jobVewInfoBlockC {margin: 0px 10px 25px 10px;}
.jobVewInfoBlockC .formBlock {background: #efefef;padding: 20px 25px 10px 25px;} 
.jobVewInfoBlockC .form-group {min-height: auto;}
.jobVewInfoBlockC .file-upload .file-select-button {height: 48px;}
.jobVewInfoBlockC .choosedpfile {height: 48px;}

.jobVewInfoBlockC .closeArea .rowFirst {display: none;}
.jobVewInfoBlockC .closeArea .btnRow, 
.jobVewInfoBlockC .closeArea .control-label {display: none;}
.jobVewInfoBlockC .closeArea textarea.form-control { height:42px;    min-height: auto;margin-bottom:15px; }
.jobVewInfoBlockC .formBlock .heading {margin: 0px 0px 15px 0px; font-size: 16px; cursor: pointer;}
.jobVewInfoBlockC .formBlock .heading i {font-size: 12px; display: inline-block; transition: transform 0.3s linear;transform: rotate(180deg);}
.jobVewInfoBlockC .closeArea .heading i {transform: rotate(0deg);}
.jobVewInfoBlockC .closeArea .attachFile {display: none;}

.rejectBtn {font-size: 15px; height: 42px; margin-right: 20px;background-color: #e5e5e5; color: #9b9b9b; border:none;}
.approveBtn {width: auto; height: 42px; background: rgba(117,193,123,1); border-color: rgba(117,193,123,1); color: #fff; font-size: 15px; margin: 0; border-radius: 4px; font-weight: 500;margin-right: 20px;}


.editValue {position: relative; height: 28px; width:auto;transition: width 0.3s linear; padding-right: 30px; display: inline-block;}
.editValue .valB {padding: 1px 0px; display: inline-block;}
.editValue .input {border:solid 1px #ccc; padding: 5px 10px; border-radius: 5px; width: 100%; display: none; margin: 0px;color: #343434; height: 32px; margin-top: -2px;}
.editValue .help-block-error {line-height: 1.1;word-break: normal;}
.editValue .input:focus {border-color: rgba(117,193,123,1);}
.editValue .editBtn {position: absolute;right: -5px; top: 4px; color: #ccc; height: 22px; width: 22px; border-radius: 3px; line-height: 22px; text-align: center; font-size: 16px; cursor: pointer;}
.editValue.openInput .valB {display: none;}
.editValue.openInput {width: 100%;padding-right: 30px;}
.editValue.openInput .input {display: block;}
.editValue.openInput .editBtn {right: 0px;}
/*.editValue.openInput .icon-14:before {content: "\e90c"; color: green;}*/

.editValue input::-webkit-outer-spin-button,
.editValue input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.editValue input[type=number] {-moz-appearance: textfield; }

.attachFile {color: #7e8ea1;cursor: pointer; margin-bottom: 10px;}
.attachFile .icon-26 {color: #333c48; font-size: 20px; vertical-align: middle; margin-right: 4px;}

/*.jobVewInfoBlockD {margin: 10px 10px 25px 10px;}
.jobVewInfoBlockD .control-label {display: inline-block;width:130px;color: #7e8ea1;}
.jobVewInfoBlockD .form-control {display: inline-block; margin: 0px; width: 260px;}*/

.editValue #proposed_ctc_to  {width: 47%; float: right;}
.editValue #proposed_ctc  {width: 47%; }
.editValue.openInput #proposed_ctc_to, .editValue.openInput #proposed_ctc {display: inline-block;}

.editValueM {position: relative; height: auto;}
.editValueM input.error {margin-bottom:30px;}
.editValueM .help-block-error {position: absolute; top: calc(100% - 30px); width: 42%; }
.editValueM  .help-block-error:nth-child(6) {left: 48%;}


.fullWidth .dataTable, .fullWidth .dataTables_scrollHeadInner {width: 100% !important;}
.font-size12 {font-size: 12px;}




.fullPopUpLeftTab{width:193px;background:#f1f2f4;position:absolute;left:-193px;top:0;height:100%;padding:19% 0 6%;overflow:auto}
.fullPopUpLeftTab ul{padding:0;margin:0;font-size:0}
.fullPopUpLeftTab ul li{padding:0;margin:0;font-size:12px;position:relative}
.fullPopUpLeftTab ul li:first-child:before,
.fullPopUpLeftTab ul li:after{content:"";width:100%;height:1px; background:#f1f2f4; background:linear-gradient(to right,rgba(241,242,244,1) 0,rgba(197,197,197,1) 100%); display:block; position:absolute; left:0;z-index:1}
.fullPopUpLeftTab ul li:first-child:before{top:0}
.fullPopUpLeftTab ul li:after{bottom:0;}
.fullPopUpLeftTab ul li a{padding:20px 16px 20px 35px;margin:0;font-size:13px;display:block;outline:0;color:#343434}
.fullPopUpLeftTab ul li a:hover,
.fullPopUpLeftTab ul li.active a{color:#f84e3d; background:#f1f2f4; background:linear-gradient(to right,rgba(241,242,244,1) 0,rgba(255,255,255,1) 50%);}
.createCandidatePopUp .rightBox {overflow: visible;}
.fullPopUpLeftTab ul li a:focus {text-decoration: none;}

.createCandidatePopUp .btnRow {padding-top: 30px;}
.createCandidatePopUp .rightBox .heading {margin: 0 0 50px;}
.createCandidatePopUp .formBlock .form-group {margin: 10px 0px 30px 0px;}




/*new view pages for deisgn*/
.viewPageHeading {margin: 0px 0px 40px 0px;}
.viewPageHeading .title {padding: 7px 200px 8px 56px;text-align: center;    margin: 12px 0px 0px 0px; min-height: 50px;}
.viewPageHeading .iconBtnRow {position: absolute; right:10px;top:12px; }
.viewPageHeading .otherInfo {padding: 7px 200px 8px 56px;text-align: center;}
.viewPageHeading .infoA .label {display: inline-block;color: #7e8ea1;}
.viewPageHeading .infoA .valCol {display: inline-block;}

.viewPageinfoSecA {border:solid 1px #e6e6e6;background:#F9FAFF;word-break: break-all; max-width: 1500px; margin: 0px auto;}
.viewInfoRow { display: flex;padding: 0px 0px 0px 10px;border-bottom:solid 1px #e6e6e6;}
.viewInfoRow .infoBlock {padding: 15px;font-size: 14px;flex:0 0 16.5%; max-width: 16.5%;border-right:solid 1px #e6e6e6;}
.viewInfoRow .infoBlock:last-child {border-right: none;}
.viewInfoRow .infoBlock .key {color: #7e8ea1;}
.viewInfoRow .infoBlock .val {color: #343434; padding-top: 15px; line-height: 1.6;}
.infoBlock .val ul {padding: 0px 0px 0px 20px;}
.infoBlock .val ul li {list-style: disc;padding:0px 0px 5px 0px;}

.viewPageinfoSecA .customSelector {margin: 0px;}
.viewPageinfoSecA .showMoreInfo {text-align: center; padding: 13px;color: #7e8ea1; font-weight: 500; cursor: pointer;}
.viewPageinfoSecA .multipalInfo {background: #fcfcfc; padding:0px 0px; margin-top: 10px;border-bottom:solid 1px #e6e6e6;}
.viewPageinfoSecA .showMoreInfoBlock h3 {margin: 15px 33px; font-size: 14px;}
.viewPageinfoSecA .multipalInfo .viewInfoRow {border-bottom: none; border-top: solid 1px #e6e6e6;}

.jobViewPageTabSecB {padding: 40px 0px 0px 0px;}
.jobViewPageTabSecB .tabNav ul {max-width: 1500px; margin: 0px auto;}
.jobViewPageTabSecB .tabNav li {display: inline-block; margin:0px 30px 0px 0px !important;}
.jobViewPageTabSecB .tabNav li a {display:block; font-size: 14px; padding: 20px 20px 20px 20px;position: relative; cursor: pointer;color: #333c48;}
.jobViewPageTabSecB .tabNav li.active a:before {content: ""; bottom: 0px; width: 100%; height: 4px; position: absolute; background: red; left: 0px;}
.jobViewPageTabSecBContainer {background: #d3d6e2; margin:0px -30px 0px -30px; padding:30px 30px 1px 30px; /*min-height: 500px;*/}
.jobViewPageTabBlock {padding: 30px; background: #ffffff; border-radius:10px; max-width: 1500px; margin: 0px auto 30px auto;}
.jobViewPageTabBlock .interviewShedule {padding: 0px;}

.fixInnerHead {padding-top: 100px;}
.fixInnerHead .viewPageHeading {position: fixed; top: 60px; background: #ffffff; left:88px; right: 50px; z-index: 101;padding: 0px 22px; min-height: 70px;}
.fixInnerHead .viewPageHeading .otherInfo {display: none;}
.fixInnerHead .viewPageHeading .title{padding-bottom: 0px;}
.fixInnerHead .jobViewPageTabSecB .tabNav {position: fixed; top: 128px; background: #ffffff; box-shadow: 0 5px 6px -3px rgba(0,0,0,.02); left:88px; right: 50px; z-index: 101;padding: 0px 22px;}

.customSelectorB {border: none; width:100%; background: none; position: relative;display: inline-block; vertical-align: middle;}
.customSelectorB:before {content: "\f107"; font-family: 'FontAwesome'; position: absolute; top:0px; right: 0px; font-size: 18px; color: #a0a1a2; z-index: 1;width: 22px; line-height: 20px; background: #f6f7fb; text-align: center; }
.customSelectorB select {padding:0px 30px 0px 0px; border: 0; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; margin: 0; line-height:20px; color: #000; font-size: 14px;position: relative;z-index: 2; height: 20px; }

.iconBtnRow .sendMailBtn { font-size: 16px;}
.iconBtnRow .deleteBtn .path2:before, .iconBtnRow .deleteBtn .path1:before {color:#ffffff;}

#update-tarf-form {flex: 0 0 49.5%; max-width: 49.5%; display: flex;    border-right: solid 1px #e6e6e6;}
#update-tarf-form .infoBlock:nth-child(2) {max-width:33.3%; flex: 0 0 33.3%;}
#update-tarf-form .infoBlock:nth-child(3) {max-width: 66%; flex: 0 0 66%;}

.jobViewPage .gc-left-nav {border-right: solid 1px #e5e7eb;}
.jobViewPageTabSecB .btnRow {padding: 30px 0px 5px 0px; text-align: left; max-width: 1500px; margin: 0px auto 30px auto;}

#create-tarf-form #fplTabBlockA .col-md-6:nth-child(even) {clear: left;}
#create-tarf-form #fplTabBlockB .col-md-6:nth-child(odd) {clear: left;}
#create-tarf-form #fplTabBlockC .col-md-6:nth-child(odd) {clear: left;}

#create-tarf-form .selectfiled .selectlevel:after {bottom: inherit; height: 48px;}
#create-tarf-form .error {font-weight: normal;}

.jobViewPage .timeline ul ul {padding: 0px 0px 0px 20px;}
.jobViewPage .timeline ul ul li {list-style: disc;padding:0px 0px 5px 0px;}
.jobViewPage .timeline ul ul li:before {display: none;}
.jobViewPage .timeline ul ul li:after {display: none;}


/*add here css for tameer banner*/
.iambanner#tameer-banner {background: url(/images/web/tameer-banner-bg.jpg) no-repeat center center; position: relative;min-height: 307px; }
.iambanner .iambanner-inner .iam-left {max-width: 500px;}
#tameer-banner .iam-plan {text-transform: inherit;margin: 10px 0px 12px 0px;}
#tameer-banner .iam-right {position: absolute; top:-25px; right:-25px;  background: #ffffff; border-radius: 50%; padding:25px;}
#tameer-banner .iam-right:before {content: ""; position: absolute; width: calc(100% + 8px); height: calc(100% + 8px); left: -4px; top: -4px;border-radius: 50%; border:solid 2px #09b6c7;}
#tameer-banner .iam-right img {max-width:90px; position: relative; left: -5px; bottom: -5px;}
.iambanner .help-writing {font-weight: bold; margin-top: 5px;}
#tameer-banner.iambanner .iambanner-inner .iam-left .iam-button {font-weight: bold;}
#tameer-banner .knowmore {font-weight: 500;}
#tameer-banner .iambanner-inner .iam-left p {font-weight: 500;}
/*end here css for tameer banner*/