@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
font-family: 'Poppins', sans-serif;
*/

html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-x: hidden;}
body {-webkit-font-smoothing: antialiased;margin: 0;padding: 0; font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 1.8; font-weight: normal; color: #6B6E71; background: #FAFCFF;}
* {outline: none;}
img, span {border: none;}
img {max-width: 100%; height: auto;}
a { color: #1EC20B; text-decoration: none; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
a:hover { text-decoration:none; color: #000000; outline:none;}
p {margin: 0 0 20px 0;}
h1,h2,h3,h4,h5 {color: #1F1F1F;}
h1 {font-size: 30px; line-height: 45px; font-weight: 600;}
h2 {font-size: 22px; line-height: 33px; font-weight: 600;}
h3 {font-size: 20px; line-height: 30px; font-weight: 600;}
h4 {font-size: 18px; line-height: 27px; font-weight: 600;}

.btn.btn-border {background: #ECFDEA;border: 1px solid #1BBF08;border-radius: 20px;font-weight: 600;font-size: 19px;line-height: 28px;color: #1CC50B;padding: 18px 33px;}
.btn.btn-border:hover {background-color: #1BBF08; color: #fff;}
.btn.btn-primary {min-width: 148px;background: linear-gradient(180deg, #28CE15 0%, #17BB05 100%);border-radius: 20px;border: none;font-weight: 600;font-size: 19px;line-height: 28px;color: #FFFFFF;padding: 18px 33px;}
.btn-list .btn:not(:first-child) {margin-left: 16px;}
/*
.dashboard-main .sidebar {position: fixed;left: 0;top: 0;width: 276px;background-color: #17BB05;height: 100vh;overflow: auto;border-radius: 0px 35px 35px 0px; z-index: 999; transition: 400ms ease all;}
.dashboard-main .sidebar .inside {padding: 38px 0;}
.dashboard-main .sidebar .main-menu ul {list-style: none;padding: 0;margin: 0;}
.dashboard-main .sidebar .main-menu ul li {padding: 0 0 0 34px;}
.dashboard-main .sidebar .main-menu ul li a {display: flex;align-items: center;width: 100%;font-weight: 500;font-size: 17px;line-height: 26px;color: #F3FFF2;padding: 24px 20px 24px 70px;position: relative;}
.dashboard-main .sidebar .main-menu ul li a .icon {position: absolute;left: 35px;top: 0;bottom: 0;display: flex;align-items: center;}
.dashboard-main .sidebar .logo {position: relative;padding: 0 0 25px 0; margin-bottom: 20px;}
.dashboard-main .sidebar .logo .close-btn {display: none;}
.dashboard-main .sidebar .logo:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;opacity: 0.35;border: 1px solid #FFFFFF;width: calc(100% - 40px);}
.dashboard-main .sidebar .main-menu ul li.active a {border-radius: 60px 0 0 60px;background: #ffffff;color: #12B301;font-weight: 600;}
.dashboard-main .sidebar .main-menu ul li.active a .icon {filter: invert(70%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);}
.dashboard-main .sidebar .main-menu ul li.active a:before {content: '';position: absolute;right: 0px;width: 35px;height: 35px;background: url(../images/menu-top-cut.svg) no-repeat center;top: -34px;}
.dashboard-main .sidebar .main-menu ul li.active a:after {content: '';position: absolute;right: 0px;width: 35px;height: 35px;background: url(../images/menu-bottom-cut.svg) no-repeat center;bottom: -34px;}

.dashboard-main .main-view {width: calc(100% - 276px); margin-left: auto; padding: 144px 60px 50px 50px;}
.dashboard-main .main-view .top-header .inside {align-items: center;}
.dashboard-main .main-view .top-header .mobile-menu-toggle {display: none;}
.dashboard-main .main-view .top-header .inside .mobile-logo {display: none;}
.dashboard-main .main-view .top-header {background: #FFFFFF;box-shadow: 2px 3px 24px rgba(223, 233, 222, 0.38);border-radius: 0px 0px 25px 25px;position: fixed;left: 0;top: 0;width: 100%;padding: 22px 60px 22px 325px;z-index: 99;}
.dashboard-main .main-view .top-header .col-right {margin-left: auto;}
.dashboard-main .main-view .top-header .col-right {margin-left: auto;display: flex;flex-flow: row wrap;align-items: center;}
.dashboard-main .main-view .top-header .col-right .user-icon {margin-left: 17px;}
.dashboard-main .main-view .top-header .col-right .user-icon a {border: 1.5px solid #EFF4EE;border-radius: 20px;width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;}
.dashboard-main .main-view .top-header .col-right .user-icon a:hover {border-color: #1CC50B;}
.dashboard-main .main-view .top-header .col-right .notify-icon {margin-left: 17px;}
.dashboard-main .main-view .top-header .col-right .notify-icon a {border: 1.5px solid #EFF4EE;border-radius: 20px;width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;}
.dashboard-main .main-view .top-header .col-right .notify-icon a:hover {border-color: #1CC50B;}
.dashboard-main .main-view .top-header .col-right .search-form form {width: 348px;position: relative;}
.dashboard-main .main-view .top-header .col-right .search-form form .input {border: 1px solid #E4EFE3;border-radius: 16px;background: #FFFFFF;padding: 17px 60px 17px 26px;width: 100%;position: relative; transition: 400ms ease all;}
.dashboard-main .main-view .top-header .col-right .search-form form .input:focus {border-color: #1CC50B;}
.dashboard-main .main-view .top-header .col-right .search-form form button {position: absolute;right: 30px;border: none;background: transparent;padding: 0;top: 18px;}
.dashboard-main .main-view .title-row h1 {margin: 0 0 5px 0;}
.dashboard-main .main-view .title-row .remote {color: #797D83;font-size: 18px;line-height: 27px;}
*/
.dashboard-main .sidebar {position: fixed;left: 0;top: 0;width: 276px;background-color: #17BB05;height: 100vh;overflow: hidden; overflow-y: auto;border-radius: 0px 35px 35px 0px; z-index: 999; transition: 400ms ease all;}
.dashboard-main .sidebar .inside {padding: 38px 0;}
.dashboard-main .sidebar .main-menu ul {list-style: none;padding: 0;margin: 0;}
.dashboard-main .sidebar .main-menu ul li {padding: 0 0 0 34px;}
.dashboard-main .sidebar .main-menu ul li a {display: flex;align-items: center;width: 100%;font-weight: 500;font-size: 17px;line-height: 26px;color: #F3FFF2;padding: 24px 20px 24px 70px;position: relative;}
.dashboard-main .sidebar .main-menu ul li a .icon {position: absolute;left: 35px;top: 0;bottom: 0;display: flex;align-items: center;}
.dashboard-main .sidebar .logo {position: relative;padding: 0 0 25px 0; margin-bottom: 20px; transition: 400ms ease all;}
.dashboard-main .sidebar .logo .close-btn {display: none;}
.dashboard-main .sidebar .logo:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;opacity: 0.35;border: 1px solid #FFFFFF;width: calc(100% - 40px);}
.dashboard-main .sidebar .main-menu ul li.active a {border-radius: 60px 0 0 60px;background: #ffffff;color: #12B301;font-weight: 600;}
.dashboard-main .sidebar .main-menu ul li.active a .icon {filter: invert(70%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);}
.dashboard-main .sidebar .main-menu ul li.active a:before {content: '';position: absolute;right: 0px;width: 35px;height: 35px;background: url(../images/menu-top-cut.svg) no-repeat center;top: -34px;}
.dashboard-main .sidebar .main-menu ul li.active a:after {content: '';position: absolute;right: 0px;width: 35px;height: 35px;background: url(../images/menu-bottom-cut.svg) no-repeat center;bottom: -34px;}

.dashboard-main .main-view {width: calc(100% - 276px); margin-left: auto; padding: 144px 60px 50px 50px; transition: 400ms ease all;}
.dashboard-main .main-view .top-header .inside {align-items: center; position: relative;}
.dashboard-main .main-view .top-header .inside .mobile-logo {display: none;}
.dashboard-main .main-view .top-header {background: #FFFFFF;box-shadow: 2px 3px 24px rgba(223, 233, 222, 0.38);border-radius: 0px 0px 25px 25px;position: fixed;left: 0;top: 0;width: 100%;padding: 22px 60px 22px 325px;z-index: 99; transition: 400ms ease all;}
.dashboard-main .main-view .top-header .col-right {margin-left: auto;}
.dashboard-main .main-view .top-header .col-right {margin-left: auto;display: flex;flex-flow: row wrap;align-items: center;}
.dashboard-main .main-view .top-header .col-right .user-icon {margin-left: 17px;}
.dashboard-main .main-view .top-header .col-right .user-icon a {border: 1.5px solid #EFF4EE;border-radius: 20px;width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;}
.dashboard-main .main-view .top-header .col-right .user-icon a:hover {border-color: #1CC50B;}
.dashboard-main .main-view .top-header .col-right .notify-icon {margin-left: 17px;}
.dashboard-main .main-view .top-header .col-right .notify-icon a {border: 1.5px solid #EFF4EE;border-radius: 20px;width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;}
.dashboard-main .main-view .top-header .col-right .notify-icon a:hover {border-color: #1CC50B;}

.dashboard-main .main-view .top-header .col-right .search-form form {width: 348px;position: relative;}
.dashboard-main .main-view .top-header .col-right .search-form form .input {border: 1px solid #E4EFE3;border-radius: 16px;background: #FFFFFF;padding: 17px 60px 17px 26px;width: 100%;position: relative; transition: 400ms ease all;}
.dashboard-main .main-view .top-header .col-right .search-form form .input:focus {border-color: #1CC50B;}
.dashboard-main .main-view .top-header .col-right .search-form form button {position: absolute;right: 30px;border: none;background: transparent;padding: 0;top: 18px;}

.dashboard-main .main-view .title-row h1 {margin: 0 0 5px 0;}
.dashboard-main .main-view .title-row .remote {color: #797D83;font-size: 18px;line-height: 27px;}
@media screen and (min-width: 1200px) {
    .dashboard-main .main-view .top-header .inside {padding: 0 0 0 70px;}
    .dashboard-main .main-view .top-header .mobile-menu-toggle {border: 1.5px solid #EFF4EE;border-radius: 10px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 400ms ease all;position: absolute;left: 0;top: 4px;}
    body.menu-open .dashboard-main .main-view {width: calc(100% - 120px);}
    body.menu-open .dashboard-main .sidebar .main-menu ul li a .text{width: 0; opacity: 0; visibility: hidden;}
    body.menu-open .dashboard-main .sidebar {width: 120px;}
    body.menu-open .dashboard-main .sidebar .main-menu ul li {padding: 0 0 0 10px;}
    body.menu-open .dashboard-main .sidebar .logo {max-width: 70px; margin-left: auto; margin-right: auto; padding: 0 0 20px 0; margin-bottom: 10px;}
    body.menu-open .dashboard-main .sidebar .main-menu ul li a {padding: 24px 20px 24px 20px;}
    body.menu-open .dashboard-main .main-view .top-header {padding: 22px 60px 22px 168px;}
}


.featured-list {margin: 0 -16px;}
.featured-list .featured-col {width: 33.33%;padding: 0 16px;margin-top: 30px;}
.featured-list .featured-col .inside {background: #FFFFFF;box-shadow: 3px 3px 26px rgba(240, 240, 240, 0.71);border-radius: 20px;overflow: hidden;align-items: center;padding: 23px; position: relative; z-index: 1;}
.featured-list .featured-col.green-col .inside:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/green-left-shape.svg) no-repeat; background-position: left center; z-index: -1;}
.featured-list .featured-col.orange-col .inside:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/orange-left-shape.svg) no-repeat; background-position: left center; z-index: -1;}
.featured-list .featured-col.blue-col .inside:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/blue-left-shape.svg) no-repeat; background-position: left center; z-index: -1;}
.featured-list .featured-col .inside .icon {box-shadow: 3px 3px 26px #f0f0f0;border-radius: 50%;background: #FFFFFF;min-width: 86px;min-height: 86px;display: flex;align-items: center;justify-content: center;}
.featured-list .featured-col .inside .number {padding: 0 50px 0 30px;}
.featured-list .featured-col .inside .number h2 {font-size: 34px;margin: 0 0 10px 0;line-height: 36px;}
.featured-list .featured-col .inside .number span {display: block;font-size: 22px;line-height: 33px;color: #8B9097;}
.featured-list .featured-col .inside .img {max-width: 150px;margin: auto;}

.dashboard-main .main-view .tabs-main {margin: 50px 0 0 0;}
.dashboard-main .main-view .tabs-main .nav.nav-tabs {background: #F3F9F2;border: 1px solid #1CC50B;border-radius: 20px;margin-bottom: 22px;padding: 12px;max-width: 830px;justify-content: space-between;}
.dashboard-main .main-view .tabs-main .nav.nav-tabs .nav-item .nav-link {background: transparent;border-radius: 20px;border: none;color: #7C7E81;font-weight: 400;font-size: 18px;line-height: 27px;padding: 18px 40px;}
.dashboard-main .main-view .tabs-main .nav.nav-tabs .nav-item .nav-link.active {background: #4CD63D;color: #FFFFFF;}

.tabs-main .ct-row .left-col {width: calc(100% - 414px); padding-right: 30px;}
.tabs-main .ct-row .right-col {width: 414px; position: relative;}
.tabs-main .ct-row .white-box {background: #FFFFFF;box-shadow: 3px 3px 26px #f0f0f0;border-radius: 20px;padding: 16px;margin-bottom: 24px;position: relative;}
.tabs-main .ct-row .white-box.job-detail {padding: 25px 26px;}
.tabs-main .ct-row .white-box.job-detail h2 {color: #363636;}
.tabs-main .ct-row .white-box.job-detail .edit {position: absolute;right: 26px;top: 18px;}
.tabs-main .ct-row .white-box.job-detail .edit a {background: #FFFFFF;border: 1px solid #E2E8EF;box-shadow: 3px 3px 24px rgba(126, 134, 198, 0.03);border-radius: 60px;display: flex;width: 46px;height: 46px;align-items: center;justify-content: center;}
.tabs-main .ct-row .white-box.job-detail .edit a:hover {border-color: #1CC50B;}
.tabs-main .ct-row .white-box.job-detail h2 {color: #363636;margin: 0 0 15px 0;font-weight: 500;}

.bootstrap-tagsinput {display: flex;flex-flow: row wrap;}
.bootstrap-tagsinput input {border: none;box-shadow: none;outline: none;background-color: transparent;padding: 0 6px;margin: 0 0 8px 0;width: auto;max-width: inherit;}
.bootstrap-tagsinput.form-control input::-moz-placeholder {color: #777;opacity: 1;}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {color: #777;}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {color: #777;}
.bootstrap-tagsinput input:focus {border: none;box-shadow: none;}
.bootstrap-tagsinput .badge {margin-right: 10px;margin-bottom: 8px;color: #7B7E83;background: #F0FBF9;padding: 11px 14px 10px 14px;border: none;border-radius: 12px;font-weight: 500;font-size: 13px;line-height: 20px; white-space: normal; text-align: left;}
.bootstrap-tagsinput .badge [data-role="remove"] {margin-left: 8px;cursor: pointer;}
.bootstrap-tagsinput .badge [data-role="remove"]:after {content: '';background: url(../images/close-icon.svg) no-repeat center;padding: 0px 7px;}

.job-info-box {background: #dcf4d9;;border-radius: 20px;margin-bottom: 30px;position: relative;padding: 35px 35px 20px 35px;}
.job-info-box .first-row {border-bottom: 1px solid #FFFFFF;padding: 0 0 32px 0;}
.job-info-box .first-row .icon {background: #FFFFFF;border: 1px solid #19BD07;width: 76px;height: 76px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.job-info-box .first-row .text-block {width: calc(100% - 76px);padding: 0 0 0 40px;}
.job-info-box .first-row .text-block .type {color: #17BB05;font-size: 14px;line-height: 21px;margin: 0 0 8px 0;}
.job-info-box .first-row .text-block .post {font-weight: 600;font-size: 18px;line-height: 27px;color: #1F1F1F;margin: 0 0 5px 0;}
.job-info-box .first-row .text-block .detail {color: #707479;font-weight: 400;font-size: 14px;line-height: 21px;}
.job-info-box .middle-row {margin: 24px -10px 0 -10px;}
.job-info-box .middle-row .text-col {padding: 0 10px;/*width: 33.33%;*/margin: 0 0 20px 0;}
.job-info-box .middle-row .text-col .info {color: #8B9199;margin-bottom: 12px;}
.job-info-box .middle-row .text-col .no {font-weight: 500;font-size: 17px;line-height: 26px;color: #363636;}
.job-info-box .last-row .title {font-size: 15px;line-height: 22px;color: #8B9199;margin: 0 0 6px 0;}
.job-info-box .last-row select {width: 100%;border: 1px solid #FFFFFF;border-radius: 12px;background: transparent url(../images/select-arrow.svg) no-repeat;background-position: right 15px center;background-size: 15px;padding: 14px 50px 14px 20px;font-weight: 500;font-size: 16px;line-height: 24px;color: #363636;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}

.job-info-box:before {content: '';position: absolute;top: 112px;width: 43px;height: 70px;left: -3px;background: url(../images/green-left-shape1.svg) no-repeat;background-size: contain;}
.job-info-box:after {content: '';position: absolute;top: 112px;width: 43px;height: 70px;right: -3px;background: url(../images/green-left-shape1.svg) no-repeat;background-size: contain;transform: rotate(180deg);}

.switch-main {position: absolute;right: 0;top: -60px;}
.switch-main .custom-switch {padding: 0px 55px 0 0;color: #1F1F1F;font-weight: 600;font-size: 22px;line-height: 33px;}
.custom-control-label {position: static;}
.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {transform: translateX(calc(0rem - 0.25rem)) !important;width: 18px !important;height: 18px !important;background: linear-gradient(180deg, #FFA78B 0%, #FE764B 100%);box-shadow: 2px 3px 24px rgba(254, 139, 103, 0.11);border: 2px solid #FFFFFF;top: 7px;}
.custom-switch.custom-switch-md .custom-control-label::after {right: 0;left: inherit;transform: translateX(calc(-1.1rem - 0.25rem));width: 18px !important;height: 18px !important;border: 2px solid #FFFFFF;top: 7px;}
.custom-switch .custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before {left: inherit;right: 0;outline: none !important;box-shadow: none !important;}
.custom-switch.custom-switch-md .custom-control-label::after {right: 0;left: inherit;cursor: pointer;}
.custom-switch.custom-switch-md .custom-control-label::before {height: 1.5rem;width: calc(2rem + 0.75rem);border-radius: 3rem;cursor: pointer;}
.custom-control-label::before {border-color: #adb5bd !important;}
.custom-control-input:checked~.custom-control-label::before {border-color: #FE764B !important;background-color: #FFF6F0;}
.custom-switch.custom-switch-md .custom-control-label::after {width: calc(1.5rem - 4px);height: calc(1.5rem - 4px);border-radius: calc(2rem - (1.5rem / 2));}
.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {transform: translateX(calc(1.5rem - 0.25rem));}

.custom-select-dropdown .select2-container {min-width: 100%;}
.custom-select-dropdown .select2-container .select2-selection {border: none;background: transparent;padding: 0;border-radius: 0;}
.select2-dropdown {border: none;font-size: 14px;}
.select2-results__option {padding: 5px 12px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #17bb05;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {margin: 0 10px 8px 0;color: #7B7E83;background: #F0FBF9;padding: 11px 28px 10px 14px;border: none;border-radius: 12px;font-weight: 500;font-size: 13px;line-height: 20px;white-space: normal;text-align: left;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {left: inherit;right: 10px;border: none;content: '';background: url(../images/close-icon.svg) no-repeat center;padding: 0px 7px;top: 0;bottom: 0;margin: auto;background-color: transparent !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {display: none;}
.select2-container .select2-search--inline .select2-search__field {margin: 0 0 20px 0 !important;}

.candidates-list-main .right-col {width: 350px;}
.candidates-list-main .left-col {width: calc(100% - 350px);padding-right: 28px;}
.candidates-list-main .cd-list .list-row {background: #FFFFFF;box-shadow: 3px 3px 26px #f0f0f0;border-radius: 20px;margin-bottom: 20px; padding: 30px;}
.candidates-list-main .cd-list .list-row .icon {width: 50px;height: 50px;background: #F3F9F2;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.candidates-list-main .cd-list .list-row .status,
.candidates-list-main .cd-list .list-row .keyword,
.candidates-list-main .cd-list .list-row .final-votes,
.candidates-list-main .cd-list .list-row .review-score,
.candidates-list-main .cd-list .list-row .date,
.candidates-list-main .cd-list .list-row .name {width: calc(14.30% - 8.5px);padding: 0 0 0 15px;}
.candidates-list-main .cd-list .list-row .name .place {color: #787878;font-size: 16px;line-height: 24px;}
.candidates-list-main .cd-list .list-row .title {color: #787878;font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.candidates-list-main .cd-list .list-row .date .info {font-size: 18px;line-height: 24px;color: #3B3B3B;}
.candidates-list-main .cd-list .list-row .star-rating .fa {font-size: 15px;margin-right: 2px;color: #DADADA;}
.candidates-list-main .cd-list .list-row .star-rating .fa.checked {color: #1CC50B;}
.candidates-list-main .keyword-info {color: #151515;font-size: 18px;line-height: 27px;}
.candidates-list-main .pending {background: #FDF5F2;border-radius: 15px;font-weight: 500;font-size: 16px;line-height: 24px;color: #FE764B;padding: 14px 25px;display: inline-block;text-align: center;min-width: 125px;}
.candidates-list-main .interview {background: #E7FAE4;border-radius: 15px;font-weight: 500;font-size: 16px;line-height: 24px;color: #1BBF09;padding: 14px 25px;display: inline-block;text-align: center;min-width: 125px;}
.add-btn a {background: #ECFDEA;border: 1px solid #1BBF08;border-radius: 12px;min-width: 124px;display: inline-block;text-align: center;color: #1EC20B;font-weight: 600;font-size: 17px;line-height: 26px;padding: 11px;}
.add-btn a:hover {background-color: #1EC20B; color: #fff;}
.candidates-list-main .add-btn {margin-top: 40px;}
.candidates-list-main .inside {background: #FFFFFF;box-shadow: 3px 3px 26px #f0f0f0;border-radius: 19px;padding: 22px;}
.candidates-list-main .inside form {width: 100%;position: relative;}
.candidates-list-main .inside form .input {border: 1px solid #E4EFE3;border-radius: 16px;background: #FFFFFF;padding:15px 50px 15px 20px;width: 100%;position: relative; transition: 400ms ease all;}
.candidates-list-main .inside form .input:focus {border-color: #1CC50B;}
.candidates-list-main .inside form button {position: absolute;right: 20px;border: none;background: transparent;padding: 0;top: 14px;}

.accordion-main {margin-top: 10px;}
.accordion-main .card {border: none;border-radius: 0;margin: 0; border-bottom: 1px solid #EFEFEF;}
.accordion-main .card .card-header {border-radius: 0;border: none;padding: 0;background: transparent;}
.accordion-main .card .card-header .btn {width: 100%;text-align: left;padding: 18px 40px 18px 0;font-size: 18px;line-height: 27px;color: #757575;text-decoration: none;box-shadow: none;position: relative;}
.accordion-main .card .card-header .btn:after {content: '';position: absolute;right: 0;}
.accordion-main .card:last-child {border-bottom: none;padding-bottom: 0;}
.accordion-main .card .card-body {padding: 20px 0;}
.accordion-main .card:last-child .card-body {padding-bottom: 0;}
.accordion-main .card:last-child .card-header .btn {padding-bottom: 0;}
.accordion-main .card .card-body p:last-child {margin-bottom: 0;}
.accordion-main .card .card-header .btn:after {content: '';position: absolute;right: 16px;width: 12px;height: 12px;border: 2px solid #000;border-bottom: none;border-left: none;transform: rotate(-45deg);top: 27px;}
.accordion-main .card .card-header .btn.collapsed:after {transform: rotate(135deg);}
.accordion-main .pending {background: #FDF5F2;border-radius: 5px;font-weight: 500;font-size: 16px;line-height: 24px;color: #FE764B;padding: 10px 20px;display: inline-block;text-align: center;min-width: 125px;}
.accordion-main .interview {background: #E7FAE4;border-radius: 5px;font-weight: 500;font-size: 16px;line-height: 24px;color: #1BBF09;padding: 10px 20px;display: inline-block;text-align: center;min-width: 125px;}
.accordion-main .card .card-header .btn:not(.collapsed) {padding-bottom: 0; font-weight: 500; color: #363636;}
.accordion-main .star-rating {display: flex;}
.accordion-main .star-rating .fa {background: #FFFFFF;border: 1px solid #E4EFE3;border-radius: 12px;width: 40px;height: 40px;color: #D9D9D9;font-size: 16px;margin-right: 10px;display: flex;align-items: center;justify-content: center;}
.accordion-main .star-rating .fa.checked {border-color: #65E757;color: #1CC50B;}

.accordionPublish .card {margin-bottom: 20px;border: none;border-radius: 0;}
.accordionPublish .card .card-header {padding: 0;border: none;box-shadow: 3px 3px 26px #f0f0f0;}
.accordionPublish .card .card-header .btn {width: 100%;text-align: left;font-weight: 500;font-size: 18px;line-height: 27px;color: #414141;padding: 25px 80px 25px 40px;text-decoration: none;box-shadow: none; border-radius: 16px; background: #FFFFFF;}
.accordionPublish .card .card-header .btn:not(.collapsed) {border-color: #17BB05; color: #1CC50B;}
.accordionPublish .card .card-header .btn:after {content: '';position: absolute;right: 50px;width: 12px;height: 12px;border: 2px solid #000;border-bottom: none;border-left: none;transform: rotate(-45deg);top: 36px;}
.accordionPublish .card .card-header .btn.collapsed:after {transform: rotate(135deg); top: 32px;}
.accordionPublish .card-body {background: #FFFFFF;box-shadow: 3px 3px 26px #f0f0f0;border-radius: 20px;padding: 26px 40px;}
.accordionPublish .card-body .job-link {text-align: center;}
.accordionPublish .card-body .job-link a {font-size: 16px;line-height: 24px;text-decoration-line: underline;color: #525252;padding: 2px 0 2px 35px;background: url(../images/link-icon.svg) no-repeat;background-position: left center;}
.accordionPublish .card-body .social-list a {margin: 0 6px;}
.accordionPublish .card-body .share-text {margin-top: 30px;background: #FAFAFA;border-radius: 20px;padding: 28px 50px;font-weight: 400;font-size: 18px;line-height: 32px;text-align: center;color: #525252;}
.accordionPublish .card-body .share-text p:last-child {margin-bottom: 0;}

.post-form {margin: 45px 0 20px 0;}
.post-form label {font-weight: 600;font-size: 24px;line-height: 36px;color: #1F1F1F;display: block;width: 100%;margin: 0 0 12px 0;}
.post-form textarea {width: 100%;background: #FFFFFF;border: 1px solid #D7D7D7;border-radius: 20px;resize: none;height: 134px;padding: 22px 24px;font-weight: 400;font-size: 18px;line-height: 27px;color: #A7A7A7; vertical-align: top;}
.post-form textarea::-webkit-input-placeholder {color: #A7A7A7;}
.post-form textarea::-moz-placeholder {color: #A7A7A7;}
.post-form textarea:-ms-input-placeholder {color: #A7A7A7;}
.post-form textarea:-moz-placeholder {color: #A7A7A7;}
.post-form .textarea-row {margin: 0 0 50px 0;}
.post-form .social-checkboxGroup {display: flex;flex-flow: row wrap;margin: 0 -20px;}
.post-form .social-checkboxGroup .checkboxCol {width: 33.33%;padding: 0 20px; margin-bottom: 50px;}
.post-form .social-checkboxGroup .checkboxCol input[type="checkbox"] {position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;width: 0;height: 0;}
.post-form .social-checkboxGroup .checkboxCol input[type="checkbox"] + label {font-weight: 600;font-size: 20px;line-height: 30px;color: #1F1F1F;margin: 0 0 2px 0;padding: 4px 0 4px 54px;position: relative;cursor: pointer;}
.post-form .social-checkboxGroup .checkboxCol input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 36px;height: 36px;border-radius: 10px;border: 1px solid #B7B7B7;transition: 400ms ease all; background-position: center !important;}
.post-form .social-checkboxGroup .checkboxCol input[type="checkbox"]:checked + label:before {background: #1CC50B url(../images/check-icon-white.svg) no-repeat;border-color: #1CC50B;box-shadow: 3px 3px 26px #F0F0F0;}
.post-form .social-checkboxGroup .checkboxCol a {margin-left: 54px;color: #FE764B;font-weight: 400;font-size: 16px;line-height: 24px;text-decoration: underline; display: inline-block;}
.post-form .social-checkboxGroup .checkboxCol a:hover {color: #1F1F1F;}
.accordionPublish .card-body .job-link + .btn-list {margin-top: 40px;}
.accordionPublish .card-body h3 {font-size: 26px;line-height: 39px;margin: 0 0 20px 0;}
.accordionPublish .card-body .switch-main {position: relative;top: 0;display: flex;justify-content: center;margin: 20px 0 30px 0;}
.accordionPublish .card-body .switch-main .custom-control {font-weight: 400;font-size: 17px;line-height: 26px;color: #363636;padding: 3px 0 0 55px;}
@media screen and (min-width: 768px) {
    .accordionPublish .custom-switch .custom-control-label::before,
    .accordionPublish .custom-control-input:checked~.custom-control-label::before {left: 0; right: inherit;}
    .accordionPublish .custom-switch.custom-switch-md .custom-control-label::after {right: inherit; left: 27px;}
    .accordionPublish .custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {transform: translateX(calc(0rem - 0.3rem)) !important !important;}
}

.accordionPublish .card-body .jobList .ct-row {border-bottom: 1px solid #E8E8E8; align-items: center;}
.accordionPublish .card-body .jobList .ct-row:last-child {border: none;}
.accordionPublish .card-body .jobList .ct-row .switchCol {width: 200px;display: flex;justify-content: flex-start;}
.accordionPublish .card-body .jobList .ct-row .job-link {width: calc(50% - 100px);padding: 30px 0 30px 20px;text-align: left;}
.accordionPublish .card-body .jobList .ct-row .switchCol .switch-main {margin: 0;}
.accordionPublish .card-body .socialCheckboxList {background: #FAFAFA;border-radius: 20px;padding: 30px 25px 15px 25px;margin: 10px 0 40px 0;}
.accordionPublish .card-body .socialCheckboxList .radio-col {width: 230px;padding: 0 20px; margin-bottom: 25px;}
.accordionPublish .card-body .socialCheckboxList .radio-col input[type="checkbox"] {opacity: 0;width: 0;height: 0;position: absolute;left: 0;top: 0;}
.accordionPublish .card-body .socialCheckboxList .radio-col input[type="checkbox"] + label {width: 100%;margin: 0;border: 1px solid #ECECEC;box-shadow: 3px 3px 26px #f0f0f0;border-radius: 18px;padding: 16px 25px;display: flex;align-items: center;justify-content: space-between;background: #FFFFFF;transition: 400ms ease all;cursor: pointer;}
.accordionPublish .card-body .socialCheckboxList .radio-col input[type="checkbox"] + label .text {font-weight: 500;font-size: 16px;line-height: 25px;color: #1F1F1F; word-break: break-all;}
.accordionPublish .card-body .socialCheckboxList .radio-col input[type="checkbox"]:checked + label {background: #F7FFF6;border-color: #1CC50B;}
.accordionPublish .card-body .socialCheckboxList .radio-col input[type="checkbox"] + label .icon {min-width: 40px;min-height: 40px; object-fit: contain;}

.custom-checkbox-list {margin: 15px 0;padding: 0 10px;}
.custom-checkbox-list .cc-row {margin: 0 0 18px 0;}
.custom-checkbox-list .cc-row input[type=checkbox] {position: absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0;}
.custom-checkbox-list .cc-row input[type=checkbox] + label {margin: 0;font-size: 16px;line-height: 24px;color: #9F9F9F;padding: 2px 0 2px 40px;position: relative; cursor: pointer;}
.custom-checkbox-list .cc-row input[type=checkbox] + label:before {content: '';position: absolute;left: 0;top: 0;border: 1px solid #B7B7B7;filter: drop-shadow(3px 3px 26px #F0F0F0);border-radius: 8px;width: 26px;height: 26px;transition: 400ms ease all;}
.custom-checkbox-list .cc-row input[type=checkbox]:checked + label:before {background: #1CC50B;border-color: #1CC50B;}
.custom-checkbox-list .cc-row input[type=checkbox]:checked + label {font-weight: 500; color: #1CC50B;}
.custom-checkbox-list .cc-row input[type=checkbox] + label:after {content: '';position: absolute;left: 5px;top: 7px;width: 14px;height: 7px;border: 2px solid #fff;border-top: none;border-right: none;transform: rotate(-45deg);opacity: 0;transition: 400ms ease all;}
.custom-checkbox-list .cc-row input[type=checkbox]:checked + label:after {opacity: 1;}

.custom-radio-list {margin: 15px 0;padding: 0 10px;}
.custom-radio-list .cc-row {margin: 0 0 18px 0;}
.custom-radio-list .cc-row input[type=radio] {position: absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0;}
.custom-radio-list .cc-row input[type=radio] + label {margin: 0;font-size: 16px;line-height: 24px;color: #9F9F9F;padding: 2px 0 2px 40px;position: relative; cursor: pointer;}
.custom-radio-list .cc-row input[type=radio] + label:before {content: '';position: absolute;left: 0;top: 0;border: 1px solid #B7B7B7;filter: drop-shadow(3px 3px 26px #F0F0F0);border-radius: 50%;width: 26px;height: 26px;transition: 400ms ease all;}
.custom-radio-list .cc-row input[type=radio]:checked + label:before {background: #1CC50B;border-color: #1CC50B;}
.custom-radio-list .cc-row input[type=radio]:checked + label {font-weight: 500; color: #1CC50B;}
.custom-radio-list .cc-row input[type=radio] + label:after {content: '';position: absolute;left: 8px;top: 8px;width: 10px;height: 10px;opacity: 0;transition: 400ms ease all;background-color: #fff;border-radius: 50%;}
.custom-radio-list .cc-row input[type=radio]:checked + label:after {opacity: 1;}

.range-slider-main .slider-handle {background: linear-gradient(180deg, #28CE15 0%, #17BB05 100%);}
.range-slider-main .slider-horizontal {width: 100%;}

.candidates-list-main .left-col .job-single-row {background: #FFFFFF;box-shadow: 3px 3px 26px rgba(240, 240, 240, 0.71);border-radius: 20px;margin-bottom: 26px;padding: 16px; align-items: center;}
.candidates-list-main .left-col .job-single-row .title-left {width: 300px; padding: 10px 20px 10px 24px;}
.candidates-list-main .left-col .job-single-row .details {width: calc(100% - 300px); background: #F5FBF4; border-radius: 20px; height: 140px;}
.candidates-list-main .left-col .job-single-row .details .dt-col {width: 25%;text-align: center;padding: 10px 20px;display: flex;align-items: center;flex-direction: column;justify-content: center; position: relative;}
.candidates-list-main .left-col .job-single-row .title-left h2 {font-size: 24px;line-height: 36px;}
.candidates-list-main .left-col .job-single-row .title-left p {margin: 0;color: #797D83;font-size: 17px;line-height: 26px;}
.candidates-list-main .left-col .job-single-row .details .dt-col .number {font-weight: 600;font-size: 26px;line-height: 36px;color: #1F1F1F;}
.candidates-list-main .left-col .job-single-row .details .dt-col p {font-size: 17px;line-height: 26px;color: #8B9097;margin: 0;}
.candidates-list-main .left-col .job-single-row .details .dt-col:before {content: '';background: #D6E0D5;height: 46.99px;width: 1px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.candidates-list-main .left-col .job-single-row .details .dt-col:last-child:before {display: none;}

.candidates-list-main .interviewlist .list-row .status,
.candidates-list-main .interviewlist .list-row .keyword,
.candidates-list-main .interviewlist .list-row .final-votes,
.candidates-list-main .interviewlist .list-row .review-score,
.candidates-list-main .interviewlist .list-row .date,
.candidates-list-main .interviewlist .list-row .name{
    width: calc(19.40% - 8.5px);
}
input#candidate_notice_period {
    width: 150px !important;
}
.hiringDeadlineDiv{background: #dcf4d9 !important; box-shadow:none !important;}
.hiringDeadlineDiv .btn.btn-primary {min-width: 100px;}
.hiringDeadlineDiv .no.job_attibute{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    color: #363636;
}

.profile-single-row {background: #FFFFFF;box-shadow: 3px 3px 26px #f0f0f0;border-radius: 20px;padding: 35px 40px;margin-top: 22px;}
.profile-single-row .left-dt {display: flex;align-items: center;flex-flow: row wrap;}
.profile-single-row .profile-img {width: 120px;height: 120px;margin-right: 28px;}
.profile-single-row .profile-img img {width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.profile-single-row .left-dt .rating h2 {font-size: 26px;line-height: 39px;margin: 0 0 5px 0;}
.profile-single-row .left-dt .rating .star-rating .fa {font-size: 15px;margin-right: 2px;color: #DADADA;}
.profile-single-row .left-dt .rating .star-rating .fa.checked {color: #1CC50B;}

.send-msg-block {background: #FFFFFF;box-shadow: 3px 3px 26px #f0f0f0;border-radius: 20px;padding: 50px 50px 35px 50px;}
.send-msg-block .field-row .form-group label {display: block;width: 100%;font-size: 17px;line-height: 26px;color: #1F1F1F;margin: 0 0 10px 0;}
.send-msg-block .field-row .form-group .input-control {background: #FFFFFF;border: 1px solid #D7D7D7;border-radius: 20px;width: 100%;font-size: 18px;line-height: 28px;color: #757575;font-family: 'Poppins', sans-serif;padding: 25px 30px;}
.send-msg-block .field-row {display: flex;flex-flow: row wrap;margin: 0 -22px;}
.send-msg-block .field-row .form-group {margin: 0 0 40px 0; width: 50%;padding: 0 22px;}
.send-msg-block .field-row.full-width .form-group {width: 100%;}
.send-msg-block .title {margin: 0 0 15px 0;}
.send-msg-block .title h3 {font-weight: 600;font-size: 24px;}
.send-msg-block .field-row .form-group select {background: #FFFFFF;border: 1px solid #D7D7D7;border-radius: 20px;width: 100%;font-size: 18px;line-height: 28px;color: #757575;font-family: 'Poppins', sans-serif;padding: 25px 60px 25px 30px;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';background: transparent url(../images/select-arrow.svg) no-repeat;background-position: right 25px center;background-size: 20px;}
.send-msg-block .field-row .form-group textarea {border: 1px solid #D7D7D7;border-radius: 20px;resize: none;width: 100%;font-size: 18px;line-height: 28px;color: #757575;font-family: 'Poppins', sans-serif;padding: 25px 30px;height: 156px;}
.custom-checkbox-list.bottom-border {border-bottom: 1px solid #EFEFEF;}
.candidates-list-main .inside .name-box.bottom-border {border-bottom: 1px solid #EFEFEF; margin: 0 0 20px 0;}
.preview-box .dt-row {margin: 20px 0 0 0;}
.preview-box .dt-row .dt-info {font-size: 16px;line-height: 24px;text-align: right;color: #656565; white-space: nowrap; padding-right: 15px;}
.preview-box .dt-row .dt-right {font-weight: 500;font-size: 16px;line-height: 24px;text-align: right;color: #363636;}
.send-msg-block .btn-list .btn {margin-bottom: 10px;}
.send-msg-block .field-row .form-group .date-field {background: #FFFFFF;border: 1px solid #D7D7D7;border-radius: 20px;width: 100%;font-size: 18px;line-height: 28px;color: #6A6A6A;font-family: 'Poppins', sans-serif;padding: 25px 80px 25px 30px;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';background: transparent url(../images/calendar-icon.svg) no-repeat;background-position: right 25px center;background-size: 30px;}

.profile-single-row .detail-row {justify-content: space-between;margin: 0 -10px;}
.profile-single-row .detail-row .info-col {padding: 0 10px;margin: 50px 0 0 0; max-width: 14.28%}
.profile-single-row .detail-row .info-col h3 {font-weight: 500;}
.profile-single-row .detail-row .info-col p {font-size: 17px;line-height: 26px;color: #707070;margin: 0;}
.profile-single-row .detail-row .info-col a {color: #707070;}
.profile-single-row .detail-row .info-col a:hover {color: #1F1F1F;}

.review-box {margin: 60px 0;}
.review-box .inside {background: #FFFFFF;box-shadow: 3px 3px 26px #f0f0f0;border-radius: 20px;padding: 45px 54px 28px 54px;}
.review-box .title-row {align-items: center; margin: 0 0 20px 0;}
.review-box .title-row .left-text {font-weight: 500;font-size: 24px;line-height: 36px;color: #1F1F11;}
.review-box .inside textarea {border: 1px solid #D7D7D7;border-radius: 20px;resize: none;width: 100%;font-size: 18px;line-height: 28px;color: #757575;font-family: 'Poppins', sans-serif;padding: 25px 30px;height: 134px; vertical-align: top;}
.review-box .form-group {margin: 0 0 30px 0;}
.review-box .title-row .remove-btn {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border: 1.5px solid #FE764B;background: #FFF6F0;border-radius: 50%;margin: 0 0 0 30px;}
.review-box .title-row .fa {margin: 0 0 0 5px;color: #DADADA;font-size: 20px;}
.review-box .title-row .fa:hover,
.review-box .title-row .fa.checked {color: #1CC50B;}
.review-box .add-btn {font-size: 17px;line-height: 26px;padding: 11px 33px;border-radius: 12px;}
.review-box .inside.no-background {margin-top: 60px;background: transparent;padding: 0;box-shadow: none;}

.chart-link-group .list {background: #F3F9F2;border: 1px solid #1CC50B;border-radius: 20px;margin-bottom: 40px; padding: 12px;}
.chart-link-group .list a {border-radius: 20px;padding: 15px 20px;margin: 0 10px;font-size: 18px;line-height: 27px;color: #7C7E81;display: inline-block;}
.chart-link-group .list a:first-child {margin-left: 0;}
.chart-link-group .list a:last-child {margin-right: 0;}
.chart-link-group .list a:hover,
.chart-link-group .list a.active {background: #4CD63D;color: #FFFFFF;}

.two-col-chart-row {margin: 0 -17px;}
.two-col-chart-row .chart-col {width: 50%;margin-bottom: 50px; padding: 0 17px;}
.two-col-chart-row .chart-col .inside {background: #FFFFFF;box-shadow: 3px 3px 26px rgba(240, 240, 240, 0.71);border-radius: 20px;padding: 22px;}
.chart-col .inside .highcharts-credits {display: none;}
.chart-col .inside .highcharts-title {font-weight: 600;font-size: 24px !important;line-height: 36px;color: #1F1F1F !important;font-family: 'Poppins', sans-serif !important;}

.three-col-chart-row {box-shadow: 3px 3px 26px rgba(240, 240, 240, 0.71);border-radius: 20px;padding: 22px 10px;background-color: #fff;}
.three-col-chart-row .chart-col {width: 33.33%;padding: 0 15px; position: relative;}
.three-col-chart-row .chart-col:after {content: '';position: absolute;right: 0;top: 0;bottom: 0;height: 70%;width: 1px;margin: auto;background-color: #EDEDED;}
.three-col-chart-row .chart-col:last-child:after {display: none;}

.schedule-form {margin-top: 60px;}
.schedule-form .custom-checkbox-list {display: flex;align-items: center;flex-flow: row wrap;}
.schedule-form .custom-checkbox-list .cc-row {width: auto;min-width: 22%;margin-right: 20px;}


@media screen and (max-width: 1800px) {
    .candidates-list-main .cd-list .list-row .status, .candidates-list-main .cd-list .list-row .keyword, .candidates-list-main .cd-list .list-row .final-votes, .candidates-list-main .cd-list .list-row .review-score, .candidates-list-main .cd-list .list-row .date, .candidates-list-main .cd-list .list-row .name {padding: 0 0 0 15px;}
}

@media screen and (max-width: 1650px) {
    .candidates-list-main .cd-list .list-row {padding: 25px 20px;}
    .candidates-list-main .left-col {width: calc(100% - 300px);padding-right: 20px;}
    .candidates-list-main .right-col {width: 300px;}
}

@media screen and (max-width: 1550px) {
    .candidates-list-main .cd-list .list-row .status, .candidates-list-main .cd-list .list-row .keyword, .candidates-list-main .cd-list .list-row .final-votes, .candidates-list-main .cd-list .list-row .review-score, .candidates-list-main .cd-list .list-row .date, .candidates-list-main .cd-list .list-row .name {width: calc(25% - 8.5px); margin-bottom: 20px;}
    .candidates-list-main .cd-list .list-row .final-votes {margin-left: 50px;}
    .candidates-list-main .interviewlist .list-row .status,
    .candidates-list-main .interviewlist .list-row .keyword,
    .candidates-list-main .interviewlist .list-row .final-votes,
    .candidates-list-main .interviewlist .list-row .review-score,
    .candidates-list-main .interviewlist .list-row .date,
    .candidates-list-main .interviewlist .list-row .name{
        width: calc(25% - 8.5px); margin-bottom: 20px;
    }
}

@media screen and (max-width: 1440px) {
    .featured-list .featured-col .inside .number {padding: 0 20px 0 20px;}
    .send-msg-block .field-row {margin: 0 -12px;}
    .send-msg-block .field-row .form-group {padding: 0 12px;}
    .send-msg-block .field-row .form-group .input-control {padding: 15px 30px;}
    .send-msg-block .field-row .form-group select {padding: 15px 60px 15px 30px;}
    .send-msg-block .field-row .form-group textarea {padding: 15px 30px;}
    .send-msg-block .field-row .form-group .date-field {padding: 15px 80px 15px 30px;}
}

@media screen and (max-width: 1366px) {
    .featured-list .featured-col .inside {padding: 12px;}
    .featured-list .featured-col .inside .icon {min-width: 65px; min-height: 65px;}
    .featured-list .featured-col .inside .number h2 {font-size: 26px;margin: 0 0 5px 0;line-height: 30px;}
    .featured-list .featured-col .inside .number span {font-size: 16px; line-height: 26px;}
    .tabs-main .ct-row .right-col {width: 350px;}
    .tabs-main .ct-row .left-col {width: calc(100% - 350px);}
    .switch-main {position: relative;top: 0;text-align: right;margin-bottom: 12px;}
    .candidates-list-main .left-col .job-single-row .title-left {width: 240px;padding: 10px 20px 10px 10px;}
    .candidates-list-main .left-col .job-single-row .details {width: calc(100% - 240px);}
    .profile-single-row .detail-row {flex-flow: row wrap;}
}

@media screen and (max-width: 1280px) {
    .candidates-list-main .cd-list .list-row .status, .candidates-list-main .cd-list .list-row .keyword, .candidates-list-main .cd-list .list-row .final-votes, .candidates-list-main .cd-list .list-row .review-score, .candidates-list-main .cd-list .list-row .date, .candidates-list-main .cd-list .list-row .name {width: calc(50% - 25px);}
    .candidates-list-main .interviewlist .list-row .status,
    .candidates-list-main .interviewlist .list-row .keyword,
    .candidates-list-main .interviewlist .list-row .final-votes,
    .candidates-list-main .interviewlist .list-row .review-score,
    .candidates-list-main .interviewlist .list-row .date,
    .candidates-list-main .interviewlist .list-row .name{
        width: calc(50% - 25px);
    }
    .candidates-list-main .cd-list .list-row .final-votes {margin-left: 0;}
    .candidates-list-main .cd-list .list-row .keyword,
    .candidates-list-main .cd-list .list-row .review-score {margin-left: 50px;}
    .chart-link-group .list a {border-radius: 10px; padding: 7px 10px; margin: 0 5px; font-size: 15px; line-height: 25px;}
    .chart-link-group .list {padding: 8px;}
    .chart-col .inside .highcharts-title {font-size: 20px !important; line-height: 30px;}
}

@media screen and (max-width: 1199px) {
    .dashboard-main .sidebar {left: -276px;}
    .dashboard-main .main-view {width: 100%; padding: 190px 35px 50px 35px;}
    .dashboard-main .main-view .top-header {padding: 24px 35px 24px 35px;}
    .dashboard-main .main-view .top-header .inside .col-left {display: none;}
    .dashboard-main .main-view .top-header .inside .mobile-logo {display: block;}
    .dashboard-main .main-view .top-header .col-right .search-form {position: absolute;left: 0;right: 0;top: 106px;width: 100%;padding: 0 35px;}
    .dashboard-main .main-view .top-header .col-right .search-form form {width: 100%;}
    .dashboard-main .main-view .top-header .inside .mobile-logo {position: absolute;right: 0;left: 0;margin: auto;max-width: 90px;text-align: center;}
    .dashboard-main .main-view .top-header .col-right .search-form form .input {padding: 13px 60px 13px 26px;}
    .dashboard-main .main-view .top-header .col-right .search-form form button {right: 18px; top: 12px;}
    .dashboard-main .main-view .top-header .mobile-menu-toggle {border: 1.5px solid #EFF4EE;border-radius: 20px;width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;cursor: pointer; transition: 400ms ease all;}
    .dashboard-main .main-view .top-header .mobile-menu-toggle:hover {border-color: #1CC50B;}
    body.menu-open .dashboard-main .sidebar {left: 0;}
    body {background-color: #fff;}
    /* background-color: rgba(23, 187, 5, 1); */
    body:before {content: '';position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%; z-index: 999;opacity: 0; visibility: hidden;}
    body.menu-open:before {opacity: 0.15; /*visibility: visible;*/}
    .dashboard-main .sidebar .logo {position: relative;}
    .dashboard-main .sidebar .logo .close-btn {position: absolute;right: 15px;top: -25px; display: block; cursor: pointer;}
    .accordionPublish .card-body .socialCheckboxList .radio-col {width: 33.33%;}
}

@media screen and (max-width: 991px) {
    .tabs-main .ct-row .right-col {width: 100%;order: 1;}
    .tabs-main .ct-row .left-col {width: 100%;order: 2;padding-right: 0;}
    .dashboard-main .main-view .tabs-main .nav.nav-tabs {max-width: 100%;}
    .post-form .social-checkboxGroup .checkboxCol {width: 100%; margin-bottom: 30px;}
    .accordionPublish .card-body .socialCheckboxList .radio-col {width: 50%;}
    .candidates-list-main .left-col .job-single-row .title-left {width: 100%;}
    .candidates-list-main .left-col .job-single-row .details {width: 100%;}
    .send-msg-block .field-row .form-group {width: 100%; margin: 0 0 25px 0;}
    .profile-single-row {padding: 25px 23px;}
    .profile-single-row .detail-row .info-col {width: 50%;max-width: 50%;}
    .profile-single-row .profile-img {width: 65px;height: 65px;margin-right: 18px;}
    .profile-single-row .left-dt .rating h2 {font-size: 17px;line-height: 25px;margin: 0 0 2px 0;}
    .profile-single-row .right-dt .btn {padding: 15px 22px;font-size: 17px;line-height: 26px; border-radius: 12px;}
    .two-col-chart-row .chart-col {width: 100%;}
    .three-col-chart-row .chart-col {width: 100%; margin-bottom: 50px;}
    .three-col-chart-row .chart-col:after {display: none;}
    .three-col-chart-row .chart-col:last-child {margin-bottom: 0;}

}

@media screen and (max-width: 767px) {
    h1 {font-size: 22px;line-height: 32px;}
    h2 {font-size: 17px; line-height: 26px;}
    body {font-size: 14px; line-height: 1.7;}
    .dashboard-main .main-view .top-header {padding: 30px 20px 30px 20px;}
    .dashboard-main .main-view .top-header .col-right .search-form {padding: 0 20px;}
    .dashboard-main .main-view {padding: 190px 20px 10px 20px;}
    .dashboard-main .main-view .top-header .mobile-menu-toggle {width: 46px; height: 46px;}
    .dashboard-main .main-view .top-header .col-right .user-icon a {border-radius: 16px; width: 46px; height: 46px;}
    .dashboard-main .main-view .top-header .col-right .user-icon {margin-left: 10px;}
    .dashboard-main .main-view .top-header .col-right .notify-icon a {border-radius: 16px; width: 46px; height: 46px;}
    .dashboard-main .main-view .top-header .mobile-menu-toggle {border-radius: 16px;}
    .dashboard-main .sidebar .logo .close-btn {width: 40px;}
    .dashboard-main .sidebar .main-menu ul li a {padding: 20px 20px 20px 70px;}
    .dashboard-main .main-view .title-row .remote {font-size: 15px; line-height: 22px;}
    .tabs-main .ct-row .white-box.job-detail h2 {font-size: 17px; line-height: 26px;}
    .tabs-main .ct-row .white-box.job-detail {padding: 20px 18px; border-radius: 15px;}
    .tabs-main .ct-row .white-box.job-detail .edit {right: 15px; top: 10px;}
    .job-info-box .first-row .text-block {padding: 0 0 0 16px;}
    .job-info-box .middle-row .text-col .info {margin-bottom: 7px;}
    .switch-main .custom-switch {font-size: 15px;}
    .dashboard-main .main-view .tabs-main .nav.nav-tabs .nav-item .nav-link {font-size: 15px; line-height: 22px; padding: 10px 15px; border-radius: 12px;}
    .dashboard-main .main-view .tabs-main .nav.nav-tabs {border-radius: 15px; padding: 8px;}
    .featured-list .featured-col .inside {flex-flow: row wrap; text-align: center; flex-direction: column;}
    .featured-list {margin: 0 -6px;}
    .featured-list .featured-col {padding: 0 6px; margin-top: 10px;}
    .dashboard-main .main-view .tabs-main {margin: 30px 0 0 0;}
    .featured-list .featured-col .inside .icon {margin: 0 auto 10px auto; min-width: 51px; min-height: 51px;}
    .featured-list .featured-col .inside .img {display: none;}
    .featured-list .featured-col .inside .number h2 {font-size: 19px;margin: 0 0 2px 0;line-height: 25px;}
    .featured-list .featured-col.green-col .inside:before {background: url(../images/green-left-shape-mobile.svg) no-repeat;background-position: top 0 center;background-size: contain;}
    .featured-list .featured-col.orange-col .inside:before {background: url(../images/orange-left-shape-mobile.svg) no-repeat;background-position: top 0 center;background-size: contain;}
    .featured-list .featured-col.blue-col .inside:before {background: url(../images/blue-left-shape-mobile.svg) no-repeat;background-position: top 0 center;background-size: contain;}
    .featured-list .featured-col .inside .icon img {max-width: 25px;}
    .tabs-main .ct-row .white-box {border-radius: 15px; padding: 10px;}
    .candidates-list-main .left-col {width: 100%;padding-right: 0; order: 2;}
    .candidates-list-main .right-col {width: 100%;order: 1; margin-bottom: 40px;}
    .candidates-list-main .cd-list .list-row {margin-bottom: 18px; position: relative;}
    .candidates-list-main .cd-list .list-row .status, .candidates-list-main .cd-list .list-row .keyword, .candidates-list-main .cd-list .list-row .final-votes, .candidates-list-main .cd-list .list-row .review-score, .candidates-list-main .cd-list .list-row .date {width: 100%;padding: 0;display: flex;justify-content: space-between;}
    .candidates-list-main .interviewlist .list-row .status,
    .candidates-list-main .interviewlist .list-row .keyword,
    .candidates-list-main .interviewlist .list-row .final-votes,
    .candidates-list-main .interviewlist .list-row .review-score,
    .candidates-list-main .interviewlist .list-row .date,
    .candidates-list-main .interviewlist .list-row .name{
        width: 100%;padding: 0;display: flex;justify-content: space-between;
    }
    .candidates-list-main .cd-list .list-row .title {margin-bottom: 0;}
    .candidates-list-main .cd-list .list-row .keyword, .candidates-list-main .cd-list .list-row .review-score {margin-left: 0; margin-bottom: 15px;}
    .candidates-list-main .cd-list .list-row .date {border-top: 1px solid #EFEFEF;padding: 18px 0 0 0;margin-top: 18px;}
    .candidates-list-main .cd-list .list-row .name {margin-bottom: 0;}
    .candidates-list-main .cd-list .list-row .name h2 {margin: 0 0 5px 0;}
    .candidates-list-main .cd-list .list-row .status {position: absolute;top: 25px;right: 0;margin: 0;width: calc(50% - 25px);}
    .candidates-list-main .cd-list .list-row .status span {margin-left: auto;margin-right: 20px;font-size: 14px;line-height: 20px;padding: 14px 20px;min-width: inherit;border-radius: 12px;}
    .candidates-list-main .add-btn {margin-top: 30px;text-align: center;margin-bottom: 10px;}
    .accordionPublish .card .card-header .btn {padding: 18px 50px 18px 20px; font-size: 14px; line-height: 21px; border-radius: 15px;}
    .accordionPublish .card .card-header .btn:after {right: 27px; width: 10px; height: 10px; top: 26px;}
    .accordionPublish .card .card-header .btn.collapsed:after {top: 22px;}
    .accordionPublish .card-body {padding: 16px 20px;}
    .accordionPublish .card-body .job-link a {display: block;text-align: left;background-position: top 4px left 3px;}
    .accordionPublish .card-body .social-list {flex-wrap: inherit !important;}
    .accordionPublish .card-body .share-text {border-radius: 15px; padding: 10px 15px; font-size: 12px; line-height: 22px;}
    .post-form label {font-size: 15px; margin: 0 0 8px 0; line-height: 22px;}
    .post-form textarea {height: 84px;padding: 10px 18px;font-size: 14px;line-height: 21px; border-radius: 12px;}
    .post-form .social-checkboxGroup .checkboxCol input[type="checkbox"] + label {font-size: 15px; line-height: 20px; margin: 0; padding: 3px 0 4px 40px;}
    .post-form .social-checkboxGroup .checkboxCol a {font-size: 12px; line-height: 18px;}
    .post-form .social-checkboxGroup .checkboxCol input[type="checkbox"] + label:before {width: 25px; height: 25px; border-radius: 8px;}
    .post-form .social-checkboxGroup .checkboxCol a {margin-left: 40px;}
    .post-form .social-checkboxGroup .checkboxCol {margin-bottom: 20px;}
    .btn.btn-border { font-size: 15px; line-height: 22px; border-radius: 12px; padding: 12px 22px;}
    .btn.btn-primary {border-radius: 12px; font-size: 15px; line-height: 21px; padding: 12px 22px;}
    .accordionPublish .card-body h3 {font-size: 15px; line-height: 22px;}
    .accordionPublish .card-body .switch-main .custom-control {font-size: 15px; width: 100%; padding: 0px 55px 0 0; text-align: left;}
    .accordionPublish .card-body .jobList .ct-row .switchCol {width: 100%; margin-bottom: 20px;}
    .accordionPublish .card-body .jobList .ct-row:first-child .switchCol {display: none;}
    .accordionPublish .card-body .jobList .ct-row:first-child .job-link {width: auto;padding: 2px 10px 12px 0;font-size: 13px;line-height: 20px;}
    .accordionPublish .card-body .jobList .ct-row .switchCol .switch-main {width: 100%;margin: 12px 0 0 0;}
    .accordionPublish .card-body .jobList .ct-row .job-link {width: 100%;padding: 0 0 20px 0px;}
    .accordionPublish .card-body .jobList .ct-row .switchCol .switch-main .custom-control {font-size: 17px;}
    .accordionPublish .card-body .job-link a {font-size: 12px; line-height: 24px;}
    .accordionPublish .card-body .socialCheckboxList .radio-col {width: 33.33%; padding: 0 5px; margin-bottom: 16px;}
    .accordionPublish .card-body .socialCheckboxList .radio-col input[type="checkbox"] + label {flex-flow: row wrap; border-radius: 12px; padding: 12px 8px; height: 100%;}
    .accordionPublish .card-body .socialCheckboxList {border-radius: 15px; padding: 14px 14px 10px 14px; margin: 10px -20px 30px -20px;}
    .accordionPublish .card-body .socialCheckboxList .radio-col input[type="checkbox"] + label .text {font-size: 14px; line-height: 18px; display: block; text-align: center; width: 100%;}
    .accordionPublish .card-body .socialCheckboxList .radio-col input[type="checkbox"] + label .icon {min-width: 28px;min-height: 28px;width: 28px;height: 28px;object-fit: contain;margin: 12px auto 0 auto;}
    .candidates-list-main .left-col .job-single-row {border-radius: 14px; padding: 10px;}
    .candidates-list-main .left-col .job-single-row .title-left h2 {font-size: 20px;line-height: 30px;}
    .candidates-list-main .left-col .job-single-row .title-left p {font-size: 15px;line-height: 22px;}
    .candidates-list-main .left-col .job-single-row .details .dt-col {padding: 8px;}
    .candidates-list-main .left-col .job-single-row .details .dt-col .number {font-size: 20px; line-height: 30px;}
    .candidates-list-main .left-col .job-single-row .details .dt-col p {font-size: 15px; line-height: 22px;}
    .candidates-list-main .left-col .job-single-row .details {border-radius: 14px; height: 110px;}
    .send-msg-block {padding: 22px 22px 20px 22px;}
    .send-msg-block .field-row .form-group textarea,
    .send-msg-block .field-row .form-group .input-control {padding: 10px 20px;font-size: 16px;line-height: 26px;border-radius: 10px;}
    .send-msg-block .field-row .form-group select {padding: 10px 60px 10px 20px;font-size: 16px;line-height: 26px;border-radius: 10px; background-size: 14px;}
    .send-msg-block .field-row .form-group .date-field {padding: 10px 60px 10px 20px;font-size: 16px;line-height: 26px;border-radius: 10px; background-size: 20px;}
    .profile-single-row .detail-row .info-col {width: 100%;margin: 15px 0 0 0;display: flex;justify-content: space-between;max-width: 100%;}
    .profile-single-row .detail-row .info-col h3 {white-space: nowrap;padding-right: 15px; font-size: 16px; line-height: 24px;}
    .profile-single-row {padding: 25px 23px 100px 23px; position: relative;}
    .profile-single-row .top-row .btn-list {position: absolute;bottom: 24px;left: 0;right: 0;}
    .profile-single-row .right-dt .btn {padding: 13px 18px;font-size: 15px;line-height: 22px;border-radius: 12px;}
    .profile-single-row .right-dt .btn.btn-primary {min-width: inherit;}
    .profile-single-row .top-row {margin-bottom: 20px;}
    .profile-single-row .detail-row .info-col p {font-size: 13px; line-height: 22px;}
    .review-box .inside {padding: 20px 18px 18px 18px; border-radius: 12px;}
    .review-box .title-row .left-text {font-size: 19px; line-height: 28px;}
    .review-box .title-row {padding: 0 60px 0 0;position: relative;}
    .review-box .title-row .left-text {width: 100%; margin-bottom: 8px;}
    .review-box .title-row .right-text {width: 100%;}
    .review-box .title-row .remove-btn {width: 40px; height: 40px;}
    .review-box .title-row .remove-btn {position: absolute;right: 5px;top: 6px;}
    .review-box .title-row .fa {margin: 0 4px 0 0; font-size: 18px;}
    .review-box .inside textarea {border-radius: 12px; height: 84px; font-size: 14px; line-height: 21px; padding: 14px 20px;}
    .review-box .add-btn.btn.btn-border {padding: 10px 25px;}
    .two-col-chart-row .chart-col .inside {border-radius: 15px; padding: 16px;}
    .two-col-chart-row .chart-col {margin-bottom: 20px;}
    .chart-col .inside .highcharts-title {font-size: 19px !important; line-height: 28px;}
    .three-col-chart-row {border-radius: 15px; padding: 16px 0;}
    .chart-link-group {overflow: auto;flex-wrap: inherit !important;margin-bottom: 30px;}
    .chart-link-group .list {display: flex; margin-bottom: 20px;}
    .chart-link-group .list a {white-space: nowrap;}



}
.chart-col .dt-col {
    width: 32.33%;
    text-align: center;
    padding: 10px 20px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    position: relative;
}
.accordionPublish .status{
    width: 10%;
    float: right;
    padding: 0px;
    display: block;
    position: relative;
    display: inline-table;
}
.candidates-list-main .card .card-header .btn{
    padding: 20px 80px 20px 40px;
    line-height: 50px;
}
.candidates-list-main .card .card-header .btn:after{
    top: 44px !important;
}
.candidates-list-main .card .card-header .btn.collapsed:after{
    top: 40px !important;
}
span.reviewText {
    margin-top: 4px;
    float: left;
}
.custom-select-dropdown .select2-container {width: 100% !important;}
.select2-container--open .select2-dropdown--below{box-shadow: 0 0 20px #f0f0f0;border: 1px solid #f0f0f0;}
.select2-container--open .select2-dropdown--above{box-shadow: 0 0 20px #f0f0f0; border: 1px solid #f0f0f0;}

/*** RTL css added here ***/
.rtl .candidates-list-main .left-col .job-single-row .details .dt-col:first-child:before {display: none;}
.rtl .candidates-list-main .left-col .job-single-row .details .dt-col:last-child:before {display: block;}
.rtl .custom-checkbox-list {text-align: right;}
.rtl .custom-checkbox-list .cc-row input[type=checkbox] + label {padding: 2px 40px 2px 0;}
.rtl .custom-checkbox-list .cc-row input[type=checkbox] + label:before {left: inherit; right: 0;}
.rtl .custom-checkbox-list .cc-row input[type=checkbox] + label:after {left: inherit; right: 5px;}
.rtl .tabs-main .ct-row .white-box .custom-select-dropdown .select2-container {width: 100% !important;display: flex; flex-flow: row wrap;}
.rtl .tabs-main .ct-row .right-col .info-box h2 {text-align: right;}
.rtl .tabs-main .ct-row .left-col {padding-right: 0;padding-left: 30px;}
.rtl .tabs-main .ct-row .white-box.job-detail {text-align: right;}
.rtl .job-info-box .first-row .text-block {padding: 0 20px 0 0;text-align: right;}
.rtl .job-info-box .last-row .title {text-align: right;}
.rtl .featured-list .featured-col .inside{flex-direction: row-reverse;}
.rtl .candidates-list-main .add-btn {text-align: right;}
.rtl .filter-input-block .field-row .form-group label {display: block; text-align: right;}
.rtl .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {border-left: none;}
.rtl .btn-list .btn:not(:first-child) {margin-right: 0;}
.rtl .btn-list .btn:not(:last-child) {margin-left: 16px;}
.rtl .candidateDetails .rating {padding-right: 15px;}
.rtl .review-box .inside .newOption {text-align: right;}
.rtl .review-box .inside .newOption input[type="date"] {text-align: right;}
.rtl .review-box .inside .backgroundSection {text-align: right;}
.rtl .SmsSection,
.rtl .EmailSection {text-align: right;}
.rtl .send-msg-block .field-row .form-group label {text-align: right;}
.rtl .reviewSectionMain,
.rtl .accordionPublish .card-body,
.rtl .accordionPublish .card .card-header .btn,
.rtl .table-responsive,
.rtl table.dataTable {text-align: right;}
.rtl .pipeline-data .col-md-3.btn.btn-primary {float: right;}
.rtl .reviewSectionMain .rating,
.rtl span.reviewText {float: none;}
.rtl .candidates-list-main .left-col{padding-right: 0; padding-left: 28px;}
.rtl .dashboard-main .main-view .inside .title-row {text-align: right;}
.rtl .dashboard-main .sidebar .main-menu ul li a {padding: 24px 70px 24px 20px;}
.rtl .dashboard-main .sidebar .main-menu ul li a .icon {left: inherit; right: 35px;}
