@charset "utf-8";
/*
Theme Name: Time Labs Theme.
Author: Time Labs
Version:1.0
*/

/*========================
	Root CSS
==========================*/
@import url('roboto/stylesheet.css');
.no-margin{margin-left: 0 !important;margin-right: 0 !important;}
.note-editable ol li {list-style: inherit;}
:root {
    --whitefontcolor: #ffffff;
    --whitebgcolor: #ffffff;
    --headingcolor: #0f4f92;
    --blackfontcolor: #000000;
    --lightgreycolor: #9c9c9c;
    --lightblackcolor: #3d3b3b;
    --headingcolor: #0f4f92;
    --blackfontcolor: #000000;
    --lightgreycolor: #9c9c9c;
    --lightblackcolor: #3d3b3b;
    --bluecolor: #0a3b7e;
    --activecolor: #042758;
    --skyblue: #09bef3;
    --skyhoverblue: #07aedf;
    --greencolor: #26AC46;
    --greenhovercolor: #179b37;
}
body{font-family: 'Roboto',sans-serif !important;}
.companyscroll{max-height: 400px;} 
.companyscroll li a{color: #333;}
.companyscroll li a:hover,.companyscroll li a.active{background: var(--bluecolor) !important;color: var(--whitefontcolor) !important;}
#container { height: 400px; }
.highcharts-figure,
.highcharts-data-table table { min-width: 310px; max-width: 800px; margin: 1em auto; }
.highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; }
.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }
.highcharts-data-table th { font-weight: 600; padding: 0.5em; }
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; }
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; }
.highcharts-data-table tr:hover { background: #f1f7ff; }

.gtotal{color: #ed145b !important;}
.gnew{color: #2cb34c !important;}
.gscreening{color: #0f4f92 !important;}
.ginterview{color: #09bef3 !important;}
.goffer{color: #fecb03 !important;}
.gonhold{color: #882cb3 !important;}
.ghired{color: #3defcf !important;}
.grejected{color: #cccccc !important;}
.gwithdrawn{color: #f47a36 !important;}
.gjoined{color: #b0903e !important;}
.gdanger{color: #f44336 !important;}
.interview_color{color: #e3351e !important;}
.screen_color{color: #2196f3 !important;}
.offer_color{color: #2ee336 !important;}
.hold_color{color: #ff8f27 !important;}
.hired_color{color: #ed145b !important;}
.new_color{color: #fecb03 !important;}
.withdraw_color{color: #49fd91 !important;}
.rejected_color{color: #9c9c9c !important;}
.stage-circle{position: relative;padding-left: 15px;font: 14px 'Roboto',sans-serif;color: var(--bluecolor);}
.stage-circle:after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: var(--bluecolor);}
.stage-circle.interview_color:after{background: #e3351e !important;}
.stage-circle.screen_color:after{background: #2196f3 !important;}
.stage-circle.offer_color:after{background: #2ee336 !important;}
.stage-circle.hold_color:after{background: #ff8f27 !important;}
.stage-circle.hired_color:after{background: #ed145b !important;}
.stage-circle.new_color:after{background: #fecb03 !important;}
.stage-circle.withdraw_color:after{background: #49fd91 !important;}
.stage-circle.rejected_color:after{background: #9c9c9c !important;}
.stage-circle.gjoined:after{background: #b0903e !important;}

.StageNew_Bg_Color{ background-color: #fecb03 !important; }
.StageInterviewing_Bg_Color{ background-color: #e3351e !important; }
.StageScreening_Bg_Color{ background-color: #2196f3 !important; }
.StageTraining_Bg_Color{ background-color: #c273f8 !important; }
.StageOffer_Bg_Color{ background-color:#13ed18 !important; }
.StageOnHold_Bg_Color{ background-color:#ff8f27 !important; }
.StageHired_Bg_Color{ background-color:#ed145b !important; }
.StageRejected_Bg_Color{ background-color:#9c9c9c !important; }
.StageWithDrawn_Bg_Color{ background-color:#49fd91 !important; }
.StageWithJoined_Bg_Color{ background-color:#b0903e !important; }

.StageNew_Text_Color{ color: #fecb03 !important; }
.StageInterviewing_Text_Color{ color: #e3351e !important; }
.StageScreening_Text_Color{ color: #2196f3 !important; }
.StageTraining_Text_Color{ color: #c273f8 !important; }
.StageOffer_Text_Color{ color:#13ed18 !important; }
.StageOnHold_Text_Color{ color:#ff8f27 !important; }
.StageHired_Text_Color{ color:#ed145b !important; }
.StageRejected_Text_Color{ color:#9c9c9c !important; }
.StageWithDrawn_Text_Color{ color:#49fd91 !important; }
.StageWithJoined_Text_Color{ color:#b0903e !important; }
.scroll-wrapper > .scroll-content{height:100% !important;}

/***** Modal CSS *********/
.modal.left .modal-dialog,.modal.right .modal-dialog {position: fixed;margin: auto;width: 480px;height: 100%;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.left.fade .modal-dialog {left: -390px;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;-moz-transition: opacity 0.3s linear, left 0.3s ease-out;-o-transition: opacity 0.3s linear, left 0.3s ease-out;transition: opacity 0.3s linear, left 0.3s ease-out;}
.modal.left.fade.in .modal-dialog {left: 0;}
.modal.right.fade .modal-dialog {transform: translateX(390px);right: 0;}
.modal.right.fade.in .modal-dialog {transform: translateX(0);}
.companydata a span { font-weight: 500; font-family: 'Roboto',sans-serif; color: var(--bluecolor); font-size: 16px; }
.companydata a i { font-weight: 500; color: var(--bluecolor); font-size: 20px; }

/***** Data Table CSS *********/
.dataTables_wrapper .headtop{display: flex;align-items: center;justify-content: flex-start;column-gap: 20px;font: 500 14px 'Roboto',sans-serif;color: var(--headingcolor);margin-bottom: 10px;}
.dataTables_wrapper .dataTables_info{padding: 0;}
div.dataTables_wrapper div.dataTables_length select {float: right;margin-left: 10px;margin-right: 15px;margin-bottom: 0; width: auto !important;height: 30px !important;padding: 0 8px !important;background: #fff;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: transparent; border:none; color:#0f4f92 !important; border:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border:none;}
.dataTables_length label {color: #0f4f92 !important; font: 500 14px/30px Roboto,sans-serif !important; margin: 0px !important;}
.dataTables_paginate{display: flex;align-items: center;justify-content: center;column-gap: 5px;float: inherit !important;}
.dataTables_paginate .paginate_button.next,.dataTables_paginate .paginate_button.previous { background: #eaf0f7 !important; height:36px; width:36px;text-indent: -999px; overflow: hidden;}
.dataTables_paginate .paginate_button.next {background-image: url(../../images/menu_icon/rightarrow.svg) !important; background-repeat: no-repeat !important; background-position: center center !important;background-size: 9px !important;}
.dataTables_paginate .paginate_button.previous {background-image: url(../../images/menu_icon/leftarrow.svg) !important;background-repeat: no-repeat !important; background-position: center center !important;background-size: 9px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{box-shadow:none !important;}
.dataTables_wrapper .dataTables_length select{border-radius:0px;color: #727272;}
.dataTables_wrapper > div{position: relative;color: #0f4f92 !important;font: 500 14px/20px Roboto,sans-serif !important;display: inline-flex;padding-right: 30px;}
    .dataTables_wrapper > div:after {
        content: "";
        position: absolute;
        right: 15px;
        top: 7px;
        width: 1px;
        height: 70%;
        background: #ccc;
    }
.dataTables_wrapper > div:last-child::after,.top.last::after {display: none;}
.table-footer {display: flex;text-align: center;justify-content: center;width: 100%;padding: 15px 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button{position: relative;}
.dataTables_wrapper .dataTables_paginate .paginate_button:after{content: "";position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);width: 5px;height: 5px;background: #0f4f92;border-radius: 50%;opacity: 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover:after,.dataTables_wrapper .dataTables_paginate .paginate_button.current:after{opacity: 1;}
.paginate_button.previous.disabled,.paginate_button.next.disabled{opacity: 0.4;}







/*========================
	1. General code
==========================*/
ul{list-style: none;margin: 0;padding: 0;}
a,a:hover{text-decoration: none;transition: all 400ms ease;}
body{font: 400 14px/20px 'Roboto',sans-serif;margin: 0;padding: 0;color: var(--blackfontcolor);}
.heading{font-weight: 500;font-size: 16px;line-height: 24px;color: var(--headingcolor);margin: 10px 0 20px;}
body .tooltip-inner{font-size: 12px;padding: 5px;}
#myDiv{display: none;}
#load{position: fixed;left: 0;top: 0;background-color: #0a3c7f;width: 100%;height: 100%;z-index: 99999;}
#loader{position:absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.lds-ripple {display: inline-block;position: relative;width: 80px;height: 80px;}
.lds-ripple div {position: absolute;border: 4px solid var(--skyblue);opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
.button-effect{overflow: hidden;position: relative;}
.effect-wave {display: block;position: absolute;transform: translateX(-50%) translateY(-50%);width: 0px;height: 0px;background-color: #fff;border-radius: 50%;opacity: 0.5;}
input[type=text], input[type=password], select, .filter input[type=text], .filter select, .form select, .form input[type=text],.addnewsidebar input[type=text], .addnewsidebar select{border: 1px solid #dadada;border-radius: 4px;width: 100%;height: auto !important;padding: 10px 10px !important;font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px !important;color: #8e8888;}
textarea, .form textarea{border: 1px solid #dadada;border-radius: 4px;width: 100%; padding: 10px 10px !important;font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px !important;color: #8e8888 !important;}
.jobbox select, .jobbox input[type=text] { height: 40px !important;}
textarea::-moz-placeholder,input[type=text]::-moz-placeholder{opacity: 1;color: var(--lightblackcolor);}
textarea::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{opacity: 1;color: var(--lightblackcolor);}
.form-file {position: relative;display: inline-block;width: 100%;height: calc(3rem + 6px);margin: 0 !important;}
.form-file-input {position: relative;z-index: 2;width: 100%;height: 100%;margin: 0;opacity: 0;}
.form-file-label {position: absolute;top: 0;right: 0;left: 0;z-index: 1;padding: 11px;font-weight: 400;line-height: 1.25rem;color: var(--blackfontcolor);background-color: #fff;border: 1px solid #dadada;border-radius: 4px;}
.form-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;display: block;height: 100%;padding: 0.4375rem 1rem;line-height: 33px;color: var(--blackfontcolor);content: "Browse";background-color: #ebeef2;border-left: inherit;border-radius: 0 4px 4px 0;}
.chosen-container{width: 100% !important;}
.chosen-container-single .chosen-single,.chosen-container-multi .chosen-choices{border: 1px solid #dadada;background: transparent;padding: 5px 10px;height: auto;border-radius: 4px;box-shadow: none;font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 14px;color: var(--lightblackcolor);}
.chosen-container-multi .chosen-choices {padding: 0;}
.chosen-container-active .chosen-choices{border: 1px solid #dadada;}
.chosen-container-multi .chosen-choices li.search-choice{background: #f5f5f5;border-radius: 20px;color: var(--headingcolor);font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 14px;line-height: 16px;border: none;display: inline-block;padding: 8px 30px 8px 15px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-Close{top: 50%;right: 10px;transform: translateY(-50%);}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{color: var(--lightblackcolor);font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 14px;}
.chosen-container-multi .chosen-choices li.search-field input[type=text]::-moz-placeholder{opacity: 1;color: var(--lightblackcolor);}
.chosen-container-multi .chosen-choices li.search-field input[type=text]::-webkit-input-placeholder{opacity: 1;color: var(--lightblackcolor);}

.btn { background: #045aa0; padding: 8px 20px !important; font-size: 14px; font-weight: 500; color: var(--whitefontcolor); border-radius: 5px; box-shadow: none; text-transform: capitalize; }
.btn:hover { color: #403E3E; text-decoration: none; border: 1px solid #403E3E; background: #fff; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {  text-decoration: none; border: 1px solid #403E3E;outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}

.rating {color: #ccc;}
.ratingSelected {color: gold;}
.note-editor .note-toolbar {border: 1px solid #ddd !important;}
input[type=submit].gbtn,.gbtn{background: transparent;border: none;font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 14px;text-decoration-line: underline;color: var(--skyblue);padding: 0;display: inline-block;text-align: right;text-transform: capitalize;}
input[type=submit].gbtn:hover,.gbtn:hover{text-decoration: none;color: var(--headingcolor);}
body .chosen-container-multi .chosen-choices li.search-choice {margin: 4px 5px 4px 0;}
.skyblue{background: var(--skyblue);border-color: var(--skyblue);}
.greencolor{background: var(--greencolor);border-color: var(--greencolor);}
.bluecolor{background: var(--bluecolor);border-color: var(--bluecolor);}
.btn.cancel-color { background: #fff !important; color: #F44336 !important; border-color: #F44336 !important; }
.btn.cancel-color:hover { background: #F44336 !important; color: #fff !important; border-color: #F44336 !important; }
.btn.my-btn-Close { background: #fff; color: #F44336; border-color: #F44336; }
.btn.my-btn-Close:hover { background: #F44336; color: #fff; border-color: #F44336; }
.btn.downlaodbutton { background: rgba(9, 190, 243, 0.1); color: var(--skyblue) !important; border-color: var(--skyblue); }
.btn.downlaodbutton:hover { background: var(--skyblue); color: var(--whitefontcolor) !important; }
.btn.backButton { background: #e7edf4; border-color: var(--bluecolor); color: var(--bluecolor) !important; }
.btn.backButton:hover { background: var(--activecolor); color: var(--whitefontcolor) !important; }
.btn.backButton i { font-size: 20px; margin-right: 3px; line-height: 14px; margin-top: -4px; }
tr.pagination-ys td {border: none !important;}
.btn.NextButton { background: #e7edf4; border-color: var(--bluecolor); color: var(--bluecolor) !important; }
.btn.NextButton:hover { background: var(--activecolor); color: var(--whitefontcolor) !important; }
.btn.NextButton i { font-size: 20px; margin-left: 3px; margin-top: -4px;line-height: 14px; }
.AddNewapplication { width: auto !important; height: auto !important; padding: 7px 14px !important; font-size: 14px; line-height: 18px !important; color: var(--whitefontcolor) !important; }
.Applicant-Details-btn { padding: 10px 0 20px !important; display: flex; align-items: center; justify-content: flex-end; column-gap: 15px; }
.Applicant-Details-btn .btn.backButton i { display: inline-block; position: relative; top: 2px; margin-right: 8px; }
.Applicant-Details-btn .btn.NextButton i { display: inline-block; position: relative; top: 2px; margin-left: 4px; }
.top-head-right.pageheader { padding: 0px 0 0px; }

.TestMailbtn { padding: 8px 0 !important; }
    @keyframes lds-ripple {
        0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}
  4.9% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}
  5% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1;}
  100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;}
}
.ModuleNavigation.flexMiddel {display: flex;align-items: center;justify-content: space-between;column-gap: 15px;margin-right: 15px;}
.notifiy{display: flex;align-items: center;justify-content: flex-start;}
.notifiy span {font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;color: #263238;}
.masterInnerBody{background: var(--whitebgcolor);padding: 0 0 0 15px;}
body .goverlay{position: relative;}
body .goverlay:after{content: "";position: fixed;left: 0;top: 67px;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: -1;animation: overlay-fade-in .4s ease 1;display: none;}
.pageheader {padding: 0px 0 15px;}
.pageheader-row {display: flex;align-items: center;justify-content: space-between;}
.pageheader h4{font-size: 20px;font-weight: 600;color: var(--headingcolor);margin: 0;}
.pageheader .pagebutton{display: flex;align-items: center;justify-content: flex-end;column-gap: 15px;}
.pageheader a{display: flex;align-items: center;justify-content: center;column-gap: 8px;padding: 8px 20px;font-size: 14px;font-weight: 500;color: var(--whitefontcolor) !important;border-radius: 5px;box-shadow: none;text-transform: capitalize; min-width:90px; }
.pageheader a svg{width: 20px;height: 20px;}
.pageheader a.skyblue{background: #e6f8fe;border-color: var(--skyblue);color: var(--skyblue);}
.pageheader a.skyblue:hover{background: var(--skyhoverblue);color: var(--whitefontcolor);}
.pageheader a.bluecolor{background: #e7edf4;border-color: var(--bluecolor);color: var(--bluecolor) !important;}
.pageheader a.bluecolor i{font-size: 18px;}
.pageheader a.greencolor{background: var(--greencolor);border-color: var(--greencolor);}
.pageheader a.greencolor:hover{background: var(--greenhovercolor);color: var(--whitefontcolor);}
.pageheader a.bluecolor:hover{background: var(--activecolor);color: var(--whitefontcolor) !important;}
.pageheader .sub_button{display: flex;align-items: center;justify-content: center;column-gap: 8px;padding: 8px 20px;font-size: 14px;font-weight: 500;border-radius: 5px;box-shadow: none;text-transform: capitalize;background: var(--greencolor);border-color: var(--greencolor);}
.pageheader .sub_button:hover{background: var(--activecolor);color: var(--whitefontcolor);}
.pageheader .sub_button svg{width: 20px;height: 20px;}
.pageheader .search_button{background: rgba(254, 203, 3, 0.1);border: 1px solid #fecb03;border-radius: 4px;padding: 8px 10px;cursor: pointer;}
.pageheader .search_button i{font-size: 20px;color: #fecb03;}
.pageheader .search_button:hover{background: #fecb03;}
.pageheader .search_button:hover i{color: var(--whitefontcolor);}
.pageheader .searchbox{background: rgba(254, 203, 3, 0.1);border: 1px solid #fecb03;border-radius: 4px 0px 0px 4px;padding: 4px 10px 4px 4px;display: flex;align-items: center;justify-content: center;column-gap: 10px; width:480px; }
body.searchboxopen .searchbox{display: flex;}
.pageheader .searchbox .theInput{padding :0;border: none;background: transparent;text-overflow: ellipsis;}
.pageheader .searchbox .Applicantselect { background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 4px 9px 5px 9px !important; padding-right: 25px !important; background-image: url(../../images/menu-new-design/arrow-bottom.svg); background-repeat: no-repeat; background-position: center right 7px; background-size: 12px; line-height: 15px !important; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important; width: 100px !important; }
.pageheader .searchbox .theButton{background: transparent url("../../Images/menu_icon/search.png") no-repeat center;border: none;width: 30px;height: 30px;}
body .DataPanel{box-shadow: none;background: transparent;}
.d-none,#tblLocation{display: none !important;}
.mb-0{margin-bottom: 0 !important;}
.p-0{padding: 0 !important;}
.d-flex{display: flex;}
.justify-space-between{align-items: center;justify-content: space-between;}
/*========================
	2. Header
==========================*/
.common-footer {padding: 0 15px;}
/*header{padding: 8px 0;background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
header ul{display: flex;align-items: center;justify-content: flex-end;padding-top: 3px;column-gap: 10px;}
header ul li{display: inline-block;}
header ul li a{display: block;color: var(--blackfontcolor);text-align: center;width: 36px;height: 36px;line-height: 36px;font-size: 22px;position: relative;z-index: 1;}
header ul li a:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;height: 20px;width: 20px;transform-origin: 50% 50%;background-color: #e5e9f2;border-radius: 50%;opacity: 0;transition: all .3s;}
header ul li a:hover:after{opacity: 1;width: 115%;height: 115%;}
header ul li a span{display: none;}
header ul li:last-child a{position: relative;display: block;font-size: 14px;padding-left: 40px;width: 110px;}
header ul li:last-child a:after{display: none;}
header ul li a .user_icon{display: inline-block;position: absolute;left: 0;top: 0;width: 32px;height: 32px;border-radius: 50%;background: var(--headingcolor);color: var(--whitebgcolor);}*/
.top_section {display: flex;align-items: center;justify-content: space-between;padding: 30px 0 0;}
.top_section a{display: inline-block;text-align: center;}
.top_section a span{font-weight: 700;font-size: 24px;line-height: 33px;text-align: center;display: block;}
.top_section h2{font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: var(--lightgreycolor);}
.masterHeader{display: none;}
body .masterInnerBody{overflow-x: hidden;background: #fafafc;}
body .masterInnerNavbar{border: none;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);padding-left: 230px;}
.masterInnerBody{padding-left: 212px;transition: padding 500ms ease;}
.logoContainer {display: flex;align-items: center;justify-content: space-between;height: auto;background: #fff;}
.logoContainer img{width: 100%;max-height: 55px;}
.logo-name h3 {font-size: 16px;font-weight: 500;font-family: 'Roboto', sans-serif;color: #2cb34c;margin: 0;border-left: 1px solid #2cb34c;line-height: 30px;padding-left: 15px;margin-left: 15px;display: none;}
.logoContainer .gmenubar{font-size: 24px;color: var(--bluecolor);text-align: center;cursor: pointer;position: relative;width: 36px;height: 36px; line-height: 36px;z-index: 1;margin-left: 10px;}
.logoContainer .gmenubar:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;height: 20px;width: 20px;transform-origin: 50% 50%;background-color: #e5e9f2;border-radius: 50%;opacity: 0;transition: all .3s;}
.logoContainer .gmenubar:hover:after{opacity: 1;width: 120%;height: 120%;}
.module_logo{background: #022f5f;padding: 18px 14px;display: flex;align-items:center;justify-content:flex-start;column-gap: 10px;position: relative;overflow: hidden;}
.module_logo img{width: 30px;height: auto;opacity: 0.85;}
.module_logo h2{font-weight: 300;font-size: 18px;line-height: 24px;color: rgba(255,255,255,1);margin: 0;}
.menu_bar.d_flex{align-items: center;justify-content: space-between;width: 100%;}
.menu_bar.d_flex .logoContainer{border-bottom: none;}
.menu_list {position: absolute;left: 0;top: 0;width: 210px;height: 100%;z-index: 101;background: #0F4F92;box-shadow: 5px 0px 4px rgb(0 0 0 / 30%);transition: .8s ease;}
.menu_list .gmenu{height:  calc(100% - 45px);/*margin: 8px 0 0;*/}
.menu_list li a{position: relative;transition: color .3s,background-color .3s;padding: 14px 17px;cursor: pointer;display: flex;align-items: center;justify-content: center;margin: 0 0 2px 0;height: auto;margin-bottom: 0;}
.menu_list li ul li ul{margin: 5px 0;}
.menu_list li ul li ul li a{position: relative;display: block;padding: 0;margin-left: 45px;}
.menu_list li ul li ul li a span{font-size: 14px;display: block;position: relative;display: block;padding: 9px 5px 9px 20px;color: rgba(255,255,255,0.8);}
.menu_list li ul li ul li a span:before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: rgba(255,255,255,0.4);}
.menu_list li a .desk_menu{display: flex;align-items: center;column-gap: 10px;width: 100%;}
.menu_list li a:after{content: "";position: absolute;left: 0;top: 0;width: 4px;height: 0;background: #00F0FF;transition: all 500ms ease;}
.menu_list li a i.icon{width: 24px;height: 24px;flex-grow: 0;flex-shrink: 0;overflow: hidden;display: block;}
.menu_list li a i.icon img{width: 100%;height: auto;}
/*.menu_list li a:hover,.menu_list li.active a,.menuactive > a{background: var(--activecolor);}
.menu_list li a:hover img,.menu_list li.active a img,.menuactive a img{transform: translateY(-50%);}*/
.menu_list li a:hover img,.menu_list li.active a img,.menuactive a img{filter: invert(71%) sepia(16%) saturate(4928%) hue-rotate(181deg) brightness(221%) contrast(100%);}
.menu_list li a:hover span, .menu_list li.active > a span, .menu_list li.active > a i/*, .menu_list li a:hover .menudrop, .menu_list li.menuactive a.submenudrop span, .menu_body .menuactive .submenudrop*/ {color: #00F0FF !important;}
.menu_list li.menuactive a.submenudrop .menudrop:before{content: "\e996";}
/*.menu_list li a:hover:after,.menu_list li.active a:after{height: 100%;}*/
.menu_list li a span {font-size: 16px;line-height: 15px;font-weight: 300;font-family: 'Roboto', sans-serif;text-align: left;color: rgba(255,255,255,0.8);text-transform: capitalize;flex-grow: 1;display: inline-block;white-space: nowrap;}
.pinmenu{position: relative;height: 40px;display: flex;align-items: center;justify-content: space-between;padding: 5px 16px;}
.menubaricon{font-size: 12px;color: #fff;display: flex;align-items: center;justify-content: center;/*background: rgba(255,255,255,0.85);color: var(--blackfontcolor);font-size: 20px;*/cursor: pointer;width: 23px;height: 30px;position: absolute;top: 0;right: 10px;border-radius: 5px 0 0 5px;z-index: 999;}
.menubaricon i{font-size: 14px;}
.menusmall {color: #fff;width: 30px;height: 30px;text-align: center;font-size: 28px;display: none;cursor: pointer;}
.menubaricon span{font-size: 12px;line-height: 20px;display: none;}
.menu_list li a .samll_menu {text-align: center;display: none;}
.menubaricon.gmenubar.menuactive i:before{content: "\f104";}
.menu_list.gClose li a .samll_menu {display: block;}
.menu_list li a .samll_menu i {margin: 0 auto;}
.menu_list.gClose:hover li a .samll_menu {opacity: 0;visibility: hidden;display: none;}
body.gmenuClose .logoContainer{height: auto;justify-content:center;}
.sub_ats_menu_css,.setup_sub_menu{position: relative;padding: 0;background: transparent;border: none;box-shadow: none;}
.sub_ats_menu_css li{border: none;}
.sub_ats_menu_css li a{background: transparent !important;color: rgba(255,255,255,0.8);margin-left: 30px;padding: 5px 5px 5px 20px;margin-bottom: 0;position: relative;height: auto;text-align: left;display: block;font-size: 12px;}
.sub_ats_menu_css li a:before{content: "\f105";position: absolute;left: 0;top: 50%;font: normal normal normal 18px/1 FontAwesome;transform: translateY(-55%);display: none;}
.sub_ats_menu_css li a:hover{color: #000;}
.sub_ats_menu_css li a:after{display: none;}
/*.menu_list.gClose:not(:hover) li a .desk_menu{opacity: 0;visibility: hidden;display: none;transition: .4s linear;}*/
.menu_list.gClose:not(:hover) li a .desk_menu span,.menu_list.gClose:not(:hover) .module_logo h2,.menu_list.gClose:not(:hover) .logout span{opacity: 0;visibility: hidden;display: none;transition: .4s linear;}
.menu_list li a .menudrop{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 16px;color: var(--whitefontcolor);}
.set_down_menu{display: none;}
.setup_sub_menu.menu_body.gnonemenu {display: none !important;}
.menu_title {font-size: 14px;color: rgba(255,255,255,0.8);padding: 9px 5px 9px 20px;display: flex;align-items: center;justify-content: flex-start;column-gap: 10px;cursor: pointer;position: relative;margin-left: 25px;}
.menu_title:hover{color: #fff;}
.menu_title span {font-size: 16px;display: none;}
.menu_title .menudrop {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 18px;}
/*.menu_list li.menuactive a .menudrop,.menuactive > .menu_title.submenudrop .menudrop,.assessment_menu.active .submenudrop .menudrop,.set_up_slide.active > .submenudrop .menudrop{transform: translateY(-50%) rotate(90deg);}*/
.menu_body .menuactive .submenudrop .menudrop{transform: translateY(-50%) rotate(90deg);}
.menu_list.gClose .menudrop{display: none;}
.menu_list.gClose:hover .menudrop{display: inline-block;}
.simplebar-track.horizontal{display: none !important;}
.sub_ats_menu_css.menu_body.show-dropdown li.active .submenudrop .menudrop:before{content: "\f107";}
body .mobilemenu{position: absolute;left: -35px;top: 50%;transform: translateY(-50%);font-size: 26px;color: var(--bluecolor);cursor: pointer;display: none;}
.gdropdown .gicon{display: inline-block;width: 40px;height: 40px !important;line-height: 45px !important;border-radius: 50%;background: var(--bluecolor);text-align: center;}
.gdropdown > a {display: flex;align-items: center;justify-content: center;column-gap: 12px;font-size: 14px;color: #444;cursor: pointer;}
.gdropdown .dropdown-menu {min-width: 280px;max-width: 280px;right: 0;left: initial;display: inherit;top: 200%;opacity: 0;visibility: hidden;transition:all 500ms ease;border: 1px solid #e5e9f2;box-shadow: 0 3px 12px 1px rgb(44 55 130 / 15%);border-top: 3px solid var(--bluecolor);padding: 0;z-index: -1;}
.gdropdown.open >.dropdown-menu {opacity: 1;top: 100%;transition: all 500ms ease;visibility: visible;z-index: 101;}
.dropdown.gdropdown.companydata .dask_user{background: #f6f6f6 !important;padding: 22px 25px;}
.gdropdown .gdropheader a{position: relative;padding: 20px 20px 20px 70px;border-bottom: 1px solid #f5f6fa;background: #f6f6f6;}
.gdropdown .gdropheader .gicon{display: inline-block;width: 40px;height: 40px;line-height: 44px;border-radius: 50%;background: var(--bluecolor);text-align: center;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.gdropdown ul li a{padding: 15px 15px 15px 50px;display: block;position: relative;} 
.gdropdown ul li a i{position: absolute;left: 25px;top: 50%;transform: translateY(-50%);font-size: 16px;color: var(--bluecolor);}
.gdropdown .gdropheader a:hover{background: #f6f6f6;color: #333;}
.gdropdown ul li a:hover{background: transparent;color: var(--bluecolor);}
.gdropdown ul li:last-child a{border-top: 1px solid #eee;}
.gdropdown ul li a.companyList { word-break: break-word; white-space: break-spaces !important; padding: 12px 15px; border-top: none !important; border-bottom: none !important; }
.orange {color: #ff8a1e;}
.pink{color: #ed145b;}
/*.assessment_menu.active ul.sub_ats_menu_css, .set_up_slide.active ul.sub_ats_menu_css{display: block;}
.menu_list li .sub_ats_menu_css li a span{color: var(--activecolor);}*/
.sub_ats_menu_css li a.active > span{color: #00F0FF !important;display: inline-block;position: relative;font-weight: 400;}
.sub_ats_menu_css li a.active > span:after{content: "";position: absolute;left: 15px;bottom: 1px;background: #fff;width: calc(100% - 20px);height: 1px;display: none;}
body .menu_body.submenuopen{display: block;}
body.gmenuClose .menusmall{display: flex;align-items: center;justify-content: center;}
body.gmenuClose .pinmenu .menubaricon  img{opacity: 0;visibility: hidden;}
/*.menu_list.gClose:hover .pinmenu .menuactive img{opacity: 1;visibility: visible;}*/
.logout {position: absolute;bottom: 0;width: 100%;left: 0;padding: 8px 17px;background: #0F4F92;}
.logout .desk_menu {display: flex;align-items: center;column-gap: 10px;width: 100%;}
.logout .icon{width: 24px;height: 24px;flex-grow: 0;flex-shrink: 0;overflow: hidden;display: block;}
.logout .icon img {width: 100%;height: auto;}
.logout span{font-size: 16px;line-height: 15px;font-weight: 300;font-family: 'Roboto', sans-serif;text-align: left;color: rgba(255,255,255,0.8);text-transform: capitalize;flex-grow: 1;display: inline-block;white-space: nowrap;}
.logout:hover span{color: #00F0FF;}
.logout:hover img{transform: translateY(-50%);}

.filterresultlbl-head .filterresultlbl li { margin-top: 10px; display: inline-block; }
.filterresultlbl-head .filterresultlbl { display: block; }

.Records-bg { display: flex; align-items: center; padding: 0px 0px; color: var(--headingcolor); border-radius: 5px; min-height: 40px; column-gap: 8px; }
.fliterbutton { height: 36px; width: 40px; padding: 0 !important; font-size: 20px !important; min-width: 40px; }
.br-1 { border-right: 1px solid; padding-right: 10px; }


/*========================
	2.1. Module Menu
==========================*/
/********* Module Menu *************/
.moduleIcon{cursor: pointer;line-height: 10px;display: flex;align-items: center;justify-content: flex-start;column-gap: 10px;}
body.module_open .moduleIcon{margin-bottom: 20px;}
.moduleIcon:hover img,body.module_open .moduleIcon:hover img{filter :invert(71%) sepia(16%) saturate(4928%) hue-rotate(181deg) brightness(221%) contrast(100%);}
body.module_open .moduleIcon img,body.module_open .menubaricon,body.module_open .gmenubar img{filter: invert(0%) sepia(0%) saturate(0) hue-rotate(0deg) brightness(0) contrast(60%);}
body.module_open .scroll-wrapper{padding-right: 0 !important;}
.module_menu{position: fixed;background-color: var(--whitebgcolor);width: 400px;overflow-y: auto;visibility: visible;pointer-events: auto;top: 0;left: 0;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-duration: .18s;animation-duration: .18s;-webkit-animation-timing-function: ease;animation-timing-function: ease;z-index: 9999;animation-name: slideInFrames;padding: 15px 10px 15px 20px;display: none;box-shadow: rgb(0 0 0 / 22%) 0px 25.6px 57.6px 0px, rgb(0 0 0 / 18%) 0px 4.8px 14.4px 0px;}
body.module_open .module_menu{display: block;}
body.module_open .gmenubar{z-index: 100;}
body.module_open .module_logo{position: relative;z-index: 103;background: #fff;}
body.module_open .module_logo h2{color: var(--blackfontcolor);font-weight: 500;display: none;}
.module_menu .module_logo{padding: 0;justify-content: space-between;}
.feather-x.module_menu_Close{width: 26px;height: 26px;line-height: 26px;text-align: center;border-radius: 50%;cursor: pointer;font-size: 14px;}
.feather-x.module_menu_Close:hover{background: var(--skyblue);color: var(--whitefontcolor);}
.module_menu_Close:hover{color: var(--skyblue);}
body.module_open .goverlay:after{display: block;top: 0;z-index: 100;}
.module_menu h3{font-size: 16px;font-weight: 500;font-family: 'Roboto',sans-serif !important;color: var(--blackfontcolor);margin: 25px 0 15px;}
.moduleIcon h3{margin: 0;font-size: 20px;}
.module_menu ul{list-style: none;padding: 0;margin: 0;}
.module_menu li{padding: 0;margin-bottom: 5px;}
.module_menu li a{display: block;text-align: left;position: relative;padding: 14px 17px;padding-left: 50px;font-size: 14px;color: var(--blackfontcolor);white-space: nowrap;}
.module_menu li a:hover{color: var(--skyblue);}
.module_menu li a .icon{position: absolute;left: 0;top: 5px;width: 36px;height: 36px;display: inline-block;}
.module_menu li a .icon img{width: 36px;height: auto;}
.module_menu li a:hover .icon img{filter: none;}
body.module_open .menu_list{z-index: 1;}
ul.row.Marketplace-row { margin: 0 0 20px; }

@keyframes slideInFrames {
    0% { opacity: 0; -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) }
    to { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

/*========================
	3. DashHeader
==========================*/
.dashheader h3 {font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 20px;line-height: 23px;color: var(--blackfontcolor);margin: 0 0 7px;}
.dashheader ul{display: flex;align-items: center;justify-content: flex-start;column-gap: 20px;margin-bottom: 25px;}
.dashheader ul li a{font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 20px;line-height: 16px;color: var(--lightgreycolor);position: relative;display: block;}
.dashheader ul li a:after{content: "";position: absolute;right: -12px;top: 0;width: 1px;height: 100%;background: var(--lightgreycolor);}
.dashheader ul li:last-child a:after{display: none;}
/*========================
	4. Filter
==========================*/
.dashbox {background: #fefefe;border: 1px solid rgba(9, 54, 121, 0.1);border-radius: 8px;padding:25px 15px;margin-bottom: 15px; position:relative; }
.filterresultlbl{display: flex;align-items: center;justify-content: flex-start;column-gap: 10px;}
.filterresultlbl li{display: flex;align-items: center;justify-content: flex-start;background: #eaf0f7;border-radius: 30px;color: var(--headingcolor);font-family: 'Roboto',sans-serif;font-weight: 500;font-size: 14px;line-height: 16px;padding: 10px 35px 10px 10px;margin-right: 8px;position: relative;white-space: nowrap;border: 1px solid rgba(0,0,0,0.05);}
.filterresultlbl li span{font-weight: 400; }
.filterresultlbl li:last-child{margin-right: 0;}
.filterresultlbl li i{font-size: 16px;cursor: pointer;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.filterresultlbl li:hover i{color: var(--activecolor);} 
.gfiltercontrol{display: flex;align-items: center;justify-content: flex-end;column-gap: 10px;}
.gfilterpagi{position: relative;display: inline-block;}
.gfilterpagi a{display: flex;align-items: center;justify-content: flex-start;padding: 6px 30px 6px 15px;color: var(--blackfontcolor);border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 4px;background: var(--whitebgcolor);cursor: pointer;line-height: 24px;position: relative;}
.gfilterpagi a i{font-size: 18px;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}
.gfilterpagi.open a i{transform: translateY(-50%) rotate(90deg);}
.gfilterpagi .dropdown-menu{min-width: 100%; background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: none;border-radius: 8px;margin: 0;padding: 0;left: 50%;transform: translateX(-50%);top: 55px;}
.gfilterpagi .dropdown-menu:after,.gfilterpagi .dropdown-menu:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);}
.gfilterpagi .dropdown-menu:after {top: -25px;border: 12px solid transparent;border-bottom-color: #eee;}
.gfilterpagi .dropdown-menu:before{top: -23px;border: 12px solid transparent;border-bottom-color: #fff;z-index: 1;}
.gfilterpagi .dropdown-menu li{padding: 5px 10px;font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 30px;color: var(--lightblackcolor);text-align: center; cursor: pointer;}
.gfilterpagi .dropdown-menu li:hover{background: rgb(240, 243, 247);color: var(--activecolor);}
.filtercontrol{display: flex;align-items: center;justify-content: center;column-gap: 5px;}
.filtercontrol li{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;box-shadow: none;border-radius: 4px;cursor: pointer;position: relative;}
.filtercontrol li:after{content: "";position: absolute;left: 50%;bottom: 3px;transform: translateX(-50%);width: 5px;height: 5px;border-radius: 50%;background: var(--bluecolor);opacity: 0;transition: all 200ms ease;}
.filtercontrol li:first-child:after,.filtercontrol li:last-child:after{display: none;}
.filtercontrol li:first-child,.filtercontrol li:last-child{border: 1px solid rgba(0, 0, 0, 0.1);}
.filtercontrol li:first-child:hover, .filtercontrol li:last-child:hover, .filtercontrol li:first-child.active, .filtercontrol li:last-child.active{background: rgb(240, 243, 247);color: var(--activecolor);}
.filtercontrol li:hover,.filtercontrol li.active{color: var(--activecolor);transition: all 200ms ease;}
.filtercontrol li:hover:after,.filtercontrol li.active:after{opacity: 1;}
.filtercontrol li svg{width: 20px;height: 20px;}
.grid table .pagination-ys table{margin: 0;}
.grid table .pagination-ys table > tbody > tr > td,.grid table .pagination-ys table > tbody > tr > td > span,.grid table .pagination-ys table > tbody > tr > td > a{position: relative;border: none !important;}
.grid table .pagination-ys table > tbody > tr > td > span,.grid table .pagination-ys table > tbody > tr > td > a{margin: 0;}
.grid table .pagination-ys table > tbody > tr > td > span:hover,.grid table .pagination-ys table > tbody > tr > td > a:hover{color: var(--activecolor);background: transparent !important;}
.grid table .pagination-ys table > tbody > tr > td > span,.grid table .pagination-ys table > tbody > tr > td > a {display: flex;padding: 8px 4px;align-items: center;justify-content: center;width: 36px;height: 36px;box-shadow: none;border-radius: 4px;cursor: pointer;position: relative;color: var(--blackfontcolor) !important;background: transparent;}
.grid table .pagination-ys table > tbody > tr > td > span:after,.grid table .pagination-ys table > tbody > tr > td > a:after{content: "";position: absolute;left: 50%;bottom: 3px;transform: translateX(-50%);width: 5px;height: 5px;border-radius: 50%;background: var(--bluecolor);opacity: 0;transition: all 200ms ease;}
.grid table .pagination-ys table > tbody > tr > td > span:after,.grid table .pagination-ys table > tbody > tr > td > a:hover:after{opacity: 1;}

.filter{position: fixed;top: 0;right: 0;width: 480px;height: 100%;z-index: 99999;background: var(--whitebgcolor);box-shadow: -8px 4px 6px rgb(0 0 0 / 20%);transform: translateX(540px);transition: .4s linear;padding: 0 0 15px 0;}
.addnewsidebar .modal-dialog{background: var(--whitebgcolor);box-shadow: -8px 4px 6px rgb(0 0 0 / 20%);}
body.filteropen .filter, body.slidefilteropen .addnewsidebar{transform: translateX(0);transition: .4s linear;}
body.filteropen .goverlay:after,body.slidefilteropen .goverlay:after{display: block;top: 0;z-index: 9999;}
.filterheader, .addnewsidebar .headerData{padding: 15px 20px;border-bottom: 1px solid var(--lightgreycolor);display: flex;align-items: center;justify-content: space-between;background: var(--bluecolor);}
.filterbutton, .addnewsidebar .headerData .filterbutton{display: flex;align-items: center;justify-content: flex-end;}
.filterheader h4, .addnewsidebar .headerData h4{font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 600;font-size: 16px;line-height: 18px;color: var(--whitefontcolor);margin: 0; text-transform: capitalize;}
.filter .filterbody, .addnewsidebar .sidebarbody{height: calc(100% - 80px);padding: 15px 20px;overflow-y: auto;}
.filterbody .col100{margin-bottom: 15px;}
.filtergrid .form_group, .addnewsidebar .sidebarbody .form_group{ margin-bottom: 20px; }
.filterbody .col100,.filterbody .col40,.filterbody .col60{width: 100% !important;float: initial; text-align: left;}
.filterbody label{display: block;font-family: 'Roboto',sans-serif;font-weight: 500;font-size: 14px;line-height: 16px;color: #263238;margin: 0 0 10px !important;}
.filterbody .hasDatepicker {background: #fff url(../../Images/menu_icon/calendar.svg) no-repeat; background-position: center right 10px;}
.filterClose { width: 30px; height: 30px; line-height: 30px !important; text-align: center; border-radius: 50%; color: var(--whitefontcolor) !important; margin-left: 15px; cursor: pointer !important; font-size: 14px !important; display: none; position: relative; transition: all 500ms ease; }
.locdrop-absolute .locdrop .dropdown-menu { z-index: 11; }

.checkbox-Status .checkbox { margin: 0; }
.checkbox-Status .checkbox input[type=checkbox] + label:after { content: "In Active"; right: -76px; text-transform: capitalize; top: 0px; }
.checkbox-Status .checkbox input[type=checkbox]:checked + label:after { content: "Active"; }


.filterClose i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;}
.filterClose:hover{background: var(--skyblue);color: var(--whitefontcolor);}
body.filteropen .filterClose,body.slidefilteropen .filterClose{display: block;}
.filter .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar{opacity: 0.9;}
body.filteropen .DataPanel,body.slidefilteropen .DataPanel{position: relative;z-index: 1;}
 a.btn.transition.fliterbutton {background: #e7edf4;border-color: var(--bluecolor);color: var(--bluecolor);box-shadow: none;border-radius: 4px; min-width: 36px; height: 36px;position: relative;}
 a.btn.transition.fliterbutton i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 18px;}
 a.btn.transition.fliterbutton:hover{background: var(--bluecolor);color: var(--whitefontcolor);}
.filter .filterbody, .addnewsidebar .sidebarbody  {overflow-x: hidden !important;}
.filterFooter, .addnewsidebar .footerData{padding: 12px 20px !important;background: #f6f6f6;display: flex;align-items: center;justify-content: space-between;}
.filterFooter .btn.transition:hover, .addnewsidebar .footerData .btn.transition:hover {color: var(--whitefontcolor);background: var(--bluecolor);}
.btn.greencolor:hover {background: #0a3b7e;color: #fff;border-color: #0a3b7e;}
.filterFooter .gbtn, .addnewsidebar .footerData .gbtn { background: transparent !important; text-align: left !important; padding: 0 !important; border: none !important;}
.filterFooter .gbtn:hover, .addnewsidebar .footerData  .gbtn:hover{text-decoration: none;color: var(--skyblue) !important; box-shadow: none !important; }

.filter .filterbody,.sidebarbody {height: calc(100vh - 125px) !important;}
.headerData .filterClose { display: block; }
.mt-20 { margin-top: 20px; }
.addtags.addtagschosen { position: relative; width: 100%; height: auto !important; border: 1px solid #ccc; background-color: #fff; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff)); background-image: -webkit-linear-gradient(#eee 1%,#fff 15%); background-image: -moz-linear-gradient(#eee 1%,#fff 15%); background-image: -o-linear-gradient(#eee 1%,#fff 15%); background-image: linear-gradient(#eee 1%,#fff 15%); cursor: text; }
.pageheader .gresetbutton { background: #fecb03; border: none; color: var(--blackfontcolor) !important; box-shadow: none !important; border-radius: 0 4px 4px 0 !important; min-width: 40px; height: 40px; line-height: 45px; text-align: center; position: relative; padding: 0 !important; display: inline-block !important; cursor: pointer; }
.searchbox-main { display: flex; align-items: center; }
.pageheader .gresetbutton i { font-size: 18px !important; }
.footerData { display: flex; justify-content: space-between; align-items: center; }


/*========================
	5. Gtable
==========================*/


.mr_3 { margin-right: 3px !important; }
.recordsdata {column-gap: 10px;}
.recordsdata > div,.recordsdata > div > span{font:500 14px 'Roboto',sans-serif;}
.recordsdata select {margin-bottom: 0;}
.Filter-filterresultlbl { padding: 0px 0 0px; display: inline-block; width: 100%; }
.gflexdata.recordsdata { display: flex; align-items: center; justify-content: end; }
button.Close.filterClose { display: block !important; opacity: 1; }
.teg-control-icon a { width: 35px !important; height: 32px; line-height: 25px; font-size: 20px; display: inline-block; }
.fw-500 { font-weight: 500; font-family: 'Roboto', sans-serif; }
.tools.gtools{display: flex;align-items: center;justify-content: space-between;border: none;margin-bottom: 0;padding: 0 0 15px;}
.tools.gtools .text-center.bold{text-align: right;}
.grid.gtable {background: #fafafc;padding: 0 15px;overflow-y:auto;/*height: calc(100vh - 235px) !important;*/}
.gtable.grid table {border: none !important;border-spacing: 0 2px;border-collapse: separate !important;margin: 0;width: 100%;}
.table_top_align table tr td {vertical-align: top !important;}
.grid table tr:nth-last-child(even){background: transparent;}
.gtable.grid table tr th{background: #f0f3f7 !important;font-family: 'Roboto',sans-serif;font-weight: 500;font-size: 14px;line-height: 20px;color: var(--headingcolor) !important;padding: 12px 10px;border-top: 1px solid #e5e3ef;border-bottom: 1px solid #e5e3ef !important;position: sticky !important;top: 0;z-index: 8;}
.gtable.grid table tr td{border-top: 1px solid #e5e3ef;border-bottom: 1px solid #e5e3ef;padding: 8px 10px;vertical-align: middle;}
/*.gtable.grid table tr th:first-child{padding-left: 5px;}*/
.gtable.grid table tr th:first-child{border-left: 1px solid #e5e3ef;padding-left: 10px;}
.gtable.grid table tr th:last-child{border-right: 1px solid #e5e3ef;}
.gtable.grid table tr td:first-child{border-left: 1px solid #e5e3ef;padding-left: 10px;}
.gtable.grid table tr td:last-child{border-right: 1px solid #e5e3ef;}
.gtable.grid .stage-statics {width: 100% !important;height: auto;position: relative;margin-left: 0;display: flex;align-items: center;justify-content: flex-start;column-gap: 40px;}
.gtable.grid .stage-statics li{width: auto;border-right: none;margin: 0;}
.gtable.grid .stage-statics li .count{font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 22px;line-height: 26px;text-align: center;}
.gtable.grid .glabel{font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 18px;text-transform: capitalize;color: #666;}
.gtable.grid table tr td span.text-success, .gtable.grid table tr td span.text-danger{font-size: 14px;}
.gtable.grid table .loclabel{background: #f5f5f5;border-radius: 10px;color: var(--headingcolor);font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 12px;line-height: 16px;display: inline-block;padding: 4px 10px;margin: 5px 5px 0 0;}
.gtable.grid table .job_name,.gtable.grid table .job_code{font-family: 'Roboto',sans-serif;font-style: normal;color: #263238;display: inline-block;}
.gtable.grid table .job_name {font-size: 14px;line-height: 20px;font-weight: 500;text-transform: capitalize;}
.gtable.grid table .job_code {font-size: 12px;line-height: 16px;font-weight: 400;padding-left: 5px;}
.gtable.grid table .job-desc{font-family: 'Roboto',sans-serif;font-size: 12px;font-style: normal;color: #263238;padding: 2px 0;}
 .actiondrop a.action_icon{position: relative;width: 30px;height: 30px;line-height: 30px;text-align: center;display: inline-block;margin: 0;padding: 0;cursor: pointer; z-index:1; }
.actiondrop a.action_icon i{font-size: 18px;}
.actiondrop a.action_icon:after {position: absolute;z-index: -1;height: 20px;width: 20px;top: 50%;left: 50%;transform: translate(-50%, -50%);transform-origin: 50% 50%;content: "";background-color: #e5e9f2;border-radius: 50%;opacity: 0;transition: all .3s;}
.dropdown a:hover{background: transparent !important;}
.actiondrop:hover a.action_icon:after{opacity: 1;height: 120%;width: 120%;}
.locdrop {display: inline-block;}
.locdrop .gicon{display: inline-block;width: 20px;height: 20px;line-height: 22px;border-radius: 50%;background: #f5f5f5;text-align: center;cursor: pointer;}
.locdrop .gicon:hover,.locdrop.open .gicon{background: var(--bluecolor);color: var(--whitefontcolor);}
.locdrop.open .gicon i.fa-angle-double-down:before{content: "\f101";}
.locdrop .dropdown-menu{min-width: 340px;background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: none;border-radius: 8px;margin: 0;padding: 10px 0 0;left: 50%;transform: translateX(-50%);top: 35px;z-index: 1;}
.smallboxtags .locdrop .dropdown-menu{min-width: 260px;}
.locdrop .dropdown-menu:after,.locdrop .dropdown-menu:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);}
.locdrop .dropdown-menu:after {top: -25px;border: 12px solid transparent;border-bottom-color: #eee;}
.locdrop .dropdown-menu:before{top: -23px;border: 12px solid transparent;border-bottom-color: #fff;z-index: 1;}
.locdrop .dropdown-menu li,.tagsview li span{background: #f5f5f5;border-radius: 10px;color: var(--headingcolor);font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 12px;line-height: 16px;display: inline-block;padding: 4px 10px;margin-right: 8px;margin-bottom: 10px;}
.locdrop.open .dropdown-menu li{ margin-right: 0px; margin-left: 8px; margin-bottom: 10px; }
.gaction_list, .dropMenu { min-width: 180px; box-shadow: none; border-radius: 4px; background: var(--whitebgcolor); border: 1px solid rgba(0, 0, 0, 0.1); z-index: 4; }
.tagsview{display: inline-block;}
.tagsview li{display: inline-block;}
.gaction_list{top: 50px;margin: 0;padding: 0 !important;right: 0;left: initial;}
.gaction_list:after,.gaction_list:before{content: "";position: absolute;right: 15px;}
.gaction_list:after {top: -25px;border: 12px solid transparent;border-bottom-color: #eee;}
.gaction_list:before{top: -23px;border: 12px solid transparent;border-bottom-color: #fff;z-index: 1;}
.gaction_list a{border-bottom: 1px solid rgba(0,0,0,0.08) !important;padding: 15px 10px 15px 35px !important;font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 16px;color: var(--lightblackcolor);position: relative;display: block !important;text-align: left !important;cursor: pointer;}
 .gaction_list a:last-child { border-bottom: none !important; }
.gstatus.glistdata .dropdown-menu.gaction_list {z-index: 222; }
.gstatus.glistdata .gaction_list:after, .gstatus.glistdata .gaction_list:before{right: 3px;}
.gstatus .gaction_list .statuscroll{overflow-y: auto;height: 200px !important;}
.gstatus .gaction_list:after, .gstatus .gaction_list:before{right: 45px;}
.gstatus .gaction_list:before{border-bottom-color: #f6f6f6;}
.gstatus .gaction_list a{padding: 10px 8px !important;}
.gstatus .gaction_list li.grpTitle {padding: 10px 11px;background: #f0f3f7;color: #0f4f92;font: 500 14px 'Roboto',sans-serif;}
.gaction_list a .feather {position: absolute;left: 0;top: 8px;background: transparent;color: var(--blackfontcolor);font-size: 18px;}
.gaction_list a:hover {background: rgb(240, 243, 247) !important;color: var(--activecolor);} 
.gaction_list a:hover i{color: var(--activecolor) !important;}
.gtable.grid table tr{position: relative;}
.gtable.grid table .border-JobCreated, .gtable.grid table .border-publish,.gtable.grid table .border-Requisition,.gtable.grid table .border-skyblue,.gtable.grid table .border-draft,.gtable.grid table .border-Close{border-left: none;padding-left: 0;}
.gtable.grid table .border-JobCreated:after,.gtable.grid table .border-publish:after,.gtable.grid table .border-Requisition:after,.gtable.grid table .border-skyblue:after,.gtable.grid table .border-draft:after,.gtable.grid table .border-Close:after,.gtable.grid table .border-InActive:after{content: "";position: absolute;left: 0;top: 0;width: 3px;height: 100%;}
.gtable.grid table .border-publish:after{background: #5cb85c;}
.gtable.grid table .border-JobCreated:after{background: #9ef99e;}
.gtable.grid table .border-draft:after{background: #f0ad4e;}
.gtable.grid table .border-Close:after{background: #d9534f;} 
.gtable.grid table .border-InActive:after{background: #ed9a98;} 
.gtable.grid table .border-Requisition:after,.gtable.grid table .border-skyblue:after{background: #b4b85c;}
.gtable.grid table .gtablehead{display: none;background: #f0f3f7;font-family: 'Roboto',sans-serif;font-weight: 500;font-size: 16px;line-height: 24px;color: var(--headingcolor);padding: 8px 15px !important;border-bottom: 1px solid #e5e3ef;text-align: left;}
.gtable.grid table .gjob-desc span,.gtable.grid table .gjob-desc span a{font: 500 14px 'Roboto',sans-serif;color: #263238;}
.gtable.grid table .gjob-desc span a{text-transform: capitalize;}
.gtable.grid table .gjob-desc .job-desc{display: flex;align-items: center;justify-content: flex-start;column-gap: 15px;}
.gtable.grid table .gjob-desc .job-desc li{font: 400 12px/14px 'Roboto',sans-serif;color: var(--lightblackcolor);position: relative;}
.gtable.grid table .gjob-desc .job-desc li:after{content: "";position: absolute;top: 0;right: -8px;width: 1px;height: 100%;background: var(--lightblackcolor);}
.gtable.grid table .gjob-desc .job-desc li:last-child:after{display: none;}
.gtable.grid table .gtimeline{display: inline-block;}
.gtable.grid table ul.gtimeline.jobtimeline {min-height: 45px;}
.gtable.grid table .gtimeline li{font: 400 14px/20px 'Roboto',sans-serif;color: var(--bluecolor);position: relative;padding-right: 2px;padding-top: 1px;}
.gtable.grid table .gtimeline li:after,.gtable.grid table .gtimeline li:before{content: '';position: absolute;}
.gtable.grid table .gtimeline li.applied:after{left: -3px;top: 18px;width: 5px;height: 5px;border-radius: 50%;background: var(--bluecolor);}
.gtable.grid table .gtimeline li.updated:before{right: -10px;top: -6px;border: 5px solid transparent;border-left-color: #2cb34c;}
.gtable.grid table .gtimeline.jobtimeline li.updated:before{display: none;}
.gtable.grid table .gtimeline.jobtimeline li.updated:after{left: 0;top: -4px;width: 5px;height: 5px;border-radius: 50%;background: #2cb34c;}
.gtable.grid table .gtimeline li.Closedate:before{right: -9px;top: -6px;border: 5px solid transparent;border-left-color: #f44336;}
.gtable.grid table .gtimeline li span:after{content: "";position: absolute;top: -1px;left: 0;width: 100%;height: 1px;}
.gtable.grid table .gtimeline li.applied span:after{background: var(--bluecolor);top: 20px;width: 50%;z-index: 2;}
.gtable.grid table .gtimeline li.updated span:after{background: #2cb34c;}
.gtable.grid table .gtimeline li.Closedate span:after{background: #f44336;}
.gtable.grid table .gtimeline li:last-child{color: #2cb34c;}
.gtable.grid table span.rating_count {display: block;font: 500 12px 'Roboto',sans-serif;padding: 5px 0 0;color: var(--lightblackcolor);}
.gtable.grid table.two-column .job-desc{padding: 0;}
.gtable.grid table.two-column  .actiondrop a.action_icon{line-height: 30px;}
.gtable.grid table.two-column .actiondrop.gstatus a.action_icon{line-height: 42px;}
.gtable.grid table.two-column .actiondrop a.action_icon:after{top: 50%;}

.top-head-right .action a.action_icon { margin: 0; z-index: 1; background: #e2f4fb !important; box-shadow: none; border: 1px solid var(--skyblue); border-radius: 4px; min-width: 40px; height: 36px; line-height: 46px; text-align: center; position: relative; display: inline-block; cursor: pointer; padding: 0 !important; margin-right: 10px; font-size: 18px; }
.dropdown.actiondrop.AssignTask a.action_icon { line-height: 42px !important; }
.top-head-right .action a.action_icon:after { display:none; }
.btnTalentPool { background: rgba(223, 30, 255, 0.1); border: 1px solid #df1eff; box-shadow: none; border-radius: 4px; min-width: 40px; height: 36px; line-height: 40px; text-align: center; position: relative; display: inline-block; cursor: pointer; padding: 0 !important; margin-right: 10px; font-size: 18px; }
.btnTalentPool img { width: 20px; }
.actiondrop a.action_icon img { width: 27px; height: 22px; }
.btn.sequencebtn { background: var(--activecolor); color: var(--whitefontcolor) !important; }
.btn.sequencebtn img { max-width: 18px; }
.btn.sequencebtn:hover { background: #26ac46; }
.SelectApplicantPopup .grid.gtable { height: calc(100vh - 445px) !important; }
.lblUserStatus { font-size: 12px; line-height: 18px; display: flex; align-items: center; padding:2px 0 0; }
.lblUserStatus img { margin-right: 5px; width: 18px !important; }
.lblUserStatus.open { color: #09BEF3; }
.font12 { font-family: 'Roboto',sans-serif; font-size: 12px; font-style: normal; color: #263238; }
.font13 { font-family: 'Roboto',sans-serif; font-size: 13px; font-style: normal; }
.lblUserStatus.Clsopen { color: #09bef3; }
.lblUserStatus.ClsClosed { color: #2cb34c; }
.lblUserStatus.Clsdeclined { color: #e3351e; }
.Action-btn a.action img.img { width: 20px !important; height: 20px !important; margin: -8px 0 0; }

.gstatus .gaction_list li a{border-bottom: 1px solid rgba(0,0,0,0.08) !important;}
.gstatus .dropdown-menu.gaction_list{min-width: 200px;}

/*========================
	6. Page Box
==========================*/
.pagebox {border: 1px solid rgba(9, 54, 121, 0.1);border-radius: 4px;background: var(--whitebgcolor);}
.pageboxheader{position: relative;}
.pageboxheader h4 {font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 500;font-size: 18px;line-height: 28px;color: #263238;text-transform: capitalize;border-bottom: 1px solid rgba(9, 54, 121, 0.1);padding: 8px 20px;background: #f5f5f5; margin:0; }
.pageboxheader .action{position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.pageboxheader .action i,.pageboxheader .action i:hover{box-shadow: none;}
.pageboxheader .action.btn-blue i{background-color: transparent;box-shadow: none;color: var(--headingcolor);font-size: 18px;}
.pageboxheader .action.save {right: 45px;}
.pageboxbody{padding: 20px;}
.pageboxbody .jobbox{margin: 0 0 20px;}
.pageboxbody .jobbox label { font-family: 'Roboto',sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; color: #263238; display:block; margin-bottom: 5px; }

.pageboxbody .jobbox.divpublishdate{margin-top: 20px;}
.pageboxbody .jobbox .checkbox input[type=checkbox] + label:after{top: 50%;transform: translateY(-50%);}
  /*.pageboxbody .jobbox .checkbox input[type=checkbox] + label{background: #bcc2c6;}
.pageboxbody .jobbox .checkbox input[type=checkbox]:checked + label {background-color: #80cbc4;}
.pageboxbody .jobbox select,.pageboxbody .jobbox .chosen-container-multi .chosen-choices {padding: 10px;}*/
.pageboxbody .jobbox .o2k7SkinSilver td.mceToolbar{background: #f9fafb;padding: 10px;}
.pageboxbody .boxdata{margin-bottom: 30px;}
.pageboxbody .boxdata:last-child{margin-bottom: 0;}
.pageboxbody h5{font-family: 'Roboto',sans-serif;font-weight: 500;font-size: 14px;color: #263238;margin-bottom: 5px;}
.pageboxbody p{font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 14px;line-height: 22px;color: #8e8888;}
.jobdetails .pageboxbody ul li{position: relative;padding-left: 15px;margin-bottom: 5px;}
.jobdetails .pageboxbody ul li:after{content: "\f105";position: absolute;left: 0;top: 0;font-family: "FontAwesome";font-size: 20px;color: #263238;}
.joblocation .jlocdata{display: flex;align-items: center;justify-content: space-between;}
.joblocation .jlocdata input{display: inline-block;text-align: center;}
.joblocation i{color: var(--bluecolor);font-size: 28px;cursor: pointer;}
.joblocation i:hover{color: var(--skyblue);}
.locationdata ul{background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 15px 0 5px;margin: 25px 0 0;}
.locationdata ul li{background: #f5f5f5;border-radius: 10px;color: var(--headingcolor);font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 14px;line-height: 16px;display: inline-block;padding: 6px 25px 6px 10px;margin-left: 8px;margin-bottom: 10px;position: relative;text-align: left;}
.locationdata ul li i{position:absolute;right: 8px;top: 50%;transform: translateY(-50%);font-size: 14px;cursor: pointer;}
.locationdata ul li i:hover{color: var(--activecolor);}
.note-editor .btn{color: #333;background-color: #fff;border-color: #ccc;box-shadow: none;min-width: inherit;padding: 5px 10px;}
.note-editor .btn-default.active,.note-editor .btn-default:active,.note-editor .open>.dropdown-toggle.btn-default{color: #333;background-color: #e6e6e6; border-color: #adadad;}
.note-editor.note-frame {border: 1px solid rgba(0,0,0,.2) !important;}
.note-editor .panel-heading {color: #333 !important;background-color: #f5f5f5 !important;border-color: #ddd !important;padding: 5px 10px 10px !important;margin: 0 !important;}
.label-title { display: block; font-family: 'Roboto',sans-serif; font-weight: 500; font-size: 14px; line-height: 16px; color: #263238; margin: 0 0 10px !important; }
.jobboxrow { display: flex; align-items: center; justify-content: space-between; }
.top-head-right { display: flex; align-items: center; }
.label-caption { display: block; font-family: 'Roboto',sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #8e8888; }
.top-head-right .action { display: flex; }
.btnTemplate { background: #09BEF3 !important; color: #fff !important; border-color: #09BEF3 !important; }
.btnTemplate:hover { background: #5CB85C !important; border-color: #5CB85C !important; }


/*========================
	7. Details View
==========================*/

.jobdetails .DataContainer{padding: 0;}
.jobdetails .DataContainer .jheading{font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 500;font-size: 26px;color: var(--blackfontcolor);text-transform: capitalize;}
.jobdetails .jheader{display: flex;align-items: center;justify-content: flex-start;column-gap: 20px;margin-bottom: 20px;}
.jobdetails .jheader .date_data {font-family: 'Roboto',sans-serif;font-style: normal;font-weight: 400;font-size: 15px;line-height: 18px;color: #263238;display: flex;align-items: center;justify-content: space-between;column-gap: 12px;}
.jobdetails .jheader .job_count{display: inline-block;padding: 3px 18px;background: var(--skyblue);font-family: 'Roboto',sans-serif;font-weight: 500;font-size: 14px;color: var(--whitefontcolor);position: relative;  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);}
.jobdetails .jheader .job_count span{display: inline-block;}
.jobdetails .jheader .jobactive{margin: 0;top: inherit;z-index: 1;}
.jobdetails .jcodelist{display: flex;align-items: center;justify-content: flex-start;column-gap: 30px;margin-bottom: 30px;}
.jobdetails .jcodelist li{color: #263238;text-transform: capitalize;font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 18px;position: relative;}
.jobdetails .jcodelist li:last-child:after{content: "";position: absolute;top: 0;left: -18px;width: 1px;height: 100%;background: rgba(0,0,0,0.2);}
.jobdetails .jcodelist li span{color: #666;}
.jobposting{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.jobpostingdata.locationdata ul{margin: 0;padding: 0;border: none;}
.jobpostingdata.locationdata li{padding: 6px 10px !important;margin-left: 0;margin-right: 5px;margin-bottom: 10px !important;}
.jobpostingdata.locationdata li:after{display: none;}
.pageboxbody .row .col-sm-12 > .jobposting:last-child{margin-bottom: 0;}
.hiringteam{margin-top: 30px;}
.pageboxheader .Panel_btn {background: transparent;border: none;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);color: var(--headingcolor);}
.pageboxheader .Panel_btn:hover{color: var(--activecolor);}
.hiringteam .hiringflex{display: flex;justify-content: flex-start;align-items: center;column-gap: 30px; flex-wrap:wrap;}
.hiringteam .hiringMember{width: 290px;margin: 0;text-align: center;padding: 30px 15px 30px 15px;border-radius: 5px;position: relative;margin-bottom: 30px;}
.hiringteam .hiringMember span.roles{position: absolute;left: 15px;top: 10px;color: var(--headingcolor);font-size: 12px;background: transparent;margin: 0;padding: 0;font-weight: 500;text-transform: uppercase;}
.hiringteam .hiringMember label{margin: 0;}
.del_icon{position: absolute;right: 10px;top: 10px;}
.del_icon span{color: var(--lightgreycolor);}
.del_icon:hover span{color: var(--headingcolor);}
.hiringteam .hiringMember .memberName{padding: 5px 0;display: block;font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;}
.hiringteam .hiringMember .memeberdata{padding: 0px 0 5px;font-family: 'Roboto',sans-serif;font-weight: 400;font-size: 12px;line-height: 20px;color: var(--lightgreycolor);}
.main_table table tr th{background: #f5f5f5 !important;border-bottom: 1px solid rgba(9, 54, 121, 0.1) !important;padding: 10px 15px;}
.main_table tr td{padding: 10px 15px;}
.main_table .grdLocationDetail {border: 1px solid rgba(9, 54, 121, 0.1);}
.main_table .chklstRoleType td{border-bottom: none;}
.DataPanel .action i{box-shadow: none !important;border: none !important;}
.DataContainer .jobinactive, .DataContainer .jobactive{top: inherit;z-index: 1;}
/*========================
	8. Application
==========================*/
.record_filter{display: flex;align-items: center;justify-content: flex-end;column-gap: 15px;}
.record_filter .show_record{position: relative;padding-top: 5px;border-radius: 4px;padding: 0 8px 0 5px;}
.record_filter .show_record span {font-size: 14px;display: inline-block;font-weight: 500;}
.record_filter .show_record select {border: 1px solid #dadada;height: 32px !important;-moz-appearance: none !important;-webkit-appearance: none !important;appearance: none !important;box-shadow: none !important;padding: 8px !important;padding-right: 25px !important;background-image: url(../../images/menu-new-design/arrow-bottom.svg);background-repeat: no-repeat;background-position: center right 9px;background-size: 12px;line-height: 15px !important;}
.record_filter a.skyblue{background: #e6f8fe;border-color: var(--skyblue);min-width: inherit;width: 40px;height: 40px;line-height: 40px;box-shadow: none;margin: 0;border-radius: 4px;padding: 0 !important;text-align: center;}
.record_filter .action{display: flex;align-items: center;justify-content: flex-end;column-gap: 15px;}
.record_filter a.skyblue i{color: var(--skyblue);padding: 0;margin: 0;}
.record_filter a.skyblue:hover{background: var(--skyblue);}
.record_filter a.skyblue:hover i{color: var(--whitefontcolor);}
.record_filter button.btnTalentPool{background: rgba(223, 30, 255, 0.1);border: 1px solid #df1eff;border-radius: 4px;min-width: inherit;width: 40px;height: 38px;line-height: 38px;box-shadow: none;margin-right: 15px;border-radius: 4px;padding: 0;margin: 0 !important;text-align: center;position: relative;}
.record_filter button.btnTalentPool img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.record_filter button.btnTalentPool:hover{background: #df1eff;}
.record_filter button.btnTalentPool:hover img{color: #fff;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(200%) contrast(200%);}
.record_menu{line-height: initial;max-width: 100%;display: inline-block;margin: 0px 0 10px;position: relative;}
.record_menu li { margin: 0 !important; position:relative; display:inline-block; float:left; border-top: 1px solid rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05); }
.record_menu li a{display: block;position: relative;padding: 10px 12px 9px 25px;background: var(--whitebgcolor) !important;color: #676565;border: none !important;border-radius: 0;margin-right: 0;}
.record_menu li:first-child a{padding: 10px 15px 9px 12px !important;}
.record_menu li.active a{background: var(--bluecolor) !important;color: #fff;}
.record_menu li.active a:hover{color: #fff;}
.record_menu li a {position: relative;background: white;}
.record_menu li:after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 0;border-left: 19px solid white;border-top: 19px solid transparent;border-bottom: 19px solid transparent;}
.record_menu li:before {content: "";position: absolute;right: -32px;bottom: 0;width: 0;height: 0;border: 18px solid transparent;z-index: 1;}
.record_menu li a:after {content: "";position: absolute;left: 0;bottom: 0px;width: 0;height: 0;border-left: 19px solid rgba(0,0,0,0.4);border-top: 19px solid transparent;border-bottom: 19px solid transparent;}
.record_menu li a:before {content: "";position: absolute;right: -36px;bottom: 0px;width: 0;height: 0;border: 18px solid transparent;z-index: 1;}
.record_menu li.active a:before { border-left-color: var(--bluecolor);}

.record_menu li.active label.badge { background: #fff !important; color: #0a3b7e !important; }
.record_menu li:first-child:after,.record_menu li:first-child:before,.record_menu li:first-child.active:after,.record_menu li:first-child.active:before{display: none;}
.record_menu li:first-child a:after,.record_menu li:last-child a:before{display: none;}
.record_menu li.active:last-child a:before {display:inline-block;}
td.Question-icon .icon { font-size: 18px; }
.record_menu ul {padding-right: 42px; position: relative; margin:0 !important;display: flex;align-items: center;flex-wrap: wrap;}
/*.record_menu:before { content: ""; position: absolute; background: #fff; width: 20px; right: 38px; top: 0; bottom: 0; border-top: 1px solid rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05); }*/
/*.record_menu:after { content: ""; position: absolute; right: 23px; bottom: 0px; width: 0px; height: 0; top:0; border-left: 19px solid white; border-top: 19px solid transparent; border-bottom: 19px solid transparent; }
.record_menu ul:after { content: ""; position: absolute; right: 23px; width: 0; height: 0; border-left: 19px solid rgba(0,0,0,0.4); border-top: 19px solid transparent; border-bottom: 19px solid transparent; }*/
body.filteropen .gtable.grid table tr th { z-index: 1; }
.row-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.Assessment-list h4 { font-size: 20px; font-weight: 700; color: var(--headingcolor); margin: 0 20px 0 0; display: inline-block; }
th.text-left { text-align: left !important; }
.ApplicantHistoryDetail-box .gflex { display: flex; align-items: center; justify-content: center; }
.ApplicantHistoryDetail-box { background: var(--whitebgcolor); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px !important; margin: 0 0 15px; padding: 18px 18px 0px; }
.ApplicantHistoryDetail-box .empbox { position: relative; padding-left: 70px; display: flex; align-items: center; min-height: 55px }
.ApplicantHistoryDetail-box .empbox .empicon { display: inline-block; width: 54px; height: 54px; line-height: 54px; background: rgba(15, 79, 146, 0.1); border: 1px solid #0F4F92; border-radius: 8px; text-align: center; font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 300; font-size: 26px !important; letter-spacing: 0.1em; color: #0a3b7e; position: absolute; left: 0; top: 0; }
.ApplicantHistoryDetail-box .empbox .employeedata > span.employee_name { font-weight: 500; font-size: 24px; line-height: 28px; letter-spacing: 0.04em; color: var(--bluecolor); margin-bottom: 5px; font-family: 'Roboto',sans-serif; }
.ApplicantHistoryDetail-box .e-application-info label { margin-bottom: 3px; }
.ApplicantHistoryDetail-box .e-application-info p { margin: 0; }


/*========================
	3. Member
==========================*/
.member_list {background: var(--whitebgcolor);border: 1px solid rgba(9, 54, 121, 0.1);box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);border-radius: 16px;display: block;overflow: hidden;}
.member_list li{padding: 10px 10px 10px;flex: 0 0 140px;text-align: center;}
.member_list li a{display: inline-block;position: relative;text-align: center;}
.member_list li a i.member_photo{display: block;width: 48px;height: 48px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.member_list li a .member_name{display: block;color: var(--blackfontcolor);text-transform: capitalize;margin: 10px 0 0;min-width: 80px;}
.member_list li a .icon{width: 18px;height: 18px;border-radius: 50%;font-style: normal;font-size: 10px;line-height: 18px;color: var(--whitefontcolor);position: absolute;right: 10px;top: 0;display: inline-block;text-align: center;}
.member_list li a .icon.color_1{background: #0f4f92;}
.member_list li a .icon.color_2{background: #b323e7;}
.member_list li a .icon.color_3{background: #ff763a;}
.member_list li a .icon.color_4{background: #26dc50;}
.member_list li a .icon.color_5{background: #548ee0;}
.member_list li a .icon.color_6{background: #e8326d;}
.member_list li a .icon.color_7{background: #09bef3;}

.member_list li a i.member_photo img {
    width: 100%;
    height: auto;
}
ul.w_list-scrollbar-inner {
    display: flex;
    width: 64vw;
}
/*ul.w_list-scrollbar-inner {
    display: flex;
    align-items: center;
    overflow-y: auto;
    width: 1233px;
}

ul.w_list-scrollbar-inner::-webkit-scrollbar {
    height: 4px;
     border-radius:4px;
}
 
ul.w_list-scrollbar-inner ::-webkit-scrollbar-track {
    background-color: #ebebeb;
     border-radius:4px;
}

ul.w_list-scrollbar-inner::-webkit-scrollbar-thumb {
    background: #2196f3; 
    border-radius:4px;
}*/


.mlistdata.scrollbar-inner.scroll-content.scroll-scrollx_visible {
    padding: 0 0 10px !important;
}



.mlistdata .scroll-element.scroll-x.scroll-scrollx_visible {
        bottom: 0px;
    height: 4px;
    left: 0;
}
#recentjoinee .scroll-element.scroll-x.scroll-scrollx_visible {
    bottom: 5px;
}

/*========================
	4. Joinee List
==========================*/

.joinee_list{display: flex;align-items: center;overflow: hidden;}
.joinee_list li{margin-right: 10px;display: block;margin-bottom: 1px;}
.joinee_list li a{display: block;background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);border-radius: 8px;padding: 30px 0 15px;text-align: center;width: 200px;position: relative;}
.joinee_list li span{display: block;}
.joinee_list li .date_data{font-size: 10px;line-height: 16px;color: #093679;position: absolute;left: 15px;top: 10px;padding-left: 15px;}
.joinee_list li .date_data:after{content: "";position: absolute;left: 0;top: 3px;width: 9px;height: 9px;background: #093679;border-radius: 50%;}
.joinee_list li .name{font-size: 14px;line-height: 24px;color: var(--lightblackcolor);}
.joinee_list li .post{font-size: 10px;line-height: 16px;color: var(--lightblackcolor);}
.joinee_list li .department{display: flex;align-items: center;justify-content: center;font-size: 10px;line-height: 16px;color: var(--lightgreycolor);}
.joinee_list li .department > div{padding: 10px 10px 0 0;position: relative;white-space: nowrap;width: 300px;overflow: hidden;text-overflow: ellipsis;}
.joinee_list li .department > div:first-child:after{content: "";position: absolute;right: 5px;top: 14px;width: 1px;height: 8px;background: var(--lightgreycolor);}
.joinee_list li a:hover{background: #093679;}
.joinee_list li a:hover span,.Joinee_list li a:hover div{color: #fff;}
.joinee_list li a:hover .date:after,.Joinee_list li a:hover .department > div:first-child:after{background: #fff;}
.joinee_list li a:hover .date_data:after { background: #fff; }
.joinee_list li a:hover .department { color: #fff; }
.notification-drop { font-family: 'Ubuntu', sans-serif; color: #444; list-style: none; margin: 0; padding: 0; }
.notification-drop .item { padding: 10px; font-size: 26px; position: relative; border-bottom: 1px solid #ddd; }
.notification-drop .item:hover { cursor: pointer; }
.notification-drop .item i { margin-right: -1px; }
.notification-drop .item ul { display: none; position: absolute; top: 100%; background: #fff; left: -195px; right: 0; border: 1px solid #e5e9f2; box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15); border-top: 3px solid var(--bluecolor); padding: 0; }
.notification-drop .item ul li { font-size: 15px; padding: 12px 15px; }
.notification-drop .item ul li:hover { background: #eaf0f7; color: rgba(0, 0, 0, 0.8); }
@media screen and (min-width: 500px) {
.notification-drop {display: flex; justify-content: flex-end; }
.notification-drop .item { border: none; }
}
.notification-bell { font-size: 26px !important; }
.btn__badge { background: #FF5D5D; color: white; font-size: 11px !important; position: absolute; top: 0; right: 0px; padding: 1px 8px; border-radius: 50%; }
.pulse-button { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5); -webkit-animation: pulse 1.5s infinite; }
.pulse-button:hover { -webkit-animation: none; }
.notification-text { font-size: 14px; font-weight: bold; }
.notification-text span { float: right; }






/*========================
	5. Box
==========================*/
.box{background: var(--whitebgcolor);border: 1px solid rgba(9, 54, 121, 0.1);box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);border-radius: 16px;padding: 10px;}
.pipedata span{display: block;font-weight: 300;font-size: 12px;line-height: 16px;color: var(--lightgreycolor);}
.pipedata span.count{font-weight: 500;font-size: 48px;line-height: 56px;color: var(--headingcolor);}
.hire_box_data {
    padding: 20px 20px 20px 110px;
    position: relative;
    justify-content: space-between;
    height: 110px;
    display: flex;
    align-items: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-bottom: 1px solid rgba(9, 54, 121, 0.1);
    margin: 0px 0px -1px 0px;
}

.hire_box_data_list-main {
    background: var(--whitebgcolor);
    border: 1px solid rgba(9, 54, 121, 0.1);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 15px 0px 15px 15px;
    width: 100%;
    position:relative;
}

.hire_box_data_list-main:before{
    content:'';
    position:absolute;
    background: rgba(9, 54, 121, 0.1);
    top:15px;
    bottom:15px;
    left:50%;
    transform:translateX(-50%);
    width:1px;
}

.hire_box_data .knob_icon{position: absolute;top: 50%;left: 15px;transform: translateY(-50%);}
.hire_box_data h3{font-weight: 400;font-size: 16px;line-height: 24px;color: var(--blackfontcolor);margin: 0;}
.hire_box_data p{font-weight: 300;font-size: 12px;line-height: 14px;color: var(--lightgreycolor);margin: 0;}
.hire_box_data p span{font-weight: 300;font-size: 15px;line-height: 18px;color: var(--blackfontcolor);}
.hire_box_data .arrow{position: absolute;bottom: 9px;right: 20px; font-size:20px;}
.hire_box_data .knob:focus{outline: none;}
.light-yellow{border-right: 1px solid rgba(9, 54, 121, 0.1);}
.light-pink{ border-right: 1px solid rgba(9, 54, 121, 0.1); }
.light-green{ border-right: 1px solid rgba(9, 54, 121, 0.1); }
.light-orange{ border-right: 1px solid rgba(9, 54, 121, 0.1); border-bottom: none; }
.medium-green{ border-bottom: none; }



.hire_box_empty {
    background: var(--whitebgcolor);
    border: 1px solid rgba(9, 54, 121, 0.1);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 15px 15px;
    width: 100%;
    position: relative;
    min-height: 398px;
}

    .hire_box_empty img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

.box.MyTask.empty {
    position: relative;
    min-height: 398px;
}

    .box.MyTask.empty img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }



.calendar_box-empty {
    min-height: 280px;
    position: relative;
}


    .calendar_box-empty img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }


.box.Breakups.empty {
    text-align: center;
    padding: 20px 0;
}

.box.Channels.empty {
    min-height: 440px;
    position: relative;
}

    .box.Channels.empty img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }



.joinee_list.empty li {
    background: var(--whitebgcolor);
    border: 1px solid rgba(9, 54, 121, 0.1) !important;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    display: block;
    overflow: hidden !important;
    padding: 10px 11px;
    width: 100%;
    margin-right: 0px;
}

section.member h6.heading {
    margin: 20px 0 10px;
}

section.joinee h6.heading {
    margin: 20px 0 10px;
}

section.rec_progress h6.heading {
    margin: 20px 0 10px;
}




.Applicantsbox.empty {
    background: var(--whitebgcolor);
    border: 1px solid rgba(9, 54, 121, 0.1);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 10px;
    min-height: 357px;
    position: relative;
}

    .Applicantsbox.empty img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }


.progressempty {
    background: var(--whitebgcolor);
    border: 1px solid rgba(9, 54, 121, 0.1);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 10px;
    min-height: 445px;
    position: relative;
}

    .progressempty img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }


.member_list.empty li {
    flex: 0 0 0px;
    width: 100%;
    text-align: left;
}



/*========================
	6. Task List
==========================*/
.box.tasklist {
    border-radius: 8px;
    padding: 0;
}
.task_header {
    padding: 5px 15px 5px;
    border-bottom: none;
    background: #eaf0f7;
}

.tasklist .rec_progress_list li a.task_header h2{font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0.05em;color: var(--blackfontcolor);display: flex;align-items: center;justify-content: flex-start;margin: 0;column-gap: 7px;}
.tasklist .rec_progress_list li a.task_header p{font-weight: 400;font-size: 12px;line-height: 18px;letter-spacing: 0.05em;margin: 0;color: var(--lightgreycolor);}
.tasklist .rec_progress_list li a{box-shadow: none;border: none;border-bottom: 1px solid rgba(9, 54, 121, 0.1);border-radius: 8px 8px 0 0;margin-bottom: 0;padding: 35px 20px 15px;}
.tasklist .rec_progress_list li:last-child a{border-bottom: none;}
.tasklist .rec_progress_list li a .select-icon,.tasklist .rec_progress_list li a .date_time{top: 15px;}
.tasklist .rec_progress_list li a .comment_name{position: relative;bottom: inherit;left: inherit;}
.tasklist .rec_progress_list li a .data{margin-bottom: 5px;}

.more_button a {
    text-align: center;
    padding: 5px 15px;
    color: var(--blackfontcolor);
    border-radius: 0px 0px 8px 8px;
    display: block;
    background: #eaf0f7;
}
.more_button a:hover{color: var(--whitebgcolor);background: var(--headingcolor);} 


.rec_progress_list.scrollbar-inner {
    height: 330px;
}

section.new_applicants {
    padding: 10px 0 0;
}

.hire_box_data_list-main .scroll-wrapper.scrollbar-inner {
    height: 360px !important;
    padding-right: 15px !important;
}
/*.gtable table tr:nth-last-child(-n + 4) .gaction_list { top: auto;bottom: 40px;right: 30px;}
.gtable table tr:nth-last-child(-n + 4) .gaction_list:after, body .gtable table tr:nth-last-child(-n + 4) .gaction_list:before { content: ""; position: absolute;  right: 25px; transform: rotate(180deg); bottom: -23px; top: auto !important;}
.gtable table tr:nth-last-child(-n + 4) .gaction_list:after {border: 12px solid transparent; border-bottom-color: #eee;  bottom: -25px !important;}
.gtable table tr:nth-child(-n + 4) .gaction_list { top: 40px;bottom: auto;right: 30px;}
.gtable table tr:nth-child(-n + 4) .gaction_list:after, .gtable table tr:nth-child(-n + 4) .gaction_list:before { content: ""; position: absolute;  right: 25px; transform: rotate(0deg); top: -23px !important; bottom: auto !important;}
.gtable table tr:nth-child(-n + 4) .gaction_list:after {border: 12px solid transparent; border-bottom-color: #eee;  top: -25px !important;}*/
/*========================
/*========================
	7. My Planner
==========================*/
.calendar_box{background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0px 3.26299px 4.35065px rgba(0, 0, 0, 0.05);border-radius: 8px;padding: 15px 20px;}
/*.calendar_box .fc-direction-ltr{min-height: 362px;}
.calendar_box .fc .fc-toolbar.fc-header-toolbar {border-bottom: 0.87013px solid #e4e5e7;padding-bottom: 15px;margin-bottom: 0;}
.calendar_box .fc-header-toolbar.fc-toolbar .fc-button-primary{background: transparent;color: #848a95;border: none;padding: 0 0 0 15px;}
.calendar_box .fc .fc-button-primary:hover,.calendar_box .fc .fc-button-primary:focus,.calendar_box .fc .fc-button-primary:not(:disabled).fc-button-active, .calendar_box .fc .fc-button-primary:not(:disabled):active,.calendar_box .fc .fc-button-primary:not(:disabled).fc-button-active:focus,.calendar_box .fc .fc-button-primary:not(:disabled):active:focus{background: transparent;border: none;outline: none;box-shadow: none;color: var(--headingcolor);}
.calendar_box table.fc-scrollgrid{border: none;}
.calendar_box .fc .fc-toolbar-title{font-size: 15px;line-height: 24px;display: flex;align-items: center;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;color: var(--headingcolor);}
.calendar_box .fc .fc-today-button{display: none;}
.calendar_box .fc th.fc-day a {font-weight: 500;font-size: 10px;line-height: 16px;text-align: center;text-transform: uppercase;color: #7E818C;}
.calendar_box .fc-theme-standard td, .calendar_box .fc-theme-standard th{border: none;padding: 5px 0;}
.calendar_box .fc .fc-daygrid-day-top{align-items: center;justify-content: center;}
.calendar_box .fc .fc-non-business{background: transparent;}
.calendar_box .fc-theme-standard td a{font-weight: 500;font-size: 15px;line-height: 18px;display: flex;align-items: center;text-align: center;text-transform: uppercase;color: var(--headingcolor);}
.calendar_box .fc tbody td.fc-day.fc-day-sun a{color: #f44336;}
.calendar_box .fc .fc-more-link{text-indent: 9999px;border: 1px solid #ED145B;border-radius: 50%;width: 30px;height: 30px;position: absolute;bottom: 1px;right: 50%;transform: translateX(50%);}
/*.calendar_box .fc .fc-more-link:after{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 5px;height: 5px;border-radius: 50%;background: #2cb34c;}
.calendar_box .fc .fc-h-event{background: transparent;border: none;border-radius: 0;}
.calendar_box .fc .fc-event-title{font-weight: 400;font-size: 15px;line-height: 18px;text-align: center;color: var(--blackfontcolor);display: block;padding: 5px;}
.calendar_box .fc td[data-date='2023-01-24'] .fc-more-link:after{background: #e3351e;}
.calendar_box .fc-scroller.fc-scroller-liquid-absolute{overflow: inherit !important;}*/
.calendar_box .fc-direction-ltr{min-height: 280px;}
.calendar_box .fc .fc-toolbar.fc-header-toolbar{border-bottom:.87013px solid #e4e5e7;padding-bottom:15px;margin-bottom:0}
.calendar_box .fc-header-toolbar.fc-toolbar .fc-button-primary{background:0 0;color:#848a95;border:none;padding:0 0 0 15px}
.calendar_box .fc .fc-button-primary:focus,
.calendar_box .fc .fc-button-primary:hover,
.calendar_box .fc .fc-button-primary:not(:disabled).fc-button-active,
.calendar_box .fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.calendar_box .fc .fc-button-primary:not(:disabled):active,
.calendar_box .fc .fc-button-primary:not(:disabled):active:focus{background:0 0;border:none;outline:0;box-shadow:none;color:var(--headingcolor)}
.calendar_box table.fc-scrollgrid{border:none}
.calendar_box .fc .fc-toolbar-title{font-size:15px;line-height:24px;display:flex;align-items:center;text-align:center;letter-spacing:.01em;text-transform:uppercase;color:var(--headingcolor)}
.calendar_box .fc .fc-today-button,.calendar_box .fc-popover-header{display:none}
.calendar_box .fc th.fc-day a{font-weight:500;font-size:10px;line-height:16px;text-align:center;text-transform:uppercase;color:#7e818c}
.calendar_box .fc-theme-standard td,.calendar_box .fc-theme-standard th{border:none;padding:5px 0}
.calendar_box .fc .fc-daygrid-day-top{align-items:center;justify-content:center;}
.calendar_box .fc-theme-standard td{overflow: hidden;}
.calendar_box .fc .fc-non-business,.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background:0 0}
.calendar_box .fc-theme-standard td a{font-weight:500;font-size:15px;line-height:18px;display:flex;align-items:center;text-align:center;text-transform:uppercase;color:var(--headingcolor)}
.calendar_box .fc tbody td.fc-day.fc-day-sun a{color:#f44336}
.calendar_box .fc .fc-more-link{text-indent:9999px;border: 1px solid #ED145B;border-radius: 50%;width: 30px;height: 30px;position: absolute;bottom: 1px;right: 50%;transform: translateX(50%);}
/*.calendar_box .fc .fc-more-link:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#2cb34c}.calendar_box .fc .fc-h-event{background:0 0;border:none;border-radius:0}*/
.calendar_box .fc .fc-event-title{font-weight:400;font-size:15px;line-height:18px;text-align:center;color:var(--blackfontcolor);display:block;padding:5px}
.calendar_box .fc td[data-date='2023-01-24'] .fc-more-link:after{background:#e3351e}
.calendar_box .fc-scroller.fc-scroller-liquid-absolute{overflow:inherit!important}
.calendar_box .fc .fc-daygrid-day.fc-day-today,.fc .fc-highlight{background:0 !important}
.calendar_box .fc .fc-daygrid-day.fc-day-today a,.fc-highlight a{color:#fff}
.calendar_box .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top,.fc .fc-highlight{position:relative !important;}
.calendar_box .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top:after,.fc .fc-highlight:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;border-radius:50%;background:var(--headingcolor);transform:translate(-50%,-50%)}
.calendar_box .fc .fc-highlight:after{transform:translate(-50%,-10%);opacity:.1}
.calendar_box .fc-popover{box-shadow:none}
.calendar_box .fc-more-popover .fc-popover-body{min-width:initial;padding:5px;border-radius:5px}
.calendar_box .fc-more-popover .fc-popover-body .fc-event-time{font-size:14px;color:#263238;text-transform:uppercase;font-weight:500;font-family:Roboto,sans-serif}.calendar_box .fc-daygrid-dot-event{display:block;padding-left:20px}
.calendar_box .fc-daygrid-dot-event .fc-daygrid-event-dot{position:absolute;left:0;width:8px;height:8px;border-radius:50%;background:#ed145b;border:none;top:6px}
.calendar_box .fc-daygrid-dot-event .fc-event-title{text-align:left;font-size:12px}
/*.calendar_box .fc .fc-popover{max-width: 140px;}*/
/*========================
	8. New Applicants
==========================*/
.applicants_list{display: flex;align-items: center;justify-content: space-between;background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);border-radius: 8px;margin-bottom: 20px;padding: 10px 15px 10px 15px;position: relative;}
.applicants_list:last-child{margin-bottom: 0;}
.applicants_list .user_icon{display: inline-block;width: 48px;height: 48px;background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);border-radius: 50%;overflow: hidden;padding: 4px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
.applicants_list .user_icon img{width: 100%;height: auto;}
.applicants_list .date_time{font-size: 8px;line-height: 12px;margin: 0 0 5px;color: var(--lightgreycolor);}
.applicants_list .name{font-size: 16px;line-height: 24px;margin: 0 0 5px;color: var(--lightblackcolor);display: block;}
.applicants_list .comment_name{font-size: 9px;line-height: 14px;margin: 0;color: var(--lightgreycolor);}
.applicants_list .comment_name span{font-size: 10px;line-height: 16px;margin: 0;color: var(--lightblackcolor);}
.applicants_list .call_icon{display: inline-block;width: 24px;height: 24px;line-height: 25px;text-align:  center;border-radius: 50%;background: rgba(74, 214, 255, 0.3);border: 0.8px solid #4ad6ff;position: absolute;right: 15px;top: 10px;}
.applicants_list .email_icon{display: inline-block;width: 24px;height: 24px;line-height: 25px;text-align:  center;border-radius: 50%;background: rgba(13, 235, 35, 0.3);border: 0.8px solid #0deb23;position: absolute;right: 15px;bottom: 10px;}
/*.applicants_list .email_icon:hover{background: rgba(13, 235, 35, 1);border: 1px solid #0deb23;}
.applicants_list .email_icon:hover img{}*/

.Applicantsscrollbar.scrollbar-inner {
    height: 370px !important;
    padding-right: 10px !important;
}

.progressscrollbar.scrollbar-inner {
    height: 400px !important;
    padding-right: 10px !important;
}

.btnEmployeeName {
    font-weight: 400;
    background: #f5f5f5 !important;
    border: 1px solid rgba(9, 54, 121, 0.1) !important;
    padding: 9px 12px;
    border-radius: 4px;
    margin-left: 5px;
}


td.action-btn a.action {
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    margin: 0 3px !important;
    color:#fff !important;
}

.hiringMember {
    display: inline-block;
    box-shadow: 0px 0px 2px 1px #e2e2e2;
    font-weight: 400;
}


/*========================
	9. Recruitment Progress
==========================*/
.rec_progress_list li {
    display: block;
}
.rec_progress_list li a{display: block;background: var(--whitebgcolor);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);border-radius: 8px;padding: 25px 15px;position: relative;margin-bottom: 20px;}
.rec_progress_list li a .data{display: flex;align-items: center;column-gap: 20px;}
.rec_progress_list li a .data .name{font-size: 16px;line-height: 24px;}
.rec_progress_list li a .data .role{font-size: 10px;line-height: 16px;position: relative;}
.rec_progress_list li a .data .role:after{content: "";position: absolute;left: -12px;top: 5px;width: 5px;height: 5px;border-radius: 50%;background: #efebeb;}
.rec_progress_list li a .data .name,.rec_progress_list li a .data .role{color: var(--lightblackcolor);}
.rec_progress_list li a .select-icon,.rec_progress_list li a .comment,.rec_progress_list li a .date_time,.rec_progress_list li a .comment_name{position: absolute;font-size: 10px;line-height: 12px;margin: 0;}
.rec_progress_list li a .date_time{right: 15px;top: 10px;color: var(--lightgreycolor);}
.rec_progress_list li a .comment,.rec_progress_list li a .comment_name{bottom: 10px;color: var(--lightgreycolor);}
.rec_progress_list li a .comment{right: 15px;white-space: nowrap;width: 160px;overflow: hidden;text-overflow: ellipsis}
.rec_progress_list li a .comment_name{left: 15px;}
.rec_progress_list li a .comment i{font-weight: 300;font-style: italic;color: var(--lightblackcolor);}
.rec_progress_list li a .select-icon{top: 10px;left: 15px;text-transform: uppercase;padding-left: 15px;}
.rec_progress_list li a .select-icon:after{content: "";position: absolute;left: 0;top: 1px;width: 9px;height: 9px;border-radius: 50%;}

.new{color: #fecb03 ;}
.new:after{background: #fecb03 ;}
.reject{color: #e3351e;}
.reject:after{background: #e3351e;}
.screen{color: #2196f3;}
.screen:after{background: #2196f3;}
.offer{color: #2cb34c;}
.offer:after{background: #2cb34c;}
.interview{color: #fecb03;}
.interview:after{background: #fecb03;}
.onHold{color: #ff8f27 ;}
.onHold:after{background: #ff8f27 ;}
.hired{color: #ed145b ;}
.hired:after{background: #ed145b ;}
.withDrawn{color: #49fd91 ;}
.withDrawn:after{background: #49fd91 ;}
.joined{color: #b0903e ;}
.joined:after{background: #b0903e ;}

/*========================
	10. Organization Chart
==========================*/
table{width: 100%;}
.jOrgChart .line {height: 20px;width: 1px;}
.jOrgChart .down {background-color: black;margin: 0px auto;}
.jOrgChart .top {border-top: 1px solid black;}.
jOrgChart .left {border-right: 1px solid white;}
.jOrgChart .right {border-left: 1px solid black;}
.jOrgChart td {text-align: center;vertical-align: top;padding: 0;}
/*.jOrgChart .node.selected {background-color: #3399FF !important;border: 1px dotted black;}*/
.jOrgChart .node {background-color: white;display: inline-block;min-height: 60px;z-index: 10;margin: 0 2px;cursor: pointer;}
.jOrgChart .node.vertical {float: left;}
.jOrgChart .cover {position: absolute;cursor: pointer;margin-top: -6px;margin-left: -5px;}
.jOrgChart .multi-tree {margin: 0;float: left;}
.jOrgChart .multi-tree .content {color: black;background-color: white;text-decoration: none;border: 1px solid black;width: 100px;min-height: 60px;cursor: pointer;}
.jOrgChart .multi-tree .selected {background-color: #3399FF !important;border: 1px dotted black;}
.jOrgChart .multi-tree span {width: 109px;text-decoration: none;display: block;margin: 0 0 0 1.2em;padding-top: 10px;background-color: transparent;border: solid black;border-width: 0 0 1px 1px;}
.jOrgChart .multi-tree span .content {display: block;position: relative;top: .95em;background-color: #fff;margin: 0 0 .2em .7em;padding: 0;}
.jOrgChart .multi-tree ul, .multi-tree li {list-style-image: none;list-style-position: outside;list-style-type: none;margin: 0;padding: 0;}
.jOrgChart .multi-tree ul li {line-height: 1.2em;}.jOrgChart .multi-tree ul li ul li {margin: 0 0 0 1.2em;border-left: 1px solid black;}
.jOrgChart .multi-tree li.last ul li {border: none;}
.tree_data{display: block;text-align: center;}
.tree_data .icon{width: 70px;height: 70px;display: inline-block;border-radius: 50%;overflow: hidden;background: #fff;}
.tree_data .icon img{width: 100%;}
.tree_data h2{font-size: 18px;font-weight: 600;margin: 5px 0 3px;color: var(--headingcolor);}
.tree_data p{font-size: 14px;line-height: 20px;font-weight: 400;color: var(--lightgreycolor);}
#node1 h2{color: #2cb34c;font-weight: 500;}
#node2 h2{color: #ff8a1e;font-weight: 500;}
#node3 h2{color: #ed145b;font-weight: 500;}
#node4 h2{color: #e3351e;font-weight: 500;}
.junior h2{color: #000;font-weight: 500;}



.dashbox-info h4 { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 28px; line-height: 36px; }
span.d-block { display: block; }
.dashbox-info-day { padding-left: 20px; margin: -25px 0 0; }
.dashbox-info-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.dashbox-info-list ul li { display: flex; align-items: center; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 10px; }
.dashbox-info-list ul li figure { border-radius: 12px; width: 72px; height: 72px; line-height: 100px; text-align: center; float: left; margin: 0; }
.dashbox-info-text { width: calc(100% - 72px); float: right; padding-left: 15px; }
.dashbox-info-text p { color: #9C9C9C; font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; }
.dashbox-info-text h4 { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 42px; line-height: 52px; }
.dashbox-info p { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #9C9C9C; }
.hire_box_data_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
}


.dashbox-info-list ul li.Applications_box figure { background: #09BEF3; }
.dashbox-info-list ul li.Applications_box .dashbox-info-text h4 { color:#09BEF3; }
.dashbox-info-list ul li.inProcess_box figure { background: #CF45FF; }
.dashbox-info-list ul li.inProcess_box .dashbox-info-text h4 { color: #CF45FF; }
.dashbox-info-list ul li.Offered_box figure { background: #F97D38; }
.dashbox-info-list ul li.Offered_box .dashbox-info-text h4 { color: #F97D38; }
.dashbox-info-list ul li.Joined_box figure { background: #FECB03; }
.dashbox-info-list ul li.Joined_box .dashbox-info-text h4 { color: #FECB03; }
.dashbox-info-list ul li.JobOpenings_box figure { background: #41CD8A; }
.dashbox-info-list ul li.JobOpenings_box .dashbox-info-text h4 { color:#41CD8A; }

.dashbox-info .notifiy { padding: 15px 0 0; }
.dashbox-info .notifiy img { margin: 0 5px -5px 0px; }
.dashbox-info .notifiy span { font-size: 18px; line-height: 26px; }

.dashbox .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.dashheader_title { font-size: 20px;font-weight: 500; color: var(--headingcolor);margin: 0;}
.InterviewMode_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.InterviewMode { display: flex; align-items: center; -ms-flex: 0 0 50%; flex: 0 0 48%; max-width: 48%; border: 2px solid; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05); border-radius: 16px; padding: 10px; min-height: 130px; }
section.graph_data { padding: 10px 0 0; }
.InterviewMode figure { width: 120px; float: left; margin: 0; text-align: center; }
.InterviewMode-info { width: calc(100% - 120px); float: right; padding-left: 5px; }
.InterviewMode-info p { text-align: center; font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; }
.InterviewMode-info h4 { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 500; font-size: 48px; line-height: 56px; text-align: center; }
.InterviewMode.Online { background: rgba(44, 179, 76, 0.1); border-color: #2CB34C; color: #2CB34C; }
.InterviewMode.Offline { background: rgba(44, 179, 76, 0.1); border-color: #09BEF3; color: #09BEF3; }
a.dashboxbtn { position: absolute; right: 15px; top: 15px; }
.top-head-title {display: flex;align-items: center;justify-content: space-between; margin-bottom: 15px !important; background: #eaf0f7; padding: 15px 18px;}

.btn.transition.resentbutton { background: #fbe2d4; border: 1px solid #F97D38; color: #F97D38; box-shadow: none; border-radius: 4px; min-width: 40px; height: 36px; line-height: 38px; text-align: center; position: relative; display: inline-block; cursor: pointer; padding: 0 !important; margin-right: 10px; font-size: 18px; }
.btn.transition.resentbutton:hover { background: #F97D38 !important; }
.btn.transition.resentbutton:hover i { color:#fff; }
.Action-btn a { border: none !important; margin: 0px 2px !important; }
.Action-btn a i { color: #0a3b7e !important; padding: 0 !important; font-size: 18px !important; }
.actiondrop.gstatus  a.action_icon img { width: 30px; height: 30px; }
.actiondrop.gstatus a.action_icon { line-height: 28px !important; }
.top-head-right .actiondrop.gstatus a.action_icon:hover { background: #09bef3 !important; }
.top-head-right .actiondrop.gstatus a.action_icon:hover img { filter: brightness(0) invert(1); }
.btnTalentPool:hover { background: #df1eff; }
.btnTalentPool:hover img { filter: brightness(0) invert(1); }
.pageheader a.bluecolor i { margin-left: -5px; margin-top: -3px; }
.btn.excelbtn { background: rgba(19, 118, 42, 0.1); border: 1px solid #13762A; box-shadow: none; border-radius: 4px; min-width: 40px; height: 36px; line-height: 44px; text-align: center; position: relative; display: inline-block; cursor: pointer; padding: 0 !important; margin-right: 10px; }
.btn.excelbtn:hover { background: #13762A !important; }
.btn.excelbtn:hover img { filter: brightness(0) invert(1); }

/*----------------- Round percentage  start ----------------------*/
.resulte-circle-bg { fill: none; stroke: #eee; stroke-width: 3px; }
.resulte-circle { fill: none; stroke-width: 3px; animation: progress 1s ease-out forwards; }
.percentage-box { width: 80px; margin: 0; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); }
.switch-Status { position: relative; display: inline-block; width: 48px; height: 24px; }
.switch-Status input { opacity: 0; width: 0 !important; height: 0; }
.switch-Status .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: .4s; border-radius: 40px; border: 2px solid #dbdfea; width:50px; }
.switch-Status .slider:before { position: absolute; content: ""; height: 14px; width: 14px; top: 50%; transform: translateY(-50%); left: 4px; background-color: #dbdfea; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.switch-Status input:checked + .slider { background-color: #0a3b7e; border-color: #0a3b7e; }
.switch-Status input:checked + .slider:before { right: 4px; left: auto; }
.switch-Status .active-bg { background: #f5f5f5; border-radius: 5px; color: #26a69a; -moz-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; -webkit-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; padding: 3px 6px; margin-left: 48px !important; }
.switch-Status .In-Active-bg { color: #818181; -moz-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; -webkit-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; padding: 3px 6px; margin-left: 48px !important; background: #f5f5f5; border-radius: 5px; }
.switch-Status .task_checkbox { width: 130px; display: inline-block; }
.pageheader a.savebluecolor { background: #0a3b7e; border-color: var(--bluecolor); color: #fff !important; }
.pageheader a.savebluecolor:hover { background: #e7edf4; border-color: #0a3b7e; color: var(--bluecolor) !important; }

@keyframes progress {
    0% { stroke-dasharray: 0 100; }
}

.resulte-percentage { font-size: 13px; text-anchor: middle; }
.hire_box_data:nth-child(1n) .percentage-box .resulte-percentage { fill: #fecb03; }
.hire_box_data:nth-child(1n) .resulte-circular-chart .resulte-circle { stroke: #fecb03; }
.hire_box_data:nth-child(2n) .percentage-box .resulte-percentage { fill: #bd03fe; }
.hire_box_data:nth-child(2n) .resulte-circular-chart .resulte-circle { stroke: #bd03fe; }
.hire_box_data:nth-child(3n) .percentage-box .resulte-percentage { fill: #fe5bbd; }
.hire_box_data:nth-child(3n) .resulte-circular-chart .resulte-circle { stroke: #fe5bbd; }
.hire_box_data:nth-child(4n) .percentage-box .resulte-percentage { fill: #f44336; }
.hire_box_data:nth-child(4n) .resulte-circular-chart .resulte-circle { stroke: #f44336; }
.hire_box_data:nth-child(5n) .percentage-box .resulte-percentage { fill: #5bfe75; }
.hire_box_data:nth-child(5n) .resulte-circular-chart .resulte-circle { stroke: #5bfe75; }
.hire_box_data:nth-child(6n) .percentage-box .resulte-percentage { fill: #2196f3; }
.hire_box_data:nth-child(6n) .resulte-circular-chart .resulte-circle { stroke: #2196f3; }
.hire_box_data:nth-child(7n) .percentage-box .resulte-percentage { fill: #fe8025; }
.hire_box_data:nth-child(7n) .resulte-circular-chart .resulte-circle { stroke: #fe8025; }
.hire_box_data:nth-child(8n) .percentage-box .resulte-percentage { fill: #6ffbb8; }
.hire_box_data:nth-child(8n) .resulte-circular-chart .resulte-circle { stroke: #6ffbb8; }


.hire_box_data:nth-child(1n) .arrow{ color: #fecb03; }
.hire_box_data:nth-child(2n) .arrow { color: #bd03fe; }
.hire_box_data:nth-child(3n) .arrow { color: #fe5bbd; }
.hire_box_data:nth-child(4n) .arrow { color: #f44336; }
.hire_box_data:nth-child(5n) .arrow { color: #5bfe75; }
.hire_box_data:nth-child(6n) .arrow { color: #2196f3; }
.hire_box_data:nth-child(7n) .arrow { color: #fe8025; }
.hire_box_data:nth-child(8n) .arrow { color: #6ffbb8; }







/*----------------- Round percentage  end ----------------------*/
/*========================
	Ramkaran css
==========================*/

.slide-menu.Edit-candidate-menu ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 10px; border-bottom: 1px solid #e3caca; justify-content: space-between; }
.slide-menu.Edit-candidate-menu ul li { font-family: 'Roboto',sans-serif; color: #888888;font-size: 18px;padding: 10px 10px;font-weight: 500;position: relative;cursor: pointer;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgb(0 0 0 / 0%);position: relative;}
.slide-menu.Edit-candidate-menu ul li span i {margin-right: 5px;}
.slide-menu.Edit-candidate-menu ul li:before {content: "";position: absolute;z-index: -1;left: 51%;right: 51%;bottom: -1px;background: #0A3B7E;height: 3px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.slide-menu.Edit-candidate-menu ul li:hover:before, .slide-menu.Edit-candidate-menu ul li:focus:before, .slide-menu.Edit-candidate-menu ul li.active:before {left: 0;right: 0;}
.slide-menu.Edit-candidate-menu ul li.active, .slide-menu.Edit-candidate-menu ul li:hover {border-color: #0A3B7E;color: #0A3B7E;}
.slide-menu.Edit-candidate-menu ul li.selected:before { left: 0; right: 0; }
.slide-menu.Edit-candidate-menu ul li.selected { border-color: #0A3B7E; color: #0A3B7E; }
.p-top-15 {padding: 10px 0 0;}
.bl1px {border-left: 1px solid #f5f5f5;}
.checkbox-Asmt .checkbox { margin: 0; }
.checkbox-Asmt{ text-align:left !important; }
.checkbox-Asmt .checkbox input[type=checkbox]:checked + label:after { content: "Active"; }
.checkbox-Asmt .checkbox input[type=checkbox] + label:after { content: "In-Active"; right: -70px; padding: 0 5px; font-size: 12px; }
.pageboxheader-2 { margin: 25px 20px 0; font-size: 16px; border-bottom: 1px solid #f5f5f5; padding: 0 0 13px; font-weight: 500; }
.radioboxlabel, .checkboxlabel { padding: 0 0px 0 30px; position: relative; }
.radioboxlabel input[type="radio"], .checkboxlabel input[type="checkbox"] { position: absolute; left: 0; top: 2px; width: 20px; height: 20px; opacity: 0; }
.radioboxlabel label:after, .checkboxlabel label:after { content: ""; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #dbdfea; }
.radioboxlabel label:before, .checkboxlabel label:before { content: ""; position: absolute; left: 5px; top: 5px; width: 10px; height: 10px; border-radius: 50%; background: #0a3b7e; opacity: 0; }
.radioboxlabel input[type="radio"]:checked + label:after, .checkboxlabel input[type="checkbox"]:checked + label:after { border-color: #0a3b7e; }
.radioboxlabel input[type="radio"]:checked + label:before, .checkboxlabel input[type="checkbox"]:checked + label:before { opacity: 1; }
.checkboxlabel label:after, .checkboxlabel label:before { border-radius: inherit; }

.roles { text-align: center; padding: 6px 0 0; }
.roles span { background: rgba(9, 54, 121, 0.1); padding: 5px 8px; border-radius: 30px; color: #093679; font-weight: 400; font-size: 12px; line-height: 11px; margin: 0 2px 6px; }
.JobDocData.bgWhite .col-sm-6 label {     margin: 0 0 6px; font-family: 'Roboto',sans-serif; font-weight: 500; font-size: 14px; color: #263238; }
.JobDocData.bgWhite .col-sm-6 { padding: 0px 15px 15px; }


/****** Applicant View Mode ******/


/*#viewApplicantDiv { overflow: inherit !important; }*/

#viewApplicantDiv .masterHeader { display: flex; position: relative; padding: 15px 45px 15px 45px; border: none !important; }
#viewApplicantDiv .CloseBtn i { min-width: auto; text-align: center; font-size: 30px; box-shadow: none; display: block; width: 30px; margin: 0 auto 0px; }
#viewApplicantDiv .CloseBtn:focus { outline: none; box-shadow: none; }
#viewApplicantDiv .CloseBtn:hover { background: #f22626; color: #fff; }
#viewApplicantDiv .arrow_button span { position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; width: 32px; height: 32px; line-height: 32px; font-size: 24px; text-align: center; background: transparent; display: inline-block; padding: 0; margin: 0; border: none; border-radius: 0; }
#viewApplicantDiv .arrow_button.previous span { left: 0; }
#viewApplicantDiv .arrow_button.next span { right: 0; }
#viewApplicantDiv .masterHeader { background: #0a3b7e; }
.app-body { background: #f5f6fa; padding: 20px; }

#viewApplicantDiv .CloseBtn { position: absolute; right: 17px; top: 10px; background: transparent !important; border: none !important; font: 500 13px/20px 'Roboto',sans-serif; color: #9C9C9C !important; padding: 0 !important; }
.app-body-box { background: #fff; padding: 15px; border: 1px solid #dbdfea; margin-bottom: 20px; }
.app-body-box label { font-family: 'Roboto',sans-serif; font-weight: 500; font-size: 14px; color: #263238; display: block; }
.app-body-box select.gappselect { background: transparent; box-shadow: none; border: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 !important; font-family: 'Roboto',sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--lightblackcolor); }
.app-body-box .gselect {border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 4px;padding-right: 40px;position: relative;padding-left: 30px;}
.app-body-box select.current_stage { font-size: 16px; line-height: 22px; box-shadow: none; border: none; -moz-appearance: none; -webkit-appearance: none; padding: 9px 0px !important; text-overflow: ellipsis; position: relative; color: #0a3b7e; height: auto !important; }
.app-body-box .gselect .new-ico-btn { padding: 0; width: 40px; height: 37px; border-left: 1px solid rgba(0, 0, 0, 0.1); text-align: center; display: flex; justify-content: center; align-items: center; }
.app-body-box .gselect .new-ico-btn i.gbutton {color: var(--lightblackcolor);background: transparent;font-size: 18px;padding: 0px 8px 0;line-height: 38px;}
.app-body-box .gbuttonright { display: flex; align-items: center; justify-content: space-around; }
.app-body-box .gbuttonright a { display: inline-block; width: 40px; height: 40px; line-height: 50px; border-radius: 50%; text-align: center; cursor: pointer; }
.app-body-box .gbuttonright a.gcalendar { background: #efefef; color: #2532ad; display: inline-flex; }
.app-body-box .gbuttonright a.gthumb { color: #F5594E; background: rgba(219, 16, 16, 0.04); }
.app-body-box .gselect .new-ico-btn img { width: 26px; }

.app-body-box .gselect:before { content: ''; position: absolute; width: 12px; height: 12px; background: #0a3b7e; border-radius: 50%; top: 50%; left: 10px; z-index: 1; transform: translateY(-50%); }
.app-body-box .gselect.Screening select.current_stage { color: #2196F3;}
.app-body-box .gselect.Screening::before { background: #2196F3; }
.app-body-box .gselect.Interview select.current_stage { color: #E3351E;}
.app-body-box .gselect.Interview::before { background: #E3351E; }
.app-body-box .gselect.Offer select.current_stage { color: #2EE336;}
.app-body-box .gselect.Offer::before { background: #2EE336; }
.app-body-box .gselect.OnHold select.current_stage { color: #FF8F27;}
.app-body-box .gselect.OnHold::before { background: #FF8F27; }
.app-body-box .gselect.New select.current_stage { color: #FECB03;}
.app-body-box .gselect.New::before { background: #FECB03; }
.app-body-box .gselect.Hired select.current_stage { color: #ED145B;}
.app-body-box .gselect.Hired::before { background: #ED145B; }
.app-body-box .gselect.Rejected select.current_stage { color: #9C9C9C;}
.app-body-box .gselect.Rejected::before { background: #9C9C9C; }
.app-body-box .gselect.Withdrawn select.current_stage { color: #49FD91;}
.app-body-box .gselect.Withdrawn::before { background: #49FD91; }
.app-body-box .gselect.Joined select.current_stage { color: #b0903e;}
.app-body-box .gselect.Joined::before { background: #b0903e; }
.app-body-box .gselect.Interviewing select.current_stage { color: #e3351e;}
.app-body-box .gselect.Interviewing::before { background: #e3351e; }
.app-body-box .gbuttonright a.gthumb:hover { background: #c50c0c; color: #fff; }
.app-body-box .gbuttonright a i { font-size: 19px; }
.app-body-box .text-right select.gappselect { text-align: right; }
.app-body-box ul.tabs { list-style-type: none; padding: 0px 5px; background: #f5f5f5; box-shadow: 0px 1px 1px 1px #dadada; background: transparent; border-bottom: 1px solid #DBDFEA; justify-content: space-between; }
.app-body-box ul.tabs > li > a { display: block; padding: 12px 10px; border-bottom: 2px solid transparent; cursor: pointer; font-size: 12px; font-weight: 400; text-align: center; color: #9C9C9C }
.app-body-box ul.tabs > li > a i.icon { display: block; }
.app-body-box a figure { height: 25px; overflow: hidden; }

.app-body-box li.selected a figure img { transform: translateY(-50%); }
.app-body-box a img { display: block; width: 24px; margin: 0px auto; }
.profile-left-box { width: 50%; }
.prfile-right-box { width: 50%;  padding: 15px; }
.app-body-box .left-card { padding: 10px; border-bottom: 1px dashed #DBDFEA; margin-right: 0px; }
.app-body-box .card-content { width: calc(100% - 0px); }
.custom-profile-border { position: relative; }
.custom-profile-border:before { content: ''; position: absolute; width: 1px; top: 0; bottom: 0; right: 50%; background: #DBDFEA; transform: translateX(-50%); }
img.feather { padding: 0px 0px !important; margin: 5px 2px 0 !important; height: 20px !important; width: 30px !important; opacity: 0.9; }
.app-footer {display: block;position: absolute;bottom: 0;left: 0;width: 100%;}
.app-footer .custom-profile { background: #fafafa; }
.app-footer .excControls {display: flex;align-items: center;box-shadow: none;column-gap: 19px;padding: 20px 18px;}
.IB a{font-weight: 400;}
.app-footer .excControls > div {font: 500 16px/20px 'Roboto',sans-serif;color: #9C9C9C;margin: 0;padding: 0px 10px;text-align: center;}
.app-footer .excControls > div > label { display: block; }
.app-footer .excControls > div > label i {font-size: 24px;}

.tow-nmber { font: 400 12px/14px 'Roboto',sans-serif; color: var(--lightblackcolor); position: relative; display: inline-block; padding-right: 8px; }
.grid table tr td:last-child input[type=image], .grid table tr td:last-child a { display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; padding: 0px; vertical-align: middle; margin: 0 0px; }
.pageheader .searchbox select, .pageheader .searchbox input { padding: 0 0 0 8px !important; }
.PopUpAddNote, .AssignJob, .JobPosting { max-width: 800px; width: auto; }
.JobDocData.bgWhite { overflow: auto; min-height: 300px; }
.sharebTN:hover .actPwn { background: rgb(240, 243, 247) !important; color: var(--activecolor) !important; }
body.module_open .gtable.grid table tr th { z-index: 0; }
/*.SaveNextbtn { padding-right: 40px; position: relative; background: #045aa0 url('../../Images/menu_icon/next-white.svg'); }*/
.form-file-download {display: flex;align-items: center;column-gap: 15px;}
.cand-status .form-file-download { position: absolute; right: 0; bottom: 0; }
.UserResume { width: auto !important; margin-left: 10px !important; margin-top: 3px; line-height: 13px; }
.UserResume img { max-height: 40px; }
.downloadimg.form_control {position: relative;height: 39px !important;line-height: 28px;background: url(../../Images/menu_icon/download.svg) no-repeat;background-position: right 15px center;background-size: 28px;margin: -3px 0 0;}
.download-resume { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; border: 1px solid; border-radius: 20px; display: flex; align-items: center; width: 40px; height: 40px; justify-content: center; }
.download-resume img { margin: 0px 0px; width: 25px; }
.download-data-color { color: #2CB34C; background: rgba(44, 179, 76, 0.1); border-color: #2CB34C; }
.view-data-color { background: rgba(9, 190, 243, 0.1); border-color: #09BEF3; color: #09BEF3; height: 40px; border-radius: 50%; width: 40px; padding: 0; text-align: center; justify-content: center;margin-right: 0px; }

.view-data-color:hover{ cursor:pointer !important; }

.radio_Skills-Type { display: flex; justify-content: space-around; align-items: center; max-width: 100%; }
.radio_Skills-Type input[type="radio"] { appearance: none; display: none; }
.radio_Skills-Type label { font-size: 14px; text-align: center; transition: linear 0.3s; color: #6e6e6edd !important; background: #fff; border: 1px solid #666666; border-radius: 4px; position: relative; padding: 8px 5px 8px 38px !important; min-width: 160px; text-align: left; font-weight: 400 !important; line-height: 22px; }
.radio_Skills-Type label:hover{ cursor:pointer; }
.radio_Skills-Type input[type="radio"]:checked + label:after { content: ''; position: absolute; width: 10px; height: 10px; background: #045aa0; border-radius: 50%; left: 15px; top: 13px; }
.radio_Skills-Type label:before { content: ''; position: absolute; width: 20px; height: 20px; border: 1px solid #666666; border-radius: 50%; left: 10px; top: 8px; }
.radio_Skills-Type input[type="radio"]:checked + label:before{ border: 1px solid #0A3B7E; }
.radio_Skills-Type input[type="radio"]:checked + label { color: #0A3B7E !important; transition: 0.3s; background: rgba(10, 59, 126, 0.1); border: 1px solid #0A3B7E; }
.d-inline-block { display: inline-block; }
td.container-Skills-Type td { border: none !important; padding-left: 0px !important; }
td.container-Skills-Level td { border: none !important; padding-left: 0px !important; }
span.Status-div { display: inline-block; padding: 7px 10px; border-radius: 4px; }
span.Status-div.in-Active { background: #FFDBD6; color: #F44336; }
span.Status-div.active { color: #2CB34C; background: #D0FFDB; }
.radio_Skills-Level tbody tr td input[type="radio"] { appearance: none; display: none; }
.radio_Skills-Level tbody tr td label { font-size: 14px; transition: linear 0.3s; color: #6e6e6edd !important; background: #fff; border: 1px solid #666666; border-radius: 4px; position: relative; padding: 5px !important; min-width: 80px; text-align: center; }
.radio_Skills-Level tbody tr td label:hover{ cursor:pointer; }
.radio_Skills-Level tbody tr td input[type="radio"]:checked + label { color: #0A3B7E !important; transition: 0.3s; background: rgba(10, 59, 126, 0.1); border: 1px solid #0A3B7E; }
.radio_Skills-Level tbody tr td label img.labelimgactive { display: none; }
.radio_Skills-Level tbody tr td input[type="radio"]:checked + label  img.labelimgactive { display: inline-block; }
.radio_Skills-Level tbody tr td input[type="radio"]:checked + label  img.labelimg { display: none; }
.radio_Skills-Level tbody tr td label span { display: block; line-height: 10px; font-size: 12px; }
.grid table tr th { vertical-align: middle; padding: 10px 10px; }
.grid table tr td { vertical-align: middle; padding: 10px 10px; }
.grid table tr td:last-child img { height: 22px; }
.form .grid table tr th{ vertical-align: middle; padding: 10px 10px; }
.radio_Skills-Level tbody tr td label img { height: 18px !important; }
abbr { color: red !important; margin: 0 2px 0; }
.filtergrid .form_group .yesno_text_checkbox input[type=checkbox] + label:after,
.addnewsidebar .sidebarbody .form_group .yesno_text_checkbox input[type=checkbox] + label:after { left: auto; right: 53px; }

.pageboxheader.Remarks h4 { border: navajowhite; margin: 0 0 20px; }
 .addones button { height: auto !important; padding: 9px !important; border-radius: 2px 2px 2px 2px; border-left: solid 0px #cacaca !important; }
 .form .grid.experiencegrid table tr th { width: 12.5%; }
 td.container-Skills-Level table tr td { padding: 0px 0px; display: inline-block; }
 td.container-Skills-Type table tr td { padding: 0px 0px; }
 td.container-Skills-Level table  { border:none; }
 td.container-Skills-Type table { border:none; }

.Empty-text-box { padding: 20px 20px 30px; text-align: center; }
.Empty-text-box img { height: auto !important; }
.DataContainer-top { position: relative; }
.DataContainer-top h1 { font-size: 20px; line-height: 28px; color: #0F4F92; font-weight: 500; margin: 0 0 8px; text-transform:capitalize; }
.DataContainer-top h2 { font-weight: 400; font-size: 20px; line-height: 23px; letter-spacing: 0.04em; color: #555555; margin: 0 0 5px; }
.DataContainer-row { border: 1px solid #DADADA; border-radius: 4px; padding: 20px 15px; margin: 0px 0 20px; }
.e-application-info { margin: 0 0 18px; }
.e-application-info label { width: 100%; font-family: 'Roboto',sans-serif; font-weight: 500; font-size: 14px; color: #263238; display: block; margin-bottom: 5px; line-height: 20px; }
.e-application-info p { font-size: 14px; line-height: 20px; color: #8e8888; }
.data.data-application .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.w-100 { width: 100%; }

.form-box-label { margin: 0 0 15px; }
.form-box-label.form-box-2 select { width: 48%; }
.form-box-label label { width: 100%; font-family: 'Roboto',sans-serif; font-weight: 500; font-size: 14px; color: #263238; display: block; margin-bottom: 8px; line-height: 20px; }
.form-box-label.form-box-2 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.form-box-label textarea, .form-box-label input[type=text], .form-box-label input[type=password], .form-box-label select, .form-box-label .filter input[type=text], .form-box-label .filter select, .form-box-label .form textarea, .form-box-label .form-box-label .form select, .form-box-label .form input[type=text] { height: 40px !important; }
.form-file-label { font-weight: 400 !important; }
.Source-dropdown-row label { font-family: 'Roboto',sans-serif; font-weight: 500; font-size: 14px; color: #263238; display: block; margin-bottom: 0px; line-height: 20px; }
/*.form-box-label select { background: url(../images/plus.png); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background-repeat: no-repeat; background-position: right 10px center; }*/
.UserResume img {max-height: 34px;}
.Assigned-menu li { background: rgba(217, 217, 217, 0.15); border-radius: 20px; font-weight: 400; font-size: 14px; line-height: 16px; padding: 4px 10px; display: inline-block; margin-right: 10px; margin-bottom: 10px; }
.j-info-top { display: flex; align-items: center; padding: 0 0 5px; font-size: 14px; line-height: 20px; color: #888888; }
.j-info-top label { margin: 0 5px 0 0px; color: #263238; }
.Candidate-tag-list{padding:0 15px 15px;}
.Candidate-tag-list h4 { color: #263238; font-weight: 500; font-size: 14px; font-family: 'Roboto',sans-serif;line-height: 20px; margin: 0 0 10px; }

.Candidate-tag-list ul { border: 1.5px solid rgba(9, 54, 121, 0.1); border-radius: 8px; padding: 10px 10px; }
.Candidate-tag-list ul li { background: #F5F5F5; border-radius: 40px; padding: 4px 10px; color: #0F4F92; font-weight: 400; font-size: 12px; line-height: 14px; display: inline-block; margin: 0 7px 7px 0px; }
.Panelheading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 15px 0; }
.Panelheading .Panel_title { font-size: 20px; font-weight: 600; color: var(--headingcolor); margin: 0; }
.gfilterpagi select {height: 32px !important;-moz-appearance: none !important;-webkit-appearance: none !important;appearance: none !important;box-shadow: none !important;padding: 8px !important;padding-right: 25px !important;background-image: url('../../images/menu-new-design/arrow-bottom.svg');background-repeat: no-repeat;background-position: center right 9px;background-size: 12px;line-height: 15px !important;}
.btn.Generate-key-btn:hover { background: var(--greencolor); border-color: var(--greencolor); }
.AttachBoxbtn .yesno_text_checkbox input[type=checkbox] + label:after { left: auto; right: 50px; }


/*========================
	Employee Goals
==========================*/
.employee_goals > tbody > tr > td{padding: 10px 10px 10px;font-family: 'Roboto',sans-serif;font-size: 14px;font-weight: 400;color: #263238;}
.employee_goals_discription{width: 100%;margin: 5px 0px 0;}
.employee_goals_discription > tbody > tr > td{padding: 0 0px 0px;font-family: 'Roboto',sans-serif;font-size: 14px;font-weight: 400;color: #263238;background: #f0f3f7;border: none !important;}
.employee_goals_last{width: 100%;background: #fff;margin: 0 0 5px;border: 1px solid #ddd;border-bottom: none;border-top: none;}
.employee_goals_last > tbody > tr > td{padding: 5px 10px;font-family: 'Roboto',sans-serif;font-size: 14px;font-weight: 400;color: #263238;border-right: 1px solid #e5e3ef;border-bottom: 1px solid #e5e3ef;border-top: 1px solid #e5e3ef;}
.feather-plus-square.employee_parent_view.open:before, .feather-plus-square.employee_child_view.open:before {content: '\e998';}
.employee_goals .collapse.in {display: table-row;width: 100%;}
.competency_grid li:after{display: none;}
.competency_grid .action_button{display: flex;align-items:center;justify-content:center;column-gap: 5px;border-right: none;min-height: 40px;}
.competency_grid .action_button a{cursor: pointer;}
.competency_grid .gaction_list{top: 100%;}
.competency_grid .gaction_list:after,.competency_grid .gaction_list:before{right: 18px;}
.competency_grid .gaction_list a{padding: 8px 8px !important;}
.competency_grid .employee_goals_last{border-top: 1px solid #ddd;}
.nestedtable{position: relative;}
.col-20{width: 150px !important;}
td.Add-New-Action { vertical-align: middle; text-align: right; padding-right: 40px !important; }
td.collapse-box-discription { padding: 6px 24px 0px !important; border: none !important; }
td.nestedtable-repat { padding: 10px 38px !important; border: 1px solid #e5e3ef !important; width: 100% !important; }
tr.employee_heading th { width: 40% !important; }
td.nestedtable-repat table.nestedtable tr.lpadding td { width: 40% !important; border: none; padding: 0; }
.Sources-add { font-family: 'Roboto',sans-serif; font-size: 14px; font-weight: 600; color: #0F4F92; cursor: pointer !important; width: 100px !important; text-align: right !important; }
 .Sources-add i {font-weight: 700; }
.Sources-add:hover {color: #1f8fe9; }
td.action_button a { margin: 0 4px; }
.employee_goals_last > tbody > tr:first-child > td { font-weight: 500; color: #0F4F92;}
table.employee_goals_discription > tbody > tr > td { padding: 0 !important; }
.head-td{ position:relative; }
.more-icon-style { position: absolute; left: 12px; top: 9px; cursor: pointer; font-size: 16px; color: var(--blackfontcolor); width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; }
.employee_goals .feather-minus-square.collapsed:before { content: "\e9b3"; }
.pageboxbody.Career-Website-View .form_group .form_control { height: auto !important; min-height: 40px; }
.gpanel .input-group.gdaterange {border: 1px solid #0A3B7E;border-radius: 4px;background: rgba(10,59,126,0.10) url("../../images/menu_icon/calendar.svg") no-repeat 97% center;padding: 10px 35px 10px 15px;font: 500 15px 'Roboto',sans-serif;cursor: pointer;color: #0A3B7E;width: 260px;}
.gpanel .input-group.gdaterange input {border: none !important;background: transparent !important;box-shadow: none;}
.sidebar li.list-group-item a{color: #000;}
/*========================
	11. Media Query
==========================*/
.dropdown-backdrop{z-index: 11 !important;}
@media screen and (min-width:992px) and (max-width:20000px) {
    .menu_list.gClose:not(:hover){width: 63px;}
.menu_list.gClose:not(:hover) .sub_ats_menu_css{display: none !important;}
body.gmenuClose .masterInnerNavbar,body.gmenuClose .masterInnerBody{padding-left: 65px;transition: padding 500ms ease;}
body.gmenuClose .masterInnerNavbar .logoContainer{padding-left: 15px !important;}
}

@media (max-width:1700px) {
    .Stage-Container { overflow: inherit; width: 680px !important; }
    .record_menu li { margin: 0 0 20px !important;}

}

@media (max-width:1601px) {
    .record_menu li { margin: 0 0 20px !important; position: relative; display: flex;}
    .record_menu li a { display: flex; align-items: center; position: relative; padding: 7px 12px 7px 20px; }
    .record_menu li:after { left: 0; bottom: 0; width: 0; height: 0; border-left: 15px solid white; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
    .record_menu li:before { right: -20px; bottom: 0; width: 0; height: 0; border: 16px solid transparent; z-index: 1; }
    .record_menu li a:after { left: 0; bottom: 0; width: 0; height: 0; border-left: 15px solid rgba(0,0,0,0.4); border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
    .record_menu li a:before { right: -30px; bottom: 0; border: 15px solid transparent; }
    .record_menu:before { width: 20px; right: 35px; top: 0; bottom: 0; }
    .record_menu:after { right: 20px; top: 1px; border-left: 15px solid white; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
    .record_menu ul:after { right: 20px; top: 1px; border-left: 15px solid rgba(0,0,0,0.4); border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
    .record_menu li a label.badge { padding: 3px 4px; font-size: 9px; }
    .record_menu li:first-child a { padding: 7px 10px 7px 10px !important; }
    .progressempty{min-height: 417px;}
    .gtable.grid table .gtimeline li,.style-sapn {font: 400 11px/20px 'Roboto',sans-serif !important;}
    .gtable.grid table .gtimeline{min-width: 70px;}
    .record_menu{margin: 0;}
    .record_menu li{margin: 0 0 10px !important;}
}

@media (max-width:1540px) {
    .pageboxbody .jobbox label { font-size: 14px; line-height: 20px; margin-bottom: 5px; }
     /*input[type=text], input[type=password], select, .filter input[type=text], .filter select, .form select, .form input[type=text] { padding: 5px 10px !important; font-size: 14px; height: 30px !important; }*/
    .form-file-label { padding: 10px; height: 40px; }
   .form-file-label::after { line-height: 31px; }
    .form-file { position: relative; display: inline-block; width: 100%; height: 40px; margin: 0 !important; }
    .UserResume img { max-height: 30px; }
    .slide-menu.Edit-candidate-menu ul li { font-size: 16px; padding: 8px 8px; }
    /*.radio_Skills-Type label { font-size: 11px; padding: 4px 5px 4px 30px !important; min-width: 120px; }
    .radio_Skills-Type label:before { width: 18px; height: 18px; left: 6px; top: 6px; }
    .radio_Skills-Type input[type="radio"]:checked + label:after { width: 10px; height: 10px; left: 10px; top: 10px; }*/
    .radio_Skills-Level tbody tr td label span { display: block; line-height: 8px; font-size: 10px; }
    .radio_Skills-Level tbody tr td label { padding: 5px !important; min-width: 70px; margin: 2px !important; line-height: 20px; text-align: center; }
    .e-application-info p { font-size: 14px; line-height: 20px; color: #555555; }
    .DataContainer-top h1 { font-size: 22px; line-height: 28px; margin: 0 0 5px; }
    .DataContainer-top h2 { font-size: 18px; line-height: 22px; }
    .searchbox-main { display: flex; align-items: center; width: 410px; }
    .pageheader .pagebutton { column-gap: 10px; }
    .record_menu li a { padding: 7px 10px 7px 17px; }


}

@media (max-width:1440px) {
    .Stage-Container { width: 530px !important;}
    td.PostStaticsContainer { width: 530px !important; min-width: 530px !important;}
    .dashbox-info-list ul li figure { width: 55px; height: 55px; line-height: 70px; }
    .dashbox-info-list ul li figure img { max-height: 30px; }
    .dashbox-info-text p { font-size: 11px; line-height: 20px; }
    .dashbox-info-text h4 { font-size: 24px; line-height: 34px; }
    .dashbox-info-text { width: calc(100% - 55px); padding-left: 9px;}
    .dashbox { padding: 20px 15px; margin-bottom: 0px;}
    .heading {
        font-size: 15px;
        line-height: 22px;
        margin: 10px 0 10px;
    }

    .hire_box_data {
        padding: 15px 15px 15px 70px;
        height: 80px;
    }

    .percentage-box {
        width: 55px;
        top: 55%;
        left: 8px;
    }
    .applicants_list .name {
        font-size: 15px;
        line-height: 22px;
        margin: 0 0 5px;
    }

    .hire_box_data h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .hire_box_data p {
        font-size: 11px;
        line-height: 14px;
    }

    .hire_box_data p span {
        font-size: 12px;
        line-height: 16px;
    }

    .hire_box_data_list-main {
        border-radius: 16px;
        padding: 10px 0px 10px 10px;
    }


    .tasklist .rec_progress_list li a {
        box-shadow: none;
        border: none;
        border-bottom: 1px solid rgba(9, 54, 121, 0.1);
        border-radius: 8px 8px 0 0;
        margin-bottom: 0;
        padding: 30px 10px 10px;
    }


    .tasklist .rec_progress_list li a .select-icon, .tasklist .rec_progress_list li a .date_time {
        top: 10px;
    }

    .rec_progress_list li a .select-icon {
        top: 10px;
        left: 10px;
        padding-left: 13px;
    }

    .rec_progress_list li a .data .name {
        font-size: 15px;
        line-height: 22px;
    }


    .hire_box_data .arrow {
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 18px;
    }

    .calendar_box .fc .fc-more-link {
        width: 25px;
        height: 25px;
        bottom: 1px;
    }

    .calendar_box .fc-theme-standard td a {
        font-size: 13px;
        line-height: 14px;
    }

    .calendar_box .fc .fc-toolbar.fc-header-toolbar {
        padding-bottom: 10px;
    }

    .calendar_box .fc .fc-toolbar-title {
        font-size: 14px;
        line-height: 22px;
    }

    .calendar_box {
        padding: 10px 15px;
    }

    .rec_progress_list.scrollbar-inner {
        height: 315px;
    }

    .InterviewMode figure {
        width: 70px;
        text-align: left;
    }

    .InterviewMode figure img {
        width: 70px;
    }

    .InterviewMode-info h4 {
        font-size: 38px;
        line-height: 48px;
    }

    .InterviewMode-info {
        width: calc(100% - 70px);
        padding-left: 5px;
    }

    .InterviewMode {
        flex: 0 0 48%;
        max-width: 48%;
        min-height: 100px;
    }
    .box.Channels.empty {
        min-height: 412px;
        position: relative;
    }

    .box.Channels.empty img {
        max-width: 90%;
    }

    ul.w_list-scrollbar-inner {
        width: 60vw;
    }
}

/*
|-------------------------------------------------------------------|
| Laptop devices (tablets, 1200px)                                  | 
|-------------------------------------------------------------------|
*/

@media screen and (min-width:992px) and (max-width:1400px) {
.gtable.grid table tr th { padding: 10px 8px; }
.gtable.grid table tr td { padding: 5px 8px; }
.gtable.grid .stage-statics { display: block; }
.gtable.grid .stage-statics li { padding: 0 10px; }
.gtable.grid .glabel { font-size: 12px; }
.gtable.grid .stage-statics li .count { padding: 0 0 5px; }
.gtable.grid table tr td .actionBtn { padding: 0; }
.gtable.grid table .loclabel { padding: 5px; }
.progressscrollbar.scrollbar-inner{height: 380px !important;}
.joinee_list li .name {font-size: 14px;}
.joinee_list li .department > div{font-size: 9px;}
.rec_progress_list li a .data .name{font-size: 12px !important;}
.record_menu{margin: 0;}
.record_menu li{margin: 0 0 10px !important;}
}

/*
|-------------------------------------------------------------------|
| Tablate, 991px                                                    | 
|-------------------------------------------------------------------|
*/

@media screen and (min-width:768px) and (max-width:991px) {
.mid_data .col-xs-12.col-sm-9, .mid_data .col-xs-12.col-sm-3{width: 100%;}
body .menu_bar .mobilemenu{right: inherit;left: 0;}
.logoContainer.glogoname{padding-left: 40px !important;}
.pageheader-row{display: block;}
.pageheader-left {margin-bottom: 10px;}
}

/*
|-------------------------------------------------------------------|
| mobile & Tablet (tablets, 1024px)                                 | 
|-------------------------------------------------------------------|
*/

@media screen and (min-width:0) and (max-width:1024px) {
.dropdown.gdropdown.companydata .dask_user{padding: 8px 10px;}
.mid_data .col-xs-12.col-sm-9, .mid_data .col-xs-12.col-sm-3{width: 100%;}
body .menu_bar .mobilemenu{right: inherit;left: 0;}
ul.w_list-scrollbar-inner{width: 100%;}
.mlistdata.scrollbar-inner.scroll-content.scroll-scrollx_visible{padding: 0 !important;}
.dashheader_title{font-size: 14px;}
.gpanel .input-group.gdaterange{font-size: 12px;}
body .masterInnerNavbar {padding: 10px 15px;display: block;}
.ModuleNavigation.flexMiddel{margin-right: 0;}
.logoContainer.glogoname{position: relative;justify-content: flex-start;margin-bottom: 0;padding-left: 35px !important;}
.gdropdown .gicon{width: 30px !important;height: 30px !important;line-height: 35px !important;}
.gdropdown ul li a.companyList{padding: 8px 15px;}
body .goverlay:after{top: 58px;}
.gtable.grid table .gflex br, .pinmenu, .logout { display: none; }
.pageheader { padding-bottom: 20px; display: block; }
.pageheader .pagebutton { justify-content: space-between; }
.pageheader h4 { margin-bottom: 15px; }
.pageheader a { font-size: 13px; }
.menu_body { padding-left: 0; }
.logoContainer.glogoname { position: relative; }
.logoContainer img { width: auto;height: auto; }
.menubaricon.gmenubar { display: none; }
.menu_list.menu_bar.gClose { position: fixed; height: 100%; box-shadow: none; transform: translateX(-100%); transition: left 450ms ease,transform 450ms ease; }
body .masterInnerBody { border-left: none !important; padding-left: 0; }
.menu_list { transform: translateX(-250px); top: 58px; }
body.mobilemenuopen .menu_list { transform: translateX(0); }
.menu_list.gClose li a .samll_menu { display: none; }
.menu_list.gClose:not(:hover) li a .desk_menu { visibility: visible; opacity: 1; display: flex; }
.menu_list.gClose .menudrop { display: block; }
body.gmenuClose .masterInnerBody { padding-left: 0; }
body .mobilemenu {display: block;left: 0;}
.ModuleNavigation.flexMiddel{column-gap: 5px;}
.companydata a span{font-size: 12px;}
body.mobilemenuopen .menu_list.menu_bar.gClose { transform: translateX(0); transition: left 450ms ease,transform 450ms ease; }
@keyframes overlay-fade-in {0% { opacity: 0 }100% { opacity: 1 }}
body.mobilemenuopen .goverlay:after { display: block; }
body.mobilemenuopen .mobilemenu:before { content: "\f00d"; }
body .goverlay { z-index: 9; }
.filter { width: 280px; padding: 15px; }
.filterheader { padding: 15px 0; }
.filter .filterbody { padding: 15px 10px 15px 0; }
.filter .scrollbar-inner > .scroll-element.scroll-y { width: 4px; }
.tools.gtools { display: block; }
.tools.gtools > div { display: flex; width: 100%; padding: 6px 0; }
.gtable.grid .stage-statics { white-space: nowrap; overflow-x: auto; padding: 10px 0 20px; margin-bottom: 0; display: block; }
.gtable.grid .stage-statics li { width: 20%; }
.gtable.grid table {border-spacing: 0;width: 1200px;}
.gfiltercontrol { padding-bottom: 10px !important; }
.gfiltercontrol a.btn.transition.fliterbutton { margin-left: 10px; }
.gaction_list, .dropMenu { z-index: 2; }
.gtable.grid table .dropdown-backdrop { z-index: -1 !important;}
.joblocation .jlocdata { margin: 20px 0 0; }
.joblocation .jlocdata input { width: 85%; text-align: left; margin: 0; }
.filterresultlbl li, .jobdetails .jcodelist li { font-size: 12px; }
.pagebox { margin-bottom: 30px; }
.hiringteam { margin-top: 0; }
.jobdetails .jheader, .jobdetails .jheader .date_data { display: inline-block; }
.jobdetails .DataContainer .jheading { font-size: 24px; line-height: 30px; }
.main_table { overflow-x: auto; }
.gstatus.glistdata .dropdown-menu.gaction_list { z-index: 9999; right: 0 !important; }
.actiondrop.gstatus .dropdown-menu.gaction_list, .actiondrop.gstatus .gaction_list:after, .actiondrop.gstatus .gaction_list:before { right: inherit; }
.record_menu ul{padding-right: 0;flex-wrap: inherit;overflow-x: auto;}
.record_menu li{white-space: nowrap;margin-bottom: 0 !important;}
.hire_box_data_list-main .scroll-wrapper.scrollbar-inner {height: 240px !important;}
.slide-menu.Edit-candidate-menu ul{flex-wrap: inherit;overflow-x: auto;}
.slide-menu.Edit-candidate-menu ul li{font-size: 14px;padding: 4px 10px;width: 100%;white-space: nowrap;}
.pagebox.pagebox-minheight{min-height: inherit !important;}
#viewApplicantDiv{width: 100% !important;}
body .dropdown-backdrop{z-index: -1 !important;}
.common-footer{background: #fff !important;font-size: 10px !important;}
.PoweredBy{float: inherit !important;display: block !important;}
}

/*
|-------------------------------------------------------------------|
| Mobile devices (tablets, 768px)                                   | 
|-------------------------------------------------------------------|
*/

@media screen and (min-width:0) and (max-width:767px) 
{
header .col { max-width: 50%; }
.logoContainer img{width: 100%;height: 30px;}
.common-footer{background: #fff !important;font-size: 10px !important;}
.PoweredBy{float: inherit !important;display: block !important;}
header ul { columns: 0; }
header ul li:last-child a { width: 100px; }
.top_section h2 { font-size: 10px; }
.top_section a span { font-size: 18px; line-height: 24px; }
.applicants_list { padding-left: 15px; }
.applicants_list .user_icon { left: -10px; }
.member_list { padding-bottom: 5px; column-gap: 15px; overflow-y: auto; }
.Joinee_list { display: block; }
.Joinee_list li a { margin-bottom: 20px; width: 100%; }
#interviewmode { height: 300px !important; }
.jOrgChart { overflow-x: auto; }
.jOrgChart td { position: relative; }
.jOrgChart table { width: 140px; }
.note-editor .panel-heading { display: block; overflow-x: auto; white-space: nowrap; padding-bottom: 15px !important; }
#txtMinCTC.required.transition.NumberOnly { margin-bottom: 20px; }
.hiringteam .hiringflex { overflow-x: auto; padding: 5px 10px 20px; }
.dashbox-info-list ul li{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding: 10px 0;}
.hire_box_data{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.hire_box_data_list-main:before{display: none;}
.Applicantsscrollbar.scrollbar-inner{height: auto !important;}
.pageheader-left{display: none;}
.pageheader .pagebutton{flex-wrap: wrap;}
.searchbox-main,.pageheader .searchbox{width: 100%;}
.searchbox-main{margin-bottom: 15px;}
.pageheader .pagebutton{justify-content: flex-end;}
.hire_box_data_list-main .scroll-wrapper.scrollbar-inner{height: calc(100vh - 360px) !important;}
.PopUpInner{width: calc(100% - 30px);left: 15px;}
.PopUpAddNote .title, .AssignJob .title, .JobPosting .title {font-size: 14px;}
.locdrop .dropdown-menu {min-width: 260px;}
.locdrop .dropdown-menu:after, .locdrop .dropdown-menu:before {left: 70px;transform: inherit;}
body .popup.StatusPopupInner .datablock.open{left: 15px;right: 15px;}
.PopUpAddNote.PopUpAssessmentContent{width: 100% !important;}
.PopUpAddNote.PopUpAssessmentContent .gtable table {width: 500px;}
.pageheader-row{display: block;}
}