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

html,
body {
    background: linear-gradient(0deg, #FEFAF5, #FEFAF5), #FEFAF5;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
body.overflow-hidden {
    overflow: hidden;
}
a,span,li,button,input,select,textarea,tr,td,div,p,b,h1,h2,h3,h4,h5,h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
p,
label {
    margin-bottom: 0;
}
pre {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    margin-bottom: 0 !important;
}
strong {
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration: unset !important;
}

ol, ul {
    padding-left: 0 !important;
    margin: 0;
}
.tooltip {
    z-index: 9999999 !important;
}
.popover-body a {
    display: initial;
    color: #1C9CB2;
}
.ct-bg-primary {
    background-color: #1C9CB2;
    color: #ffffff;
}
.ct-bg-secondary {
    background-color: #f28e2b;
    color: #ffffff;
}
.ct-bg-light {
    background-color: #f0f2f2;
    color: #000000;
}
.ct-bg-light-transparent {
    background-color: #f0f2f2;
    opacity: 0.7;
    color: #000000;
}
.ct-text-primary {
    color: #1C9CB2;
}
.ct-text-secondary {
    color: #f28e2b;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    background-color: transparent !important;
}

.error,
.errorlist li {
    color: #CB3F3F !important;
}
.errorlist li {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.5px;
    padding: 0 5px;
    margin: 5px 0 0;
}
.success {
    color: #21A073;
}

ul.ui-widget-content {
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 16px !important;
    border: none;
    margin-top: 16px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.ui-autocomplete .ui-menu-item div {
    padding: 8px !important;
    border-radius: 30px;
}
ul.ui-autocomplete .ui-state-focus,
ul.ui-autocomplete .ui-state-active {
    border: none !important;
    background: rgba(0, 0, 0, 0.1) !important;
    /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #E99437 !important; */
    color: #000 !important;
    margin: 0 !important;
}

/*Datatables style reset*/
div.dataTables_wrapper div.dataTables_length select {
    width: 52px;
    height: 34px;
    padding: 4px 10px;
}
table.dataTable.no-footer,
table.dataTable thead th, table.dataTable thead td {
    border-bottom: none !important;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
    background-image: none !important;
}
table#jobs_table.dataTable thead>tr>th.sorting_asc:after,
table#jobs_table.dataTable thead>tr>th.sorting_desc:after {
    margin-top: 0;
}

/*Datepicker*/
.ui-datepicker {
    width: 300px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0,0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07) !important;
    border-radius: 12px !important;
	padding: 12px 8px;
    border: none;
}
.ui-datepicker .ui-datepicker-header {
	background: #fff;
	box-shadow: none;
	filter: none;
    padding: 0;
    border: none;
}
.ui-datepicker .ui-datepicker-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    color: #0A0A0A;
}
.ui-datepicker .ui-datepicker-title select {
    height: 38px;
    font-size: 15px;
    padding: 0 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 9px;
    transition: all 0.2s;
    letter-spacing: 0.5px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 26px 0 12px;
    background: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg") no-repeat right 5px center;
    margin: 0 2px;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    color: #0A0A0A;
    margin: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 0;
    width: 32px;
    height: 100%;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0;
}
.ui-datepicker .ui-datepicker-next {
    right: 0;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
    background-image: url("../images/redesign-icons/datepicker-arrow-prev.370a70af5c09.svg");
    background-position: center center;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: url("../images/redesign-icons/datepicker-arrow-next.f87924cb2b33.svg");
    background-position: center center;
}
.ui-datepicker thead,
.xdsoft_datepicker thead {
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
}
.xdsoft_datetimepicker {
    z-index: 999999;
}
.ui-datepicker th,
.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #0A0A0A;
    border: none;
    background: transparent;
    padding: .7em .3em;
}
.ui-datepicker .ui-datepicker-week-end {
    color: #CB3F3F;
}
.ui-datepicker tbody td,
.xdsoft_datetimepicker .xdsoft_calendar td {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #0A0A0A;
    background-color: transparent;
    border: none;
}
.xdsoft_datetimepicker .xdsoft_calendar td {
    padding: .5em .3em;
    text-align: center;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent;
}
.ui-datepicker td:hover a {
    background: #EDEDED;
}
.ui-datepicker-calendar .ui-state-active {
	height: 29px;
	margin-bottom: 0;
    background: #1C9CB2 !important;
    border-radius: 24px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	text-align: center;
    width: 90%;
    height: 100%;
	font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #0A0A0A;
    border-radius: 24px;
}
.ui-datepicker tbody td.ui-datepicker-week-end a:not(.ui-state-active) {
    color: #CB3F3F;
}
.xdsoft_datetimepicker {
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15), 0 8px 24px 2px rgba(0, 0, 0, 0.07) !important;
    border-radius: 12px !important;
    padding: 12px 8px;
    border: none;
    margin-top: 10px;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 275px;
    margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    border-radius: 50%;
    background: #1C9CB2;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
    border-radius: 50%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 0;
}

.alerts-box {
    right: 16px;
    bottom: 16px;
    position: fixed;
    z-index: 9999999;
}
.alert:not(.standard-alert) {
    display: flex;
    align-items: flex-start;
    background: #313033 !important;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, .3) !important;
    border-radius: 4px !important;
    padding: 14px 30px 14px 16px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0.25px !important;
    color: #F4EFF4 !important;
    border: none !important;
    max-width: 460px;
    position: relative;
}
.alert:not(.standard-alert) a {
    color: #fff;
}
.alerts-box .alert:not(last-of-type) {
    margin-bottom: 10px !important;
}
.alert:not(.standard-alert) img {
    display: block;
    margin-right: 8px;
}
.alerts-box .alert p {
    margin-bottom: 0;
}
.alert:not(.standard-alert) .close-alert-button {
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 0;
}
.alert:not(.standard-alert) .close-alert-button img {
    margin-right: 0;
}

.scroll-box {
    overflow: auto;
}
.scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    cursor: pointer;
}
.scroll-box::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 24px;
}
.scroll-box::-webkit-scrollbar-thumb {
    background: #B4DBE1;
    border-radius: 24px;
}
.scroll-box-withoutScrollbar {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scroll-box-withoutScrollbar::-webkit-scrollbar {
    width: 0;
}

.redesigne-checkbox-single-box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 10px 12px;
}
.redesigne-checkbox-single-box.white {
    border-color: rgba(255,255,255,.7);
}
.redesigne-checkbox-single-box .redesigned-checkbox-single {
    display: flex;
    align-items: center;
}
.redesigne-checkbox-single-box .label-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    margin-right: 15px;
}
.redesigne-checkbox-single-box.white .label-text {
    color: #fff;
    opacity: 1;
}
.redesigne-checkbox-single-box .redesigned-checkbox-single .checkLabel {
    background-color: transparent;
}
.redesigne-checkbox-single-box.disabled {
    opacity: 0.5;
}
.redesigne-checkbox-single-box.white .redesigned-checkbox-single label b {
    border-color: #fff;
}
.redesigned-checkbox label {
    display: inline-block;
    cursor: pointer;
    background: #DDF0F3;
    border-radius: 6px;
    padding: 6px;
}
.redesigned-checkbox-single label {
    display: inline-block;
    cursor: pointer;
    background: #DDF0F3;
}

.redesigned-checkbox label input,
.redesigned-checkbox-single label input {
    display: none !important;
}
.redesigned-checkbox label b,
.redesigned-checkbox-single label b {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #49454F;
}
.redesigned-checkbox label input:checked + b,
.redesigned-checkbox-single label input:checked + b {
    background: #1C9CB2;
    border-color: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.redesigned-checkbox-single .checkbox-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    margin-right: 15px;
}

.redesigned-blue-button {
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    background: #1C9CB2;
    border-radius: 100px;
    padding: 10px 24px !important;
    border: none;
    cursor: pointer;
}
.redesigned-yellow-button {
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    background: #E09638;
    border-radius: 100px;
    padding: 10px 24px !important;
    border: none;
    cursor: pointer;
}
.redesigned-cancel-button {
    background-color: transparent;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    padding: 10px 24px;
    margin-right: 8px;
    cursor: pointer;
}
.redesigned-light-blue-button {
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    background: #DDF0F3;
    border-radius: 100px;
    padding: 10px 24px !important;
    border: none;
    cursor: pointer;
}
.redesigned-blue-button:disabled,
.redesigned-yellow-button:disabled,
.redesigned-cancel-button:disabled,
.findAdditionalMatches:disabled,
.versionModalBtn:disabled {
    opacity: .6;
    cursor: default;
}
.redesigned-cancel-button.red-border {
    border: 1px solid rgba(203, 63, 63, 0.2);
}
.redesigned-switcher-checkbox-single {
    cursor: pointer;
}
.redesigned-switcher-checkbox-single input {
    display: none;
}
.redesigned-switcher-checkbox-single span {
    width: 33px;
    height: 20px;
    border-radius: 62.5px;
    border: 1.25px solid rgba(0, 0, 0, 0.87);
    position: relative;
    margin-right: 0 !important;
    transition: all .3s ease;
}
.redesigned-switcher-checkbox-single span:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background: rgba(0, 0, 0, 0.87);
    border-radius: 50%;
    left: 5px;
    top: 50%;
    margin-top: -6px;
    transition: all .3s ease;
}
.redesigned-switcher-checkbox-single input:checked + span {
    background: #E09638;
    border-color: #E09638;
}
.redesigned-switcher-checkbox-single input:checked + span:before {
    left: 16px;
    background-color: #fff;
}

.radioInput-box {
    display: flex;
    align-items: center;
    margin-right: 20px;
    /* border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 10px 12px; */
}
.radioInput-box label {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    cursor: pointer;
}
.radioInput-box label input {
    display: none;
}
.radioInput-box label b {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #687787;
    border-radius: 50%;
    margin-right: 7px;
}
.radioInput-box label input:checked + b {
    border-color: #1C9CB2 !important;
    position: relative;
}
.radioInput-box label input:checked + b:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #37859A;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.pageSlider .pageSlider-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
	position: absolute;
    top: 50%;
    width: 1400px;
    left: 50%;
    transform: translate(-50%);
    margin-top: -80px;
    margin-left: 40px;
}
.pageSlider .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 20px;
	color: #1C9CB2;
	line-height: 50px;
	text-align: center;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 35px;
    height: 35px;
    background: #DDF0F3;
    border-radius: 50%;
}
.pageSlider .arrow:hover {
	opacity: 0.8;
}
.pageSlider .arrow.disabled {
	pointer-events: none;
	opacity: 0.5;
}
.pageSlider .prev {
	left: 0;
}
.pageSlider .next {
	right: 0;
}

.darkBg {
    background-color: transparent;
}
.darkBg header {
	background: #fff;
}
.darkTitle h2 {
    font-weight: 500;
    font-size: 21px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
}

.white-panel-section {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.white-panel-section .white-panel-head {
    padding: 16px 32px 0;
}
.white-panel-section .white-panel-head h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}
.white-panel-section .white-panel-head .info-button {
    background: #DDF0F3;
    border-radius: 50%;
    padding: 7px;
}
.white-panel-section .white-panel-content {
    padding: 20px 32px;
}
.white-panel-section .white-panel-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: flex-start;
    letter-spacing: 0.25px;
    color: #49454F;
}
.white-panel-section .white-panel-content p img {
    display: block;
    width: 20px;
    margin-right: 8px;
}
.white-panel-section .white-panel-content .white-panel-table {
    width: 350px;
    margin-right: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}
.white-panel-section .white-panel-content .white-panel-chart {
    width: calc(100% - 366px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.white-panel-section .white-panel-content .white-panel-table table thead tr th {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    padding: 10px 8px;
}
.white-panel-section .white-panel-content .white-panel-table table tbody tr td {
    font-size: 12px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.87);
    padding: 6px 8px;
}
.white-panel-section .white-panel-content .white-panel-table .modal .modal-body table {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.white-panel-section .white-panel-content .white-panel-table .modal .modal-body table th,
.white-panel-section .white-panel-content .white-panel-table .modal .modal-body table td {
    padding: 8px 16px;
}

.notes-formRow {
    height: calc(100% - 65px);
}
.notes-formRow textarea {
    height: calc(100% - 32px) !important;
}

.sign-content {
    display: flex;
    padding: 36px 0;
}
.sign-content .sign-left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 450px;
    height: 450px;
    background-image: url("../images/redesign-icons/sign-page-image.2d6956524a15.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-right: 120px;
}
.sign-content .sign-left h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 360px;
    height: 360px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    backdrop-filter: blur(32px);
    border-radius: 72px;
}
.sign-content .sign-left h1 p {
    font-size: 44px;
    line-height: 40px;
}
.sign-content .sign-left h1 span {
    font-weight: 600;
}
.sign-content .sign-left h1 span.blue {
    color: #92E8FF;
}
.sign-content .sign-left h1 span.orange {
    color: #FFB86A;
}
.sign-content .sign-right {
    width: 450px;
}
.sign-content .sign-right h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 28px;
    color: #1C1B1F;
    margin-bottom: 52px;
}
.sign-content .sign-right .formRow {
    margin-bottom: 12px;
    position: relative;
}
.sign-content .sign-right .formRow input {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    height: 45px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #49454F;
    background-color: transparent;
    margin-top: 0;
}
.sign-content .sign-right .formRow label {
    margin-bottom: 0;
}
.sign-content .sign-right .formRow span.placeholder {
    display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*left: 16px;*/
    color: #000000;
    background: unset !important;
    cursor: text;
    transition: all .3s ease;
    /*padding: 0 5px;*/
    margin-bottom: 5px;
}
/*.sign-content .sign-right .formRow input:focus + label .placeholder,*/
/*.sign-content .sign-right .formRow input:focus + span + label .placeholder {*/
/*    top: 0;*/
/*    font-size: 12px;*/
/*    line-height: 16px;*/
/*    background: linear-gradient(0deg, #FEFAF5, #FEFAF5), #FEFAF5;*/
/*}*/
/*.sign-content .sign-right .formRow.filled label .placeholder {*/
/*    top: 0;*/
/*    font-size: 12px;*/
/*    line-height: 16px;*/
/*    background: linear-gradient(0deg, #FEFAF5, #FEFAF5), #FEFAF5;*/
/*}*/
.sign-content .sign-right .formRow span.help-inline {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px;
    /*position: absolute;*/
    /*bottom: -7px;*/
    /*left: 16px;*/
    cursor: text;
    transition: all .3s ease;
    background: linear-gradient(0deg, #FEFAF5, #FEFAF5), #FEFAF5;
    padding: 0 5px;
    margin: 5px 0 0;
}
.sign-content .sign-right .formRow.checkbox {
    padding-left: 0;
}
.sign-content .sign-right .formRow.checkbox input {
    display: none;
}
.sign-content .sign-right .formRow .checkbox-label {
    display: flex;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.5px;
    color: #1C1B1F;
    font-weight: 400;
    margin-bottom: 12px;
}
.sign-content .sign-right .formRow.checkbox .checkbox-label a {
    color: #1C9CB2;
    text-decoration: underline;
}
.sign-content .sign-right .formRow.checkbox .checkbox-label span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #1C9CB2;
    margin-right: 16px;
}
.sign-content .sign-right .formRow.checkbox input:checked + .checkbox-label span {
    background: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.sign-content .sign-right .formRow.checkbox .checkbox-label b {
    width: calc(100% - 34px);
    font-weight: 400;
}
.sign-content .sign-right .forgot-password a {
    font-size: 16px;
    line-height: 28px;
    color: #1C9CB2;
    padding-bottom: 16px;
}
.sign-content .sign-right .sign-button {
    border: none;
    margin-bottom: 24px;
    cursor: pointer;
}
.sign-content .sign-right .login-with-sso {
    border-top: 1px solid rgba(233, 148, 55, 0.2);
    padding-top: 12px;
}
.sign-content .sign-right .login-with-sso p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: rgba(28, 27, 31, 0.87);
    margin-bottom: 12px;
}
.sign-content .sign-right .sso_login {
    width: 56px;
    height: 56px;
    background-image: url("../images/redesign-icons/key-dark-icon.b0e3f8b3f6eb.svg");
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    margin-bottom: 40px;
    background-color: transparent;
    cursor: pointer;
}
.sign-content .sign-right .copyRight {
    font-size: 12px;
    line-height: 28px;
    color: rgba(28, 27, 31, 0.54);
}
.sign-content .form-error {
    margin: 0 0 30px;
    font-size: 13px;
}
.sign-content #reset_form,
.sign-content #login_form,
.sign-content #change_password_form {
    margin-bottom: 80px;
}
.sign-content .back-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: transparent;
    border-radius: 16px;
    margin-bottom: 35px;
}

header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding: 12px 0;
}
header .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .headerR .user-head {
    position: relative;
    background: #FEFAF5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
}
header .headerR .user-head .user-head-box {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
header .headerR .user-head .user-head-box > img {
    height: 42px;
    max-width: 220px;
    object-fit: contain;
    margin-right: 10px;
}
header .headerR .user-head .user-head-box .logo-icon {
    display: block;
    max-width: calc(100% - 58px);
    width: 100%;
    max-height: 42px;
    object-fit: contain;
    margin-right: 16px;
}
header .headerR .user-head .user-head-box .user-head-box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #DDF0F3;
    border-radius: 100px;
}
header .headerR .user-head #account-information-button {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    padding: 8px 20px;
    border: 1px solid rgba(28, 27, 31, 0.2);
    border-radius: 55px;
}
header .headerR .user-head .user-head-open-view {
    display: none;
    width: 320px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 70px;
    cursor: default;
}
header .headerR .user-head .user-head-open-view.open {
    display: block;
}
header .headerR .user-head .user-head-open-view .head-user-info {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
header .headerR .user-head .user-head-open-view .head-user-info .user-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #FFFFFF;
    background: #E09638;
    margin-right: 12px;
    border-radius: 50%;
}
header .headerR .user-head .user-head-open-view .head-user-info > div:last-child {
    width: calc(100% - 52px);
}
header .headerR .user-head .user-head-open-view .head-user-info .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
header .headerR .user-head .user-head-open-view .head-user-info .username {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
header .headerR .user-head .user-head-open-view .head-company-name {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #1C1B1F;
    margin-bottom: 8px;
    padding-left: 12px;
}
header .headerR .user-head .user-head-open-view .head-company-name span {
    display: block;
    color: #49454F;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
header .headerR .user-head .user-head-open-view .head-logout {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
header .headerR .user-head .user-head-open-view .head-logout #logout-btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #1C1B1F;
    padding: 8px 20px;
}

.sidebar-nav {
    position: fixed;
    z-index: 1099;
    width: 80px;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(224, 150, 56, 0.1), rgba(224, 150, 56, 0.1)), #FEFAF5;
    border-right: 1px solid rgba(29, 25, 43, 0.1);
}
.sidebar-nav .sidebar-nav-list {
    height: 100vh;
    padding: 16px 0;
    overflow-y: auto;
}
.sidebar-nav .sidebar-nav-list::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.sidebar-nav .sidebar-burger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 85px;
}
.sidebar-nav .sidebar-burger .sidebar-burger-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #E99437;
    border-radius: 50%;
}
.sidebar-nav ul li {
    position: relative;
    padding: 0 5px;
}
.sidebar-nav > ul > li:not(:last-of-type) {
    margin-bottom: 16px;
}
.sidebar-nav ul li a {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    opacity: .7;
    padding: 5px 0;
    text-align: center;
    position: relative;
    border-radius: 19px;
    transition: all .3s ease;
}
.sidebar-nav ul li:not(.active) a:hover {
    background: rgba(0, 0, 0, 0.07);
    opacity: 0.7;
}
.sidebar-nav ul li a span {
    display: block;
    width: fit-content;
    padding: 4px 16px;
    border-radius: 100px;
    margin: 0 auto 4px;
}
.sidebar-nav ul li a span img {
    display: block;
    width: 20px;
    margin: 0 auto;
}
.sidebar-nav ul li a .crown-icon-box {
    position: absolute;
    right: 0;
    top: 0;
}
.sidebar-nav ul li a .crown-icon-box img {
    display: block;
    width: 10px;
}
.sidebar-nav ul li.active a {
    font-weight: 600;
    opacity: 1;
}
.sidebar-nav ul li.active a span {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), #E09638;
}
.sidebar-nav ul li .hoverOpenArea {
    display: none;
    width: 320px;
    padding: 8px;
    background: linear-gradient(0deg, rgba(224, 150, 56, 0.05), rgba(224, 150, 56, 0.05)), #FEFAF5;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 24px;
    /*transform: translateX(-350px);*/
    /*transition: all .3s ease-in-out;*/
}
.sidebar-nav ul li.hoverOpenBtn:hover>.hoverOpenArea {
    display: block;
    /*height: 100vh;*/
    /*transform: translateX(0);*/
    /*transition-delay: 1s;*/
}
.sidebar-nav ul li .hoverOpenArea li a {
    padding: 12px 16px;
    border-radius: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
}
.sidebar-nav ul li .hoverOpenArea li a .crown-icon-box {
    top: 50%;
    transform: translateY(-50%);
    background: #E99437;
}
.sidebar-nav ul li .hoverOpenArea li.active a {
        background: linear-gradient(0deg, #EFCA9B, #EFCA9B), #E09638;
    font-weight: 600;
}
.sidebar-nav ul li.hoverOpenBtn .hoverOpenArea li.hoverOpenBtn .hoverOpenArea {
    position: static;
    height: auto;
    box-shadow: none;
    min-width: 0;
    width: 100%;
}
.sidebar-nav ul li.hoverOpenBtn .hoverOpenArea li.hoverOpenBtn .hoverOpenArea li {
    margin-bottom: 0 !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #E99437;
}
.sidebar-nav ul li.hoverOpenBtn .hoverOpenArea li.hoverOpenBtn .hoverOpenArea li a {
    padding: 8px 24px;
}
.sidebar-nav ul li.nav-credits {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
}
.sidebar-nav ul li.nav-credits #freemiumUserCredits {
    display: inline-block;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin-top: 5px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #000000;
    padding: 4px 12px;
    margin-bottom: 0;
}
.sidebar-nav div.nav-copy {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 16px;
}
.headerR div.nav-copy {
    margin-right: 16px;
}
.sidebar-nav div.nav-copy a,
.headerR div.nav-copy a {
    width: 44px;
    height: 44px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #E99437;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, .3);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
}
.sidebar-nav div.nav-copy a img,
.headerR div.nav-copy a img {
    width: 20px;
}
.sidebar-nav ul li.settings > ul {
    padding: 8px !important;
}
.sidebar-nav ul li.settings > ul > li {
    padding: 0;
}
.sidebar-nav .help-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: transparent;
    border-radius: 16px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.headerR .help-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: transparent;
    border-radius: 16px;
    margin-right: 16px;
}
.sidebar-nav .help-button img,
.headerR .help-button img {
    display: block;
    width: 20px;
}

.panelHeader {
    background-color: #fff;
    padding: 16px 24px;
}
.panelHeader .round-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #DDF0F3;
    border-radius: 100px;
}
.panelHeader .tableDropdown .round-button.show {
    background: #1C9CB2;
}
.panelHeader .compTool-datatable-buttons .dt-button,
.panelHeader .datatable-buttons .dt-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #DDF0F3;
    border-radius: 100px;
    margin-right: 0;
    border: none;
    margin-bottom: 0;
}
.panelHeader .compTool-datatable-buttons .dt-button:hover,
.panelHeader .datatable-buttons .dt-button:hover,
.panelHeader .compTool-datatable-buttons .dt-button:focus,
.panelHeader .datatable-buttons .dt-button:focus,
.panelHeader .compTool-datatable-buttons .dt-button:active,
.panelHeader .datatable-buttons .dt-button:active {
    background: #DDF0F3 !important;
    border: none !important;
    box-shadow: none !important;
}

.datatable_head h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
}
.datatable_head p {
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
}
.datatable_head .txtRight {
    display: flex;
    align-items: center;
}
.datatable_head .custom-scrollbar {
    height: 10px;
    width: 100% !important;
    background: #E4F3F6;
    border-radius: 20px;
    transform: scale(0.85);
}
.datatable_head .scroll-thumb {
    height: 100%;
    width: 50px;
    background: #A4D7E0;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
}
.dataTables_wrapper_body {
    margin: 0 24px;
    overflow-x: auto;
}
.dataTables_wrapper_body_border {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 30px;
}
#results_count,
#marketplace_results_count {
    min-width: 100px;
    margin-right: 24px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
}
.pagin {
    padding: 30px 16px 20px !important;
    margin: 0;
}
.pagin a,
.pagin span {
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    background-color: transparent;
    border-radius: 0 !important;
    border: none;
    padding: 0 6px;
    font-weight: 500;
    text-align: center;
}
.pagin span {
    color: #229CB2 !important;
    font-weight: 400 !important;
}
.jobs_datatable_pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.datatable_top_pagination_rows {
    min-width: 240px;
    margin-right: 14px;
}
.jobs_datatable_pagination button {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #DDF0F3 !important;
    border-radius: 100px !important;
}
.pagination li b,
.pagination li a,
.pagination li button,
.datatable_top_pagination_rows {
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 0 6px !important;
    background-color: transparent !important;
    border: none !important;
}
.pagination li b {
    padding: 0 6px;
}
.pagination li span {
    border: none !important;
    color: #000 !important;
    padding: 0 6px !important;
}
.pagination {
    display: flex !important;
    align-items: center;
    margin: 0 !important;
}
.pagination.hidden {
    display: none !important;
}
.pagination .paginate_button.previous a,
.pagination .paginate_button.previous button {
    transform: rotate(180deg);
}
.pagination .paginate_button.previous a,
.pagination .paginate_button.next a,
.pagination .paginate_button.previous button,
.pagination .paginate_button.next button {
    display: inline-flex;
    text-indent: 200%;
    overflow: hidden;
    width: 28px;
    height: 19px;
    background-image: url("../images/redesign-icons/right-arrow.617eba3b4136.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.pagination .paginate_button.previous.disabled a,
.pagination .paginate_button.next.disabled a,
.pagination .paginate_button.previous.disabled button,
.pagination .paginate_button.next.disabled button,
.pagination li.disabled {
    opacity: .5;
}
.pagination .paginate_button {
    display: flex;
}
.pagination > .active > a,
.pagination > .active > button {
	color: #229CB2 !important;
}
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > button:focus,
.pagination > li > span:focus,
.pagination > li > a:hover {
    background-color: transparent !important;
}

.data_table_wrapper .pagination-box {
    display: flex;
    align-items: center;
    position: absolute;
    top: -54px;
    left: 0;
}
.data_table_wrapper .pagination-box .pagination-entries {
    font-size: 12px;
    margin-right: 16px;
    margin-bottom: 0;
}
.data_table_wrapper.with-title .pagination-box {
    left: auto;
    right: 100px;
}

.jobTable, #datatable_table_wrapper {
    padding-bottom: 12px;
}
.dataTables_wrapper_body .col-sm-6,
.dataTables_wrapper_body .col-sm-12 {
    padding-top: 0;
    padding-bottom: 0;
}
.jobTable::-webkit-scrollbar,
#datatable_table_wrapper::-webkit-scrollbar,
.dataTables_wrapper_body::-webkit-scrollbar {
    height: 12px;
    cursor: pointer;
}
.jobTable::-webkit-scrollbar-track,
#datatable_table_wrapper::-webkit-scrollbar-track,
.dataTables_wrapper_body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 24px;
}
.jobTable::-webkit-scrollbar-thumb,
#datatable_table_wrapper::-webkit-scrollbar-thumb,
.dataTables_wrapper_body::-webkit-scrollbar-thumb {
    background: #B4DBE1;
    border-radius: 24px;
}
#saved_report_table_body tr td {
    word-break: break-all;
}
.dataTables_wrapper_body.comparisonTable {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.dataTables_wrapper_body.comparisonTable table tr {
    box-shadow: none;
}
.dataTables_wrapper_body.comparisonTable table th,
.dataTables_wrapper_body.comparisonTable table td {
    padding: 10px 16px;
}
.dataTables_wrapper_body.comparisonTable table td {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    border-bottom: none;
}
.dataTables_wrapper_body.comparisonTable table td:not(:last-of-type) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.dataTables_wrapper_body.comparisonTable table td span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.dataTables_wrapper_body.comparisonTable table th,
.dataTables_wrapper_body.comparisonTable table th span {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: #49454F;
}
.dataTables_wrapper_body.comparisonTable table th {
    background: #DDF0F3;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.dataTables_wrapper_body.comparisonTable table td.bold {
    background: #F9EAD7;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 600;
    white-space: nowrap;
}
.tableStyle thead {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    border-bottom: none;
}
.tableStyle thead.no-border-top {
    border-top: none;
}
table.dataTable thead>tr>th {
    font-weight: 400;
    position: relative;
    padding: 12px 8px !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    white-space: nowrap;
}
table.dataTable thead>tr>th.sort {
    position: relative;
    cursor: pointer;
}
table.dataTable thead>tr>th.sort.sort-active {
    padding-left: 24px !important;
}
table.dataTable thead>tr>th.sort .sort-icon {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #229cb2;
    left: 5px;
}
table.dataTable thead>tr>th.sort .sort-icon.asc:after {
    content: "\f160";
}
table.dataTable thead>tr>th.sort .sort-icon.desc:after {
    content: "\f161";
}
table.dataTable thead.firstThead>tr>th {
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
}
table.dataTable thead.firstThead>tr>th a {
    color: #49454F;
}
table.dataTable thead.secondThead>tr>th {
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden;
    text-overflow: ellipsis;
}
table.dataTable tbody>tr>td.editable {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
table.dataTable tbody>tr.orange-tr {
    background: linear-gradient(0deg, #F9EAD7, #F9EAD7), #7ED6ED !important;
}
table.dataTable tbody>tr.light-orange-tr {
    background: linear-gradient(0deg, #F9EAD7, #F9EAD7), #7ED6ED !important;
}
table.dataTable tbody>tr>td {
    padding: 12px !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
table.table-md.dataTable tbody>tr>td {
    padding: 8px !important;
    font-size: 13px;
}
table.table-sm.dataTable tbody>tr>td {
    padding: 4px !important;
    font-size: 12px;
}
table.table-light-color.dataTable tbody>tr {
    border-color: #dddddd;
}
table.dataTable.squirrelDatatable tbody>tr>td {
    padding: 8px !important;
}
table.dataTable tbody>tr>td span.empty {
    opacity: 0.5;
    font-weight: 500;
}
table.dataTable tbody>tr>td a.details {
    min-width: 215px;
}
table.dataTable:not(.datatable_table_survey) tbody>tr>td a.center-td,
table.dataTable:not(.datatable_table_survey) tbody>tr>td button.center-td {
    width: 100%;
    text-align: center;
}
table.dataTable tbody>tr>td .salary_structure_td {
    display: flex;
    align-items: center;
}
table.dataTable tbody>tr>td .salary_structure_td span {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #E99437;
    border-radius: 75px;
    width: 30px;
    height: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #E99437;
    margin-right: 10px;
}
table.dataTable tbody>tr>td .salary_structure_td b {
    width: calc(100% - 40px);
    font-weight: 400;
}
table.dataTable.market_movement_analysis tbody>tr>td span {
    display: flex;
    align-items: center;
    padding: 12px;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 0.25px;
}
table.dataTable.market_movement_analysis tbody>tr>td span i {
    margin-right: 5px;
}
table.dataTable.market_movement_analysis tbody>tr>td span.txtGreen i {
    color: #26CC62;
}
table.dataTable.market_movement_analysis tbody>tr>td span.txtRed i {
    color: #E21414;
}
table.dataTable thead>tr>th> div {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 6px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
}
table.dataTable.squirrelDatatable thead>tr>th> div {
    font-size: 12px;
    padding: 6px;
}
table.dataTable.squirrelDatatable thead>tr>th> div .tr_dropdown_button {
    padding: 0 4px;
}
table.dataTable.squirrelDatatable thead>tr>th> div .tr_dropdown_button img {
    width: 11px;
}
table.dataTable thead>tr>th> div.active {
    background: #1C9CB2;
    color: #fff;
}
table.dataTable thead>tr>th> div.active a {
    color: #fff;
}
table.dataTable thead>tr>th> div .tr_dropdown_button img.active,
table.dataTable thead>tr>th> .th-dropdown.active button img {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
table.dataTable thead>tr>th > div.no-sorting {
    border: none;
    text-align: center;
    width: 100%;
}
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #229cb2;
    left: 12px;
    margin-top: 2px;
}
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
    padding-left: 35px !important;
}
table.dataTable tbody>tr.dtrg-group {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
}
table.dataTable tbody>tr.dtrg-group td {
    text-align: left;
}
#datatable_table .td_dropdown input,
.redesigned-datatable .td_dropdown input {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #B4DBE1;
    border-radius: 36px;
    letter-spacing: 0.5px;
    color: rgba(73, 69, 79, 1);
    border: 1px solid transparent;
    transition: all .3s ease;
}
#datatable_table .td_dropdown input:focus,
.redesigned-datatable .td_dropdown input:focus {
    background-color: #fff;
    border-color: rgba(73, 69, 79, .1);
}

.recommended-matches-table tbody tr {
    background: #E4F3F6;
}
.recommended-matches-table tbody tr div {
    display: flex;
    align-items: center;
}
.recommended-matches-table tbody tr .dropdown-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-width: 22px;
    height: 22px;
    background: linear-gradient(0deg, #1c9bb263, #1c9bb263),
                linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    border-radius: 7px;
    margin-right: 12px;
}
.recommended-matches-table tbody tr .dropdown-arrow img {
    display: block;
    width: 100%;
}
.recommended-matches-table tbody tr .view-feedback-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 20px;
}
.recommended-matches-table tbody tr .view-feedback-btn.like {
    background: #1E9068;
}
.recommended-matches-table tbody tr .view-feedback-btn.dislike {
    background: #CB3F3F;
}
.recommended-matches-table tbody tr .view-feedback-btn:disabled {
    opacity: 0.7;
}
.recommended-matches-table tbody tr:not(.odd, .even) > td {
    padding: 24px !important;
}
.recommended-matches-table tbody tr:not(.odd, .even) > td .sub-table tr {
    background: #F8FCFD;
}

table tr td .tableBtn.center-td,
table tr td .tableDeleteBtn.center-td
table tr td .tableFreeBtn.center-td {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 8px;
    width: 28px !important;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #1C9CB2;
}
table tr td .tableBtn img {
    width: 16px;
}
table tr td .tableDeleteBtn.center-td {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #CB3F3F;
}
table tr td .tableFreeBtn.center-td {
    background: #eaeaea;
    width: auto !important;
    padding-right: 5px;
    padding-left: 5px;
    color: #4b4b4b;
}

.dataTable_panel {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #DDF0F3;
    border-radius: 0 0 24px 24px;
    border: none;
    padding-bottom: 16px;
}
.dataTable_panel .panelHeader h5 {
    color: #000;
}
.dataTable_panel .panelHeader .info-text {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
}
.dataTable_panel .panelHeader .info-text img {
    display: block;
    width: 20px;
    margin-right: 8px;
}
table.dataTable.market_movement_analysis tbody > tr td:nth-child(-n+4) {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #E09638;
}
table.dataTable.market_movement_analysis tbody > tr td:nth-child(7),
table.dataTable.market_movement_analysis tbody > tr td:nth-child(10),
table.dataTable.market_movement_analysis tbody > tr td:nth-child(13) {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.page-field,
.marketplace_pages_field {
    background: transparent;
    width: 60px;
    height: 36px;
    margin-left: 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 8px;
    border-radius: 9px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}
.blue_page_head {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
    border-radius: 24px 24px 0 0;
    padding: 32px 32px 0;
}
.blue_page_head:not(.pb-0) {
    padding-bottom: 24px;
}
.blue_page_head.blue_page_head_squirrel {
    padding: 16px 24px 20px;
}
.blue_page_head.secondary_page_head {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #E09638;
}
.blue_page_head.with-navigation {
    padding-bottom: 0;
}
.blue_page_head.secondary_page_head .round-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(233, 148, 55, 0.2) !important;
    border-radius: 100px;
}
.blue_page_head.secondary_page_head .open .round-button {
    background-color: rgba(233, 148, 55, 1) !important;
}
.blue_page_head.secondary_page_head .big-round-button {
    background: linear-gradient(0deg, rgba(224, 150, 56, 0.31), rgba(224, 150, 56, 0.31)), #F5CCA0;
    background-image: url("../images/redesign-icons/burger-black-icon.3a4d2804757d.svg");
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, .3);
    border-radius: 16px;
    width: 56px;
    height: 56px;
}
.blue_page_head.secondary_page_head .select2-custom {
    width: 100%;
}
.blue_page_head.secondary_page_head .select2-custom.orange .select2 {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #E09638;
    margin-right: 0;
}
.blue_page_head .blue_page_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blue_page_head .blue_page_title:not(.mb-0) {
    margin-bottom: 24px;
}
.blue_page_head .blue_page_title .blue_page_title_left {
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.blue_page_head .blue_page_title .blue_page_title_left h1 {
    max-width: 400px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
    margin-right: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blue_page_head .blue_page_title .blue_page_title_left h1.mini-title {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}
.blue_page_head .blue_page_title .blue_page_title_left h1 span {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
}
.blue_page_head .blue_page_title .blue_page_title_left h1 div {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
}
.blue_page_head .blue_page_title .blue_page_title_left h1.mini-title span {
    margin-left: 5px;
}
.blue_page_head.secondary_page_head .blue_page_title .blue_page_title_left h1 button,
.blue_page_head.secondary_page_head .blue_page_title .blue_page_title_left h1 a,
.blue_page_head .blue_page_title .blue_page_title_left h1.mini-title button,
.blue_page_head .blue_page_title .blue_page_title_left h1.mini-title a {
    margin-right: 12px;
}
.blue_page_head .blue_page_title .blue_page_title_left h1.mini-title button.offer-edit-button {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 8px;
    width: 28px !important;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    margin-left: 12px;
}
.blue_page_head .blue_page_title .blue_page_title_left h1 .ceoRatio-title div {
    display: flex;
    align-items: center;
}
.blue_page_head .blue_page_title .blue_page_title_left h1 .ceoRatio-title div #ceo-result {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 6px 8px;
    background: rgba(233, 148, 55, 0.5);
    border-radius: 8px;
    margin-left: 8px;
}
.blue_page_head h2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
}
.blue_page_head .blue_page_title .blue_page_title_left h2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.blue_page_head .blue_page_title .blue_page_title_left h2 span {
    font-weight: 400;
}
.blue_page_head .blue_page_title .blue_page_title_left h2 b {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
}
.blue_page_head .blue_page_title .blue_page_title_left .market-matcher-tabs-title h4 {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
}
.blue_page_head .blue_page_title .blue_page_title_left .market-matcher-tabs-title button {
    padding: 0;
    margin-right: 12px;
}
.blue_page_head .blue_page_title .blue_page_title_left .market-matcher-tabs-title h4 img {
    display: block;
    width: 18px;
    margin-right: 8px;
}
.blue_page_head .blue_page_title .blue_page_title_left p {
    margin-bottom: 0;
}
.blue_page_head.secondary_page_head .blue_page_title .blue_page_title_left h1 {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
}
.blue_page_head.secondary_page_head .blue_page_title .blue_page_title_left h1 img {
    display: block;
    width: 24px;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid rgba(28, 156, 178, 0.3);
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li button,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    padding: 12px 10px 16px;
    text-align: left;
    transition: all .3s ease;
    border-radius: 24px;
    position: relative;
    white-space: nowrap;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li button span,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li a span {
    display: block;
    font-size: 24px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    margin-top: 10px;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li.active button,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li.active button span {
    font-weight: 600;
    cursor: auto;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li.active button:after {
    content: '';
    display: block;
    width: 52px;
    height: 4px;
    background: #1C9CB2;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 16px;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li:not(.active) button:hover,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters li:not(.active) a:hover {
    background-color: #B4DBE1;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li a,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li button {
    font-size: 18px;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li a span,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li button span {
    font-size: 14px;
    margin-top: 2px;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li a img,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li button img {
    height: 25px;
}

.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li a .crown-icon-box {
    position: absolute;
    top: -5px;
    right: 0px;
    padding: 2px 6px 3px !important;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li a .crown-icon-box img {
    display: block;
    width: 12px;
    height: auto;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li a,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li button,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li span {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li a:disabled,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li button:disabled,
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li span:disabled {
    opacity: .5;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li .active {
    font-weight: 600;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li .active:before {
    content: '';
    display: block;
    width: 52px;
    height: 4px;
    background: #1C9CB2;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 24px;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.squirrel-navbar li img {
    display: block;
    width: 24px;
    margin-bottom: 6px;
}
.blue_page_head .blue_page_title .blue_page_title_left li.active > a:after {
    content: '';
    display: block;
    width: 52px;
    height: 4px;
    background: #1C9CB2;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 16px;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters .tabular-reports b {
    display: inline-block;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    border-radius: 24px;
    background: #b4dbe152;
    transition: all .5s ease;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters .tabular-reports:hover b {
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters .tabular-reports.active > a {
    background-color: #B4DBE1;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters .tabular-reports.active b {
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
}
.blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters .tabular-reports.active b a.active {
    background: #B4DBE1;
}
.blue_page_head .blue_page_title .blue_page_title_right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.blue_page_head .blue_page_title .blue_page_title_right .modified-date {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    text-align: right;
    font-size: 14px;
    margin-right: 12px;
}
.blue_page_head .blue_page_title .blue_page_title_right .offer-actions {
    margin-bottom: 20px;
}
.blue_page_head .blue_page_title .blue_page_title_right .add_button,
.blue_page_head .blue_page_title .blue_page_title_right .blue_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: linear-gradient(0deg, rgba(28, 156, 178, 0.31), rgba(28, 156, 178, 0.31)), #DDF0F3;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 16px;
}
.blue_page_head .blue_page_title .blue_page_title_right #compare-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    height: 56px;
    background: linear-gradient(0deg, rgba(28, 156, 178, 0.31), rgba(28, 156, 178, 0.31)), #DDF0F3;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 16px;
}
.blue_page_head .blue_page_title .blue_page_title_right #compare-btn.active {
    background: linear-gradient(0deg, #1C9CB2, #1C9CB2), #DDF0F3;
}
.blue_page_head .blue_page_title .blue_page_title_right #compare-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background: #1C9CB2;
    border-radius: 50%;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #FFFFFF;
    margin-left: 4px;
}
.blue_page_head .blue_page_title .blue_page_title_right .outline-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: transparent;
    border-radius: 16px;
    margin-right: 12px;
    position: relative;
}
.blue_page_head .blue_page_title .blue_page_title_right .outline-button .crown-icon-box {
    position: absolute;
    top: -8px;
    right: -8px;
}
.blue_page_head .blue_page_title .blue_page_title_right .outline-button .crown-icon-box img {
    width: 16px;
}
.blue_page_head .blue_page_title .blue_page_title_right .outline-text-button {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
.blue_page_head .blue_page_title .blue_page_title_right .outline-text-button img {
    display: block;
    width: 20px;
    margin-left: 10px;
}
.blue_page_head .blue_page_title .blue_page_title_right #preview_report {
    display: flex;
    align-items: center;
}
.blue_page_head .blue_page_title .blue_page_title_right #preview_report.orange {
    background: #E99437;
    border-color: #E99437;
    color: #fff;
}
.blue_page_head .blue_page_title .blue_page_title_right #preview_report span {
    font-weight: 500;
}
.blue_page_head .blue_page_title .blue_page_title_right #preview_report img {
    display: block;
    margin-left: 8px;
}
.blue_page_head .blue_page_title .blue_page_title_right .grade_range_div {
    display: flex;
    align-items: flex-start;
    margin-right: 100px;
}
.blue_page_head .blue_page_title .blue_page_title_right .grade_range_div p {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
}
.blue_page_head .blue_page_title .blue_page_title_right .grade_range_div p:not(:last-of-type) {
    margin-right: 40px;
}
.blue_page_head .blue_page_title .blue_page_title_right .grade_range_div p strong {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
}
.blue_page_head .blue_page_title .blue_page_title_right .grade_range_div p span {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    margin-top: 4px;
}
.blue_page_head .blue_page_title .blue_page_title_right .cost-min-max {
    display: flex;
}
.blue_page_head .blue_page_title .blue_page_title_right .cost-min-max li:not(:last-of-type) {
    margin-right: 24px;
}
.blue_page_head .blue_page_title .blue_page_title_right .cost-min-max li span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    margin-bottom: 4px;
}
.blue_page_head .blue_page_title .blue_page_title_right .cost-min-max li span.cost {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 6px 8px;
    border-radius: 8px;
}
.blue_page_head .blue_page_title .blue_page_title_right .analyzeForm {
    margin: 0;
    padding: 0;
}
.blue_page_head .blue_page_title .blue_page_title_right .analyzeForm .formRow .formControl {
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    padding: 0 100px 0 16px;
}
.blue_page_head .blue_page_title .blue_page_title_right .analyzeForm .formRow button {
    border-radius: 0 10px 10px 0;
    background-color: #E99437;
    border: none;
    height: 100%;
    color: #fff;
    font-size: 14px;
}
.blue_page_head .blue_page_title .blue_page_title_left .round-button {
    margin-right: 12px;
}
.blue_page_head .blue_page_title .blue_page_title_right .round-button,
.blue_page_head .blue_page_title .blue_page_title_left .round-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #B4DBE1;
    border-radius: 12px;
}
.blue_page_head .blue_page_title .blue_page_title_right .round-button.round-button-big {
    width: 56px;
    height: 56px;
}
.blue_page_head .blue_page_title .blue_page_title_right .round-button.round-button-orange {
    background-color: rgba(233, 148, 55, 0.5);
}
.blue_page_head .search_box label,
.diagram-box .search_box label,
.row_datatable_body .search_box label {
    display: block;
    height: 56px;
    position: relative;
}
.blue_page_head .search_box label:before,
.diagram-box .search_box label:before,
.row_datatable_body .search_box label:before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("../images/redesign-icons/search-dark-icon.4816c501b3ca.svg");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.blue_page_head .search_box label input,
.diagram-box .search_box label input,
.row_datatable_body .search_box label input {
    display: block;
    width: 100%;
    height: 100% !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #B4DBE1;
    border-radius: 12px;
    border: none;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 24px 0 48px;
    transition: all .3s ease;
}
.blue_page_head.secondary_page_head .search_box label input {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), #E09638;
}
.blue_page_head .search_box label input:focus,
.diagram-box .search_box label input:focus,
.row_datatable_body .search_box label input:focus {
    background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0,0,0, 0.1);
}
.blue_page_head .search_box .redesigned-search-input-group {
    height: 56px;
    position: relative;
}
.blue_page_head .search_box .redesigned-search-input-group input {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #B4DBE1;
    border-radius: 12px;
    border: none;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 48px 0 24px;
    transition: all .3s ease;
}
.blue_page_head .search_box .redesigned-search-input-group input:focus {
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
}
.blue_page_head .search_box .redesigned-search-input-group #search-button {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}
.blue_page_head .search_box.reports_search_box {
    display: flex;
}
.blue_page_head .search_box.reports_search_box .search_field {
    width: calc(100% - 200px);
}
.blue_page_head .search_box.reports_search_box .search_field label input {
    border-radius: 12px 0 0 12px;
}

.blue_page_head .search_box.reports_search_box .search_field.flex .redesigned-combobox-select .custom-combobox {
    width: 240px;
}
.blue_page_head .search_box .search_field.flex .redesigned-combobox-select .custom-combobox {
    background-color: #A1D6DF;
    border-radius: 0 12px 12px 0;
}
.blue_page_head .search_box .search_field.flex > label {
    width: calc(100% - 240px);
}
.blue_page_head .search_box .search_field.flex > label input {
    border-radius: 12px 0 0 12px;
}

.blue_page_head .search_box.reports_search_box .pageSidebar {
    width: 280px;
    position: relative;
}
.blue_page_head .search_box.reports_search_box .pageSidebar .current-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background: #A1D6DF;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 10px 10px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 16px;
}
.blue_page_head .search_box.reports_search_box .pageSidebar ul {
    display: none;
    position: absolute;
    width: 100%;
    padding: 16px !important;
    background: #A1D6DF;
    left: 0;
    top: 65px;
    border-radius: 12px;
    z-index: 3;
}
.blue_page_head .search_box.reports_search_box .pageSidebar ul li a {
    font-size: 12px;
    line-height: 20px;
    color: #000;
}
.blue_page_head .search_box.reports_search_box .pageSidebar ul li:not(:last-of-type) {
    margin-bottom: 5px;
}
.blue_page_head .blue_page_head_navigation ul {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(28, 156, 178, 0.3);
    padding: 0 18px;
    margin-bottom: 0;
}
.blue_page_head .blue_page_head_navigation ul li:not(:last-of-type) {
    margin-right: 42px;
}
.blue_page_head .blue_page_head_navigation ul li a,
.blue_page_head .blue_page_head_navigation ul li button {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    padding-bottom: 15px;
    position: relative;
}
.blue_page_head .blue_page_head_navigation ul li a.active,
.blue_page_head .blue_page_head_navigation ul li button.active {
    font-weight: 600;
}
.blue_page_head .blue_page_head_navigation ul li a.active:before,
.blue_page_head .blue_page_head_navigation ul li button.active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #1C9CB2;
    border-radius: 100px 100px 0 0;
}
.select-field select:disabled {
    opacity: 0.6;
}
.select-field select:disabled:hover {
    border-color: rgba(0, 0, 0, 0.3);
}
.redesigned-combobox-select {
    margin-bottom: 12px;
}
.redesigned-combobox-select .custom-combobox {
    float: none;
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #B4DBE1;
    border-radius: 12px;
    margin-right: 0;
    position: relative;
}
.blue_page_head.secondary_page_head .redesigned-combobox-select .custom-combobox {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #E09638;
}
.redesigned-combobox-select .custom-combobox .custom-combobox-input {
    width: 100%;
    height: 56px;
    border: none;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
}
.blue_page_head.secondary_page_head .redesigned-combobox-select .custom-combobox .custom-combobox-input {
    width: calc(100% - 40px);
    height: 40px;
}
.redesigned-combobox-select .custom-combobox a.ui-corner-right {
    border: none;
    height: 56px;
    width: 56px;
    background-image: url("../images/redesign-icons/down-dark-arrow.367e1c269d9f.svg");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0;
    top: 0;
}
.blue_page_head.secondary_page_head .redesigned-combobox-select .custom-combobox a.ui-corner-right {
    height: 40px;
    width: 40px;
}
.redesigned-combobox-select .custom-combobox a.ui-corner-right span,
.redesigned-combobox-select .custom-combobox a.ui-corner-right:before {
    display: none;
}
.redesigned-combobox-select.outlined-redesigned-combobox .custom-combobox {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px;
    background-color: transparent;
}
.redesigned-combobox-select.outlined-redesigned-combobox .custom-combobox .custom-combobox-input {
    height: 45px;
    padding: 0 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}
.redesigned-combobox-select.outlined-redesigned-combobox .custom-combobox a.ui-corner-right {
    height: 45px;
    width: 45px;
}
.select2-custom.orange {
    width: calc(50% - 8px);
    position: relative;
}
.select2-custom.orange .select2 {
    width: 100% !important;
    background: #FDF4EB;
    height: 46px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-radius: 12px;
    padding: 8px 32px 8px 16px;
    border: none;
    margin-right: 16px;
}
.select2-custom.orange .select2.select2-container--disabled {
    opacity: 0.6;
}
.select2-custom.orange .select2-selection {
    border: none;
    background: transparent;
}
.select2-custom.orange .select2-selection__arrow {
    height: 100% !important;
}
.select2-custom.orange .select2-selection__arrow b {
    height: 100% !important;
}
.select2-custom.orange .crown-button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.select2-custom.orange .crown-button img {
    width: 12px !important;
}

.blue_page_head.blue_page_head_min {
    padding: 24px 24px 16px;
}
.blue_page_head.blue_page_head_min .blue_page_title {
    margin-bottom: 0;
}
.blue_page_head .warning-message {
    color: #E39839;
    font-size: 14px;
}
.blue_page_head .warning-message i {
    margin-right: 5px;
    font-size: 16px;
}

.ui-tabs .blue_page_head .ui-tabs-nav {
    background-color: transparent;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui-tabs .blue_page_head .ui-tabs-nav li {
    margin: 0;
    border: none;
    height: auto;
}
.ui-tabs .blue_page_head .ui-tabs-nav li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    padding: 6px 0 14px;
}
.ui-tabs .blue_page_head .ui-tabs-nav li:not(:last-of-type) {
    margin-right: 32px;
}
.ui-tabs .blue_page_head .ui-tabs-nav li.ui-tabs-active {
    background-color: transparent;
    font-weight: 600;
}
.ui-tabs .blue_page_head .ui-tabs-nav li.ui-tabs-active:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #1C9CB2;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.comments-tab-body {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 12px;
}
.comments-tab-body h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 16px;
}
.comments-tab-body .formRow {
    margin-bottom: 24px;
}
.comments-tab-body .formRow textarea.formControl {
    height: 100px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px;
    resize: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 12px 16px;
}
.comments-tab-body .formRow textarea.formControl:disabled {
    background-color: rgba(255, 255, 255, 0.5);
}
.comments-tab-body .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.comments-tab-body .save_comments,
.comments-tab-body .edit_comments {
    margin-right: 0;
}
.comments-tab-body .edit_comments,
.comments-tab-body .delete_comments {
    background-color: #fff;
}
.comments-tab-body .save_comments,
.comments-tab-body .edit_comments,
.comments-tab-body .delete_comments {
    padding: 10px 24px !important;
}
.comments-tab-body .save_comments img,
.comments-tab-body .edit_comments img,
.comments-tab-body .delete_comments img {
    width: 18px;
    margin-right: 4px;
}
.comments-tab-body .save_comments i,
.comments-tab-body .edit_comments i,
.comments-tab-body .delete_comments i {
    font-size: 18px;
    margin-right: 4px;
    color: rgba(28, 156, 178, 1);
}
.show-comments-box .show-comments-button.active img {
    transform: rotate(180deg);
}
.show-comments-box .match_comments {
    padding-top: 20px;
}

.pay-structure-bottom-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pay-structure-bottom-buttons,
.table-bottom-buttons {
    padding: 16px 24px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: right;
}
.pay-structure-bottom-buttons.hidden {
    display: none;
}
.pay-structure-bottom-buttons .outline-button {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
.pay-structure-bottom-buttons .outline-button.active {
    background: #1C9CB2;
    border-color: #1C9CB2;
    color: #fff;
}
.pay-structure-bottom-buttons .outline-button:not(:last-of-type) {
    margin-right: 16px;
}
.pay-structure-bottom-buttons .outline-button img {
    display: block;
    width: 20px;
    margin-left: 10px;
}

#employees_right_details {
    width: 700px;
    padding-bottom: 10px;
}
#employees_right_details ul {
    display: flex;
    width: fit-content;
}
#employees_right_details ul li {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
    width: 150px;
}
#employees_right_details ul li span.left {
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    margin-bottom: 4px;
}
#employees_right_details ul li span.right {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    white-space: nowrap;
}

.job_details_employee_columns {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 22px 32px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.job_details_employee_columns .column {
    display: flex;
}
.job_details_employee_columns p {
    display: flex;
    flex-direction: column;
    margin-right: 32px;
}
.job_details_employee_columns p span.left {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    margin-bottom: 4px;
}
.job_details_employee_columns p span.right {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #000000;
}
.job_details_charts,
.employee_details_charts {
    background-color: #fff;
    padding: 32px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.job_details_charts.chart-drag .item .darkTitle,
.employee_details_charts.chart-drag .item .darkTitle {
    text-align: left;
}
.job_details_charts.chart-drag .item .darkTitle h2,
.employee_details_charts.chart-drag .item .darkTitle h2 {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 2px;
}
.job_details_charts.chart-drag .item .darkTitle p,
.employee_details_charts.chart-drag .item .darkTitle p {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
}
.employee_salary_chart_labels {
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.employee_salary_chart_labels .employee_salary_label,
.employee_salary_chart_labels .avarage_salary_label {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    position: relative;
    padding-left: 16px;
}
.employee_salary_chart_labels .employee_salary_label {
    margin-right: 20px;
}
.employee_salary_chart_labels .employee_salary_label:before,
.employee_salary_chart_labels .avarage_salary_label:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    background-color: #1C1B1F;
}
.employee_salary_chart_labels .employee_salary_label:before {
    background-color: rgb(28, 156, 178);
}
.employee_salary_chart_labels .avarage_salary_label:before {
    background-color: rgb(70, 68, 186);
}

#add_job_form,
.employee_add_edit_form,
.job_review_container {
    padding: 16px 24px 24px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
}
.add_new_job_section {
    display: flex;
    flex-wrap: wrap;
}
.add_new_job_section > div {
    width: calc(50% - 8px);
    margin-right: 16px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 16px;
}
.add_new_job_section > div:nth-child(2n) {
    margin-right: 0;
}

.twoTables {
    background-color: #fff;
}
.twoTables .twoTables-title {
    padding: 24px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.twoTables .twoTables-title h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}
.twoTables .panelHeader h5,
.tableChart .panelHeader h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.twoTables .market_matches_tables {
    padding: 0 20px;
}
.twoTables .market_matches_tables .panelHeader {
    padding: 12px 0;
}
.twoTables .market_matches_tables .panelBody,
.tableChart_content .panelBody {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}
.twoTables .market_matches_tables .panelBody table thead,
.tableChart_content .panelBody table thead {
    border: none;
    box-shadow: none;
}
.twoTables .market_matches_tables .panelBody table thead tr th,
.tableChart_content .panelBody table thead tr th {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    padding: 10px 8px;
}
.twoTables .market_matches_tables .panelBody table tbody tr td,
.tableChart_content .panelBody table tbody tr td {
    font-size: 12px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.87);
    padding: 6px 8px;
}
.tableChart_content {
    padding: 0 20px;
    background-color: #fff;
}
.tableChart_content .left30 {
    width: 30%;
}
.tableChart_content .right70 {
    width: 70%;
}
#actual_compensation_div {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#actual_compensation_div .tableChart_content,
#target_compensation_div .tableChart_content {
    padding-bottom: 20px;
}
#actual_compensation_div .tableChart_content .left30,
#target_compensation_div .tableChart_content .left30 {
    margin-right: 16px;
    width: calc(33.3% - 8px);
    max-width: 33.3%;
}
#actual_compensation_div .tableChart_content .right70,
#target_compensation_div .tableChart_content .right70 {
    width: calc(66.6% - 8px);
}

.jobs_table_body {
    margin-bottom: 40px;
}
.suggested_reports,
.statuses_recommendations {
    padding: 20px 16px 52px;
}
.suggested_reports h2,
.statuses_recommendations h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    padding: 0 16px;
    margin-bottom: 20px;
}
.suggested_reports .suggested_reports_list {
    display: flex;
    gap: 16px;
}
.suggested_reports .suggested_reports_list li {
    width: 100%;
    background: #FFFFFF;
    border-radius: 12px;
}
.suggested_reports .suggested_reports_list li a {
    display: block;
    padding: 16px 12px;
}
.suggested_reports .suggested_reports_list li a p {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    height: 48px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    padding: 0 10px;
    margin-bottom: 24px;
}
.suggested_reports .suggested_reports_list li a img {
    display: block;
    width: 100%;
}
.statuses_recommendations .statuses_recommendations_list {
    display: flex;
    gap: 16px;
}
.statuses_recommendations .statuses_recommendations_list li {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 12px;
    width: 100%;
}
.statuses_recommendations .statuses_recommendations_list li p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    height: 66px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 20px;
}
.statuses_recommendations .statuses_recommendations_list li span {
    display: block;
    width: 100%;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/redesign-icons/trophy-icon.e5ef5524a3d1.svg");
    border-radius: 7px;
    position: relative;
}
.statuses_recommendations .statuses_recommendations_list li.active span {
    background-image: url("../images/redesign-icons/trophy-active-icon.d309738c95aa.svg");
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.statuses_recommendations .statuses_recommendations_list li.active span:before {
    content: '';
    background-image: url("../images/redesign-icons/verify-orange-icon.89fc7c1c26a8.svg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 25px;
    height: 24px;
}

.tableDropdown .dropdown-menu {
    min-width: 320px;
}
.tableDropdown > .dropdown-menu.more-dropdown-menu.show {
    min-width: 220px;
    padding: 0 !important;
}
.tableDropdown .dropdown-toggle.round-button {
    background-image: url("../images/redesign-icons/burger-black-icon.3a4d2804757d.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.tableDropdown .dropdown-toggle.round-button.show {
    background-color: #1C9CB2;
    background-image: url("../images/redesign-icons/burger-white-icon.f1c6b4c7fe81.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.tableDropdown .dropdown-toggle.round-button.round-button-orange.show {
    background-color: #E99437 !important;
}
.tableDropdown > .dropdown-menu.show {
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 8px !important;
    border: none;
    margin-bottom: 0;
}
.tableDropdown > .dropdown-menu.show form button {
    padding: 10px 16px;
    min-height: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87) !important;
    text-transform: capitalize;
}
.tableDropdown > .dropdown-menu.show form button img {
    display: block;
    width: 24px;
    margin-right: 16px;
}
.tableDropdown > .dropdown-menu.show form button strong {
    margin-left: 5px;
}
.tableDropdown .dropdown-menu li:not(.divider) {
    padding: 10px 16px;
    min-height: 0;
}
.tableDropdown .dropdown-menu li button span,
.tableDropdown .dropdown-menu li .dt-button span {
    display: flex;
    align-items: center;
}
.tableDropdown .dropdown-menu li .dt-button span img {
    display: block;
    width: 24px;
    margin-right: 16px;
}
.tableDropdown .dropdown-menu li .dt-button span strong,
.tableDropdown li button strong {
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
}
.tableDropdown .dropdown-menu li a {
    color: rgba(0, 0, 0, 0.87);
}
.tableDropdown li button,
.tableDropdown li .button,
.dropdown-menu > li > a {
    display: flex !important;
    align-items: center;
    font-size: 14px;
    line-height: 24px !important;
    color: rgba(0, 0, 0, 0.87) !important;
    text-transform: capitalize;
    padding: 0 !important;
}
.tableDropdown li .button.hidden {
    display: none !important;
}
.dropdown-menu > li > a .crown-icon {
    width: 16px;
}
.tableDropdown li button:hover,
.tableDropdown li .button:hover,
.dropdown-menu > li > a:hover {
    background-color: transparent !important;
}
.tableDropdown li button img,
.tableDropdown li .button img,
.dropdown-menu > li > a img {
    display: block;
    width: 24px;
    margin-right: 16px;
}
.tableDropdown .dropdown-menu .divider {
    background-color: rgba(28, 27, 31, 0.2);;
}
.tableDropdown li label {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87) !important;
    text-transform: capitalize;
}
.tableDropdown .dropdown-menu li.switch-blue {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch {
    margin-right: 16px;
    margin-top: 0;
    height: 21px !important;
    width: 36px !important;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-thumb {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-thumb .on-off-switch-thumb-color {
    display: none !important;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-track {
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    border: none !important;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-track .on-off-switch-track-on {
    width: 100% !important;
    height: 100% !important;
    border-radius: 60px !important;
    background: #E09638 !important;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-track .on-off-switch-track-off {
    width: 100% !important;
    height: 100% !important;
    border-radius: 60px !important;
    border: 2px solid rgba(0, 0, 0, 0.87) !important;
    left: 38.5px !important;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-track .on-off-switch-track-on .on-off-switch-track-white {
    display: block !important;
    opacity: 1 !important;
    background: #fff;
    width: 12px !important;
    height: 12px !important;
    top: 50% !important;
    margin-top: -7px;
    border-radius: 50% !important;
    right: 6px;
    left: auto !important;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-track .on-off-switch-track-off .on-off-switch-track-white {
    display: block !important;
    opacity: 1 !important;
    background: rgba(0, 0, 0, 0.87);
    width: 12px !important;
    height: 12px !important;
    top: 50% !important;
    margin-top: -6px;
    border-radius: 50% !important;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-track > div {
    width: 100% !important;
    height: 100% !important;
}
.tableDropdown .dropdown-menu li.switch-blue .on-off-switch-track .on-off-switch-text {
    display: none;
}
.tableDropdown .dropdown-menu li.dropdown-checkbox label {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F !important;
}
.tableDropdown .dropdown-menu li.dropdown-checkbox label input {
    display: none;
}
.tableDropdown .dropdown-menu li.dropdown-checkbox label b {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #49454F;
    margin-right: 8px;
}
.tableDropdown .dropdown-menu li.dropdown-checkbox label input:checked + b {
    background: #1C9CB2;
    border-color: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
 
/*Offers*/
#offer-data {
    display: flex;
    background-color: #fff;
    padding: 20px 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#offer-data .offer-data-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#offer-data .offer-data-content .offer-data-left {
    display: flex;
}
#offer-data .offer-data-content .offer-data-left p {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.7);
}
#offer-data .offer-data-content .offer-data-left p:not(:last-of-type) {
    margin-bottom: 8px;
}
#offer-data .offer-data-content .offer-data-left p .right {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
}
#offer-data .offer-data-content .offer-data-right {
    display: flex;
}
#offer-data .offer-data-content .offer-data-right p {
    margin-bottom: 0;
}
#offer-data .offer-data-content .offer-data-right p:not(:last-of-type) {
    margin-right: 30px;
}
#offer-data .offer-data-content .offer-data-right p input {
    width: 100%;
}
#offer-data .offer-data-content .offer-data-right p strong {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    margin-bottom: 4px;
}
#offer-data .offer-data-content .offer-data-right p span {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
.offer-recommendation-table {
    background-color: #fff;
    padding: 20px 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.offer-recommendation-table h5,
.candidate-career h5,
.external_competitiveness_review h5,
.equity-table h5 {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 16px;
}
.candidate-career .career-info div {
    width: calc(33.3% - 20px);
    margin-right: 30px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 16px 20px 24px;
}
.candidate-career .career-info div:nth-child(3n) {
    margin-right: 0;
}
.candidate-career .career-info div h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    margin-bottom: 12px;
}
.candidate-career .career-info div span {
    font-size: 30px;
    line-height: 48px;
    font-weight: 400;
    color: rgb(14, 116, 135);
}

.offer-recommendation-table #connect-squirrel-button,
.offer-recommendation-table .report-parameters-button {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 8px;
    width: 32px !important;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offer-recommendation-table #connect-squirrel-button img,
.offer-recommendation-table .report-parameters-button img {
    width: 95%;
}
.offer-recommendation-table .report-parameters-button:disabled {
    opacity: 0.6;
    cursor: auto;
}
.one-time-payments {
    background-color: #fff;
    padding: 20px 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.one-time-payments h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}
.one-time-payments .outline-text-button {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
.one-time-payments .outline-text-button span {
    display: flex;
    align-items: center;
}
.one-time-payments .outline-text-button span img {
    display: block;
    width: 20px;
    margin-left: 10px;
}
#offer-output {
    background-color: #fff;
    padding: 20px 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#offer-output .employee_market_chart_wrap {
	background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow: hidden;
}
.offer-charts .charts-wrap > div {
	width: calc((100% - 60px) / 3);
	margin-right: 30px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 12px 16px;
}
.offer-charts .charts-wrap > div:last-child {
	margin-right: 0;
}
.offer-charts .charts-wrap > div .darkTitle h2 {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    text-align: left;
}
.offer-table .offer-table-parent {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}
.offer-table .offer-table-parent table thead {
    border-top: none;
}
.offer-table .offer-table-parent table tr td,
.offer-table .offer-table-parent table tr th {
    padding: 10px 16px;
}
.offer-table .offer-table-parent table thead tr th {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.7);
}
.offer-table .offer-table-parent table tr td span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.offer-table .offer-table-parent table tr td,
.offer-table .offer-table-parent table tr td:first-child p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.offer-table .offer-table-parent table tr td a {
    display: flex;
    width: 30px;
    height: 30px;
    background: #DDF0F3;
    border-radius: 8px;
    padding: 5px;
}
.offer-table .offer-table-parent table tr.total-tr {
    background: linear-gradient(0deg, #F9EAD7, #F9EAD7), #7ED6ED !important;
    cursor: auto !important;
}
.offer-table .offer-table-parent table tr.total-tr td p {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
}
.offer-table .offer-table-parent table tr.total-tr td span {
    font-weight: 600;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
}
.offer-table .field-td {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.offer-table .formRow {
	max-width: 200px;
}
.offer-table .formRow input {
    background: #FFFFFF;
    border: 1px solid #B4DBE1;
    border-radius: 7px;
    padding: 0 8px;
}
.offer-table th p {
	font-weight: bold;
	font-size: 12px;
}
.offer-table th p[data-id="job_name"] {
    max-width: 200px;
}
.offer-share-feedback {
    background-color: #fff;
    padding: 20px 32px;
}
.offer-share-feedback a {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
.offer-share-feedback a span {
    display: flex;
    align-items: center;
}
.offer-share-feedback a span img {
    display: block;
    width: 20px;
    margin-left: 10px;
}
#addApproverModalButton {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
#addApproverModalButton img {
    display: block;
    width: 20px;
    margin-left: 10px;
}

/*Modals*/
.modal-redesigned.no-border .modal-header {
    border: none;
}
.modal-redesigned .modal-header .round-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #B4DBE1;
    border-radius: 100px;
}
.modal-redesigned .modal-dialog .modal-body.modal-body-form {
    width: calc(100% + 48px);
    margin-left: -24px;
    background-color: #fff;
    padding: 32px 24px;
    min-height: 168px;
}
.modal-redesigned .modal-dialog .modal-body.modal-body-form textarea {
    resize: none;
    padding: 12px 16px;
}
.modal-redesigned .modal-body p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 0;
}
.modal-redesigned .modal-body p.help-inline {
    font-size: 12px;
    color: #CB3F3F;
}
.modal-redesigned .modal-body h5 {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.25px;
    color: #000;
    margin-bottom: 20px;
}
.modal-redesigned .modal-body ul:not(.pagination) li {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.25px;
    color: #000;
}
.modal-redesigned .modal-body ul:not(.pagination) li:not(:last-of-type) {
    margin-bottom: 10px;
}
.modal-redesigned .check-list {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
.modal-redesigned .check-list li {
    background: #FFFFFF;
    border: 1px dashed rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    padding: 0;
    margin-bottom: 3px;
}
.modal-redesigned .check-list li:hover {
    border-color: #1C9CB2;
}
.modal-redesigned .check-list li.ui-sortable-helper {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), #E99437;
    opacity: 1;
}
.modal-redesigned .check-list li.sortable-placeholder {
    background: #B4DBE1 !important;
    border-radius: 8px;
    height: 44px;
    box-shadow: none !important;
}
.modal-redesigned .check-list label {
    height: 42px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
}
.modal-redesigned .check-list label.disabled {
    opacity: .5;
}
.modal-redesigned .check-list li label span {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    width: calc(100% - 24px);
}
#slotting-modal.modal-redesigned .check-list li label span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#slotting-modal.modal-redesigned .select2-selection {
    max-height: 300px;
    overflow: auto;
}
#slotting-modal.modal-redesigned .select2-selection input {
    width: auto !important;
}
.modal-redesigned .check-list li label input {
    display: none;
}
.modal-redesigned .check-list li label b {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #49454F;
    border-radius: 2px;
}
.modal-redesigned .check-list li label input:checked + b {
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1C9CB2;
    border-color: #1C9CB2;
}
.modal-redesigned .check-list:not(.check-list-sortable) li {
    width: calc(33.3% - 12px);
    border: none;
}
.modal-redesigned .check-list:not(.check-list-sortable) li label.disabled {
    opacity: .5;
    cursor: auto;
}
.modal-redesigned .check-list:not(.check-list-sortable) li:hover {
    border: none;
}
.modal-redesigned .check-list.one-row li {
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), #FFFFFF;
    border: 1px dashed rgba(28, 156, 178, 0.4);
    margin-bottom: 8px !important;
}
.modal-redesigned .check-list.one-row li.check-all-field {
    background: rgba(28, 156, 178, 0.2);
    border-style: solid;
}
.modal-redesigned .check-list.one-row li:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), #FFFFFF;
    border: 1px dashed rgba(28, 156, 178, 0.4);
}
.modal-redesigned .modal-content {
    padding: 0 24px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
    border-radius: 28px;
    box-shadow: none;
    border: none;
    overflow: hidden;
}
.modal-redesigned .modal-header {
    display: block;
    width: 100%;
    justify-content: space-between;
    padding: 24px 0 12px;
    border-bottom: 1px solid rgba(73, 69, 79, 0.1);
}
.modal-redesigned .modal-header.flex {
    display: flex;
    align-items: flex-start;
}
.modal-redesigned .modal-header .modal-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #1C1B1F;
}
.modal-redesigned .modal-header .title {
    margin-right: 32px;
}
.modal-redesigned .modal-header .title .name {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #1C1B1F;
    margin-bottom: 5px;
    white-space: nowrap;
    max-width: 375px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-redesigned .modal-header .title span {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
}
.modal-redesigned .modal-header .table-buttons a,
.modal-redesigned .modal-header .table-buttons button {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 12px;
    width: 60px !important;
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-redesigned .modal-header .table-buttons a.outlineBtn,
.modal-redesigned .modal-header .table-buttons button.outlineBtn {
    background: transparent;
    border: 1px solid #1C9CB2;
}
.modal-redesigned .modal-header .table-buttons button {
    margin-right: 10px !important;
}
.modal-redesigned .modal-header .table-buttons a:not(:last-of-type) {
	margin-right: 10px;
}
.modal-redesigned .modal-header .table-buttons a img,
.modal-redesigned .modal-header .table-buttons button img {
	display: block;
	width: 24px;
}
.modal-redesigned .modal-header .table-buttons button .crown-icon-box img {
    width: 16px;
}
.modal-redesigned .modal-body {
    padding: 24px 0;
}
.modal-redesigned .modal-body .modal-info {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    margin-bottom: 16px;
}
.modal-redesigned .modal-body .modal-info img {
    display: block;
    width: 20px;
    margin-right: 8px;
}
.modal-redesigned .modal-footer {
    padding: 14px 0;
    border-top: none;
}
.modal-redesigned .modal-dialog {
    width: 980px;
    max-width: 100%;
}
.modal-redesigned .search-field-label {
    display: block;
    height: 56px;
    position: relative;
    margin-bottom: 12px;
}
.modal-redesigned .search-field-label #search-field {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #B4DBE1;
    border-radius: 12px;
    border: none;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 24px 0 48px;
    transition: all .3s ease;
}
.modal-redesigned .search-field-label:before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("../images/redesign-icons/search-dark-icon.4816c501b3ca.svg");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.modal-redesigned .search-field-label #search-field:focus {
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}
.modal-redesigned .checkbox-redesigned {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.5px;
    color: #1C1B1F;
    font-weight: 400;
    margin-bottom: 12px;
    cursor: pointer;
}
.modal-redesigned .checkbox-redesigned input {
    display: none;
}
.modal-redesigned .checkbox-redesigned b {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #49454F;
    border-radius: 2px;
    margin-right: 10px;
}
.modal-redesigned .checkbox-redesigned input:checked + b {
    background: #1C9CB2;
    border-color: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.modal-redesigned.blue-modal .modal-dialog {
    max-width: 984px;
}
.modal-redesigned.blue-modal .modal-content {
    background: #1C9CB2;
    padding: 24px;
}
.modal-redesigned.blue-modal .modal-content .modal-body {
    background-color: #fff;
    border-radius: 18px;
    padding: 24px;
}
.modal-redesigned.blue-modal .modal-footer .redesigned-blue-button {
    color: #000;
    background-color: #fff;
}
.modal-redesigned.blue-modal h3 {
    color: #1C1B1F;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
}
.modal-redesigned.blue-modal .tag-premium {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    border-radius: 12px;
    background: #E99437;
    color: #FFF;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 4px 7px;
    margin-bottom: 20px;
}
.modal-redesigned.blue-modal .tag-premium img {
    display: block;
    width: 10px;
    margin-right: 4px;
    margin-left: 0;
}
.modal-redesigned.blue-modal img {
    max-width: 100%;
}
.modal-redesigned.blue-modal p {
    color: #1C1B1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.127px;
}
.modal-redesigned.blue-modal p:not(:last-of-type) {
    margin-bottom: 16px;
}
.modal-redesigned ol li {
    font-size: 14px;
    line-height: 20px;
}
#table-fields .check-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: block;
    width: 100%;
}
#table-fields .check-list li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    width: auto;
}
#modalSlotting .modal-content .modal-body {
    padding: 40px;
}
#modalSlotting .modal-body .left {
    width: 400px;
    margin-right: 32px;
}
#modalSlotting .modal-body .left img {
    width: 100%;
}
#modalSlotting .modal-body .right {
    width: calc(100% - 432px);
}
#modalMultiMatcher .modal-body .left {
    width: 364px;
}
#modalMultiMatcher .modal-body .left img {
    width: 100%;
}
#modalMultiMatcher .modal-body .right {
    width: calc(100% - 364px);
    padding: 30px 16px;
}
#descriptionModal .modal-header #job_data_div {
    display: flex;
}
#descriptionModal .modal-header #job_data_div p:not(:last-of-type) {
    margin-right: 16px;
}
#descriptionModal .modal-header #job_data_div p span {
    display: block;
}
#descriptionModal .modal-header #job_data_div p span.left {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    margin-bottom: 8px;
}
#descriptionModal .modal-header #job_data_div p span.right {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #000000;
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#descriptionModal .modal-body .employeeColumnTwo .column p {
    justify-content: flex-start;
}
#descriptionModal .modal-body .employeeColumnTwo .column p span.left {
    width: auto;
    min-width: 0;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    margin-right: 5px;
}
#descriptionModal .modal-body .employeeColumnTwo .column p span.right {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    font-weight: 500;
    color: #1C1B1F;
}
#descriptionModal #job-description-load::-webkit-scrollbar {
    width: 6px;
    cursor: pointer;
}
#descriptionModal #job-description-load::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 24px;
}
#descriptionModal #job-description-load::-webkit-scrollbar-thumb {
    background: #B4DBE1;
    border-radius: 24px;
}
#new_tier .modal-dialog {
    width: 540px;
}

#new_grade.modal-redesigned .modal-body .min-fields {
    display: flex;
}
#new_grade.modal-redesigned .modal-body .min-fields .formRow {
    width: calc(33.3% - 11px);
}
#new_grade.modal-redesigned .modal-body .min-fields .formRow:not(:last-of-type) {
    margin-right: 16px;
}
#new_grade.modal .modal-dialog {
	width: 700px;
}
#addOfferForModal.modal .modal-dialog,
#addPaymentModal .modal-dialog {
	width: 560px;
}
#add-offer-for-form .show-more-button {
    position: relative;
    padding-right: 24px;
}
#add-offer-for-form .show-more-button::before {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background-image: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg");
    background-repeat: no-repeat;
}
#add-offer-for-form .show-more-button.active::before {
    transform: rotate(180deg);
}
#add-offer-for-form .show-more-button,
 #add-offer-for-form .show-more-button span {
    font-size: 12px;
    color: #000;
    font-weight: 500;
}
#add-offer-for-form .show-more-button span.less {
    display: none;
}
#add-offer-for-form .show-more-button.active span.less {
    display: inline-block;
}
#add-offer-for-form .show-more-button.active span.more {
    display: none;
}
#warning-modal .modal-dialog,
#fields .modal-dialog,
#save_report_modal .modal-dialog {
    max-width: 650px;
}
.red-head-modal.modal-redesigned .modal-header {
    width: calc(100% + 48px);
    margin-left: -24px;
    padding: 24px 24px 12px;
    background: linear-gradient(0deg, rgba(203, 63, 63, 0.25), rgba(203, 63, 63, 0.25)), #FFFFFF;
}
#warning-modal .modal-body p {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.7);
}
#warning-modal .modal-body p span {
    color: #000;
}
#warning-modal .modal-body ul li {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.25px;
    color: #000;
}
#new_report.modal-redesigned .modal-dialog,
#report.modal-redesigned .modal-dialog {
    width: 650px;
}
#new_report.modal-redesigned textarea {
    height: 200px;
    resize: none;
    padding: 12px 16px;
}

.modal-white-table {
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}
.modal-white-table thead {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    border: none;
    background-color: transparent;
}
.modal-white-table thead tr th {
    padding: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
}
.modal-white-table tbody tr td {
    padding: 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.modal-white-table tfoot {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.modal-white-table tfoot .invoice-total {
    text-align: right;
    padding-right: 16px;
    font-size: 13px;
}
#reactivate-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#reactivate-modal .modal-header button {
    padding-left: 0;
}
#reactivate-modal .structure-options .renew {
    margin-right: 10px;
}
#reactivate-modal .structure-options .renew,
#reactivate-modal .structure-options .close_my_account {
    display: block;
    width: 50%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    border-radius: 12px;
    padding: 20px 16px;
    cursor: pointer;
    text-align: left;
    position: relative;
}
#reactivate-modal .structure-options .renew span,
#reactivate-modal .structure-options .close_my_account span {
    display: block;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 45px;
}
#reactivate-modal .structure-options .renew b,
#reactivate-modal .structure-options .close_my_account b {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 16px;
    bottom: 36px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    transition: all .3s ease;
}
#reactivate-modal .structure-options .renew:hover b,
#reactivate-modal .structure-options .close_my_account:hover b {
    background: #B4DBE1;
    border-color: #B4DBE1;
}

#create-draft .modal-dialog,
#save_create_another .modal-dialog,
#jobForFreemiumModal .modal-dialog,
#generator-popup .modal-dialog {
    width: 650px;
}
#create-draft .modal-header,
#jobForFreemiumModal .modal-header,
#save_create_another .modal-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#create-draft .modal-header button,
#jobForFreemiumModal .modal-header button,
#save_create_another .modal-header button {
    display: none;
    margin-right: 12px;
}
#create-draft .modal-header button img,
#jobForFreemiumModal .modal-header button img,
#save_create_another .modal-header button img {
    display: block;
    width: 24px;
}
#create-draft .create-draft-options,
#jobForFreemiumModal .create-draft-options,
#save_create_another .create-draft-options {
    display: flex;
}
#create-draft .create-draft-options > div,
#jobForFreemiumModal .create-draft-options > a,
#save_create_another .create-draft-options > div {
    width: calc(50% - 8px);
}
#create-draft .create-draft-options > div:not(:last-of-type),
#jobForFreemiumModal  .create-draft-options > a:not(:last-of-type),
#save_create_another .create-draft-options > div:not(:last-of-type) {
    margin-right: 16px;
}
#create-draft .create-draft-options > div input,
#jobForFreemiumModal .create-draft-options > a input,
#save_create_another .create-draft-options > div input {
    display: none;
}
#create-draft .create-draft-options > div label,
#jobForFreemiumModal .create-draft-options > a label,
#save_create_another .create-draft-options > div label {
    display: block;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 20px 16px;
    cursor: pointer;
    position: relative;
}
#create-draft .create-draft-options > div label span,
#jobForFreemiumModal .create-draft-options > a label span,
#save_create_another .create-draft-options > div label span {
    display: block;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 45px;
}
#create-draft .create-draft-options > div label span strong,
#jobForFreemiumModal  .create-draft-options > a label span strong,
#save_create_another .create-draft-options > div label span strong {
    font-weight: 600;
}
#create-draft .create-draft-options > div label b,
#jobForFreemiumModal  .create-draft-options > a label b,
#save_create_another .create-draft-options > div label b {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 32px;
    bottom: 28px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    transition: all .3s ease;
}
#create-draft .create-draft-options > div label b img,
#jobForFreemiumModal .create-draft-options > a label b img,
#save_create_another .create-draft-options > div label b img {
    display: block;
}
#create-draft .create-draft-options > div label:hover b,
#jobForFreemiumModal .create-draft-options > a label:hover b,
#save_create_another .create-draft-options > div label:hover b {
    background: #B4DBE1;
    border-color: #B4DBE1;
}
#create-draft .create-draft-option-1,
#create-draft .create-draft-option-2,
#save_create_another .create-draft-option-1 {
    display: none;
}
#create-draft .create-draft-option-2 .formRow {
    margin-bottom: 16px;
}
#create-draft .modal-footer,
#save_create_another .modal-footer {
    display: none;
}
#fields.modal-redesigned .fields-list {
    display: flex;
    flex-wrap: wrap;
}
#fields.modal-redesigned .fields-list li {
    display: flex;
    width: calc(50% - 4px);
    margin-right: 8px;
    margin-bottom: 8px;
}
#fields.modal-redesigned .fields-list li:nth-child(2n) {
    margin-right: 0;
}
#fields.modal-redesigned .fields-list li span {
    height: 35px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DDF0F3;
    border-radius: 8px 0px 0px 8px;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}
#fields.modal-redesigned .fields-list li b {
    width: calc(100% - 30px);
    background: #FFFFFF;
    border-radius: 0px 8px 8px 0px;
    padding: 5px 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}
#detailsModal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#survey-fields #survey-fields-table tr td,
#custom-fields-modal #survey-fields-table tr td {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    padding: 10px;
}
#survey-fields #survey-fields-table .checkbox-single.disabled,
#custom-fields-modal #custom-fields-table .checkbox-single.disabled {
    opacity: .5;
}
#survey-fields #survey-fields-table .checkbox-single input,
#custom-fields-modal #custom-fields-table .checkbox-single input {
    display: none;
}
#survey-fields #survey-fields-table .checkbox-single b,
#custom-fields-modal #custom-fields-table .checkbox-single b {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #49454F;
    border-radius: 2px;
}
#survey-fields #survey-fields-table .checkbox-single input:checked + b,
#custom-fields-modal #custom-fields-table .checkbox-single input:checked + b {
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1C9CB2;
    border-color: #1C9CB2;
}

.chartsWrap .item {
    background: #FFFFFF;
    border-radius: 12px;
    width: calc(50% - 8px);
    height: auto;
    padding: 12px 16px;
    box-shadow: none;
}
.chartsWrap .item .darkTitle p {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    text-align: left;
}

/*Table edit mode*/

.update_grades_section {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.update_grades_section.active {
    display: flex;
}
.update_grades_section h4 {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
}
.grades_form.update_mode tr td:not(.editable) {
    display: none;
}
.grades_form.update_mode thead tr th.not-editable {
    display: none;
}
.grades_form_list::-webkit-scrollbar {
    width: 6px;
    cursor: pointer;
}
.grades_form_list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 24px;
}
.grades_form_list::-webkit-scrollbar-thumb {
    background: #B4DBE1;
    border-radius: 24px;
}
.table-with-fields tr td.delete_button {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12);
}
.table-with-fields tr td input[type="text"],
.table-with-fields tr td input[type="number"],
.table-with-fields tr td input[type="email"] {
    max-width: 170px;
    height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #B4DBE1;
    border-radius: 7px;
    padding: 0 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.table-with-fields tr td select {
    background-color: #fff !important;
    height: 40px !important;
}

.panelHeader .tab-switcher {
    display: flex;
    background: linear-gradient(0deg, #F8DFC3, #F8DFC3), #E99437;
    border-radius: 18px;
    margin-bottom: 0;
}
.panelHeader .tab-switcher .tab-btn-1,
.panelHeader .tab-switcher .tab-btn-2 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.market-matcher-table-head.panelHeader .tab-switcher .tab-btn-1,
.market-matcher-table-head.panelHeader .tab-switcher .tab-btn-2 {
    width: 30px;
    height: 30px;
}
.panelHeader .tab-switcher .tab-btn-1.active:before,
.panelHeader .tab-switcher .tab-btn-2.active:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #E99437;
    z-index: 1;
 }
 .market-matcher-table-head.panelHeader .tab-switcher .tab-btn-1.active:before,
 .market-matcher-table-head.panelHeader .tab-switcher .tab-btn-2.active:before {
    width: 30px;
    height: 30px;
 }
.panelHeader .tab-switcher .tab-btn-1.active:after,
.panelHeader .tab-switcher .tab-btn-2.active:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #E99437;
    z-index: 2;
}
.market-matcher-table-head.panelHeader .tab-switcher .tab-btn-1.active:after,
.market-matcher-table-head.panelHeader .tab-switcher .tab-btn-2.active:after {
   width: 24px;
   height: 24px;
}
.panelHeader .tab-switcher .tab-btn-1 img,
.panelHeader .tab-switcher .tab-btn-2 img {
    height: 16px;
    width: auto;
    display: block;
    position: relative;
    z-index: 3;
}
.panelHeader .tab-switcher .tab-btn-1 img.active-icon,
.panelHeader .tab-switcher .tab-btn-2 img.active-icon {
    display: none;
}
.panelHeader .tab-switcher .tab-btn-1.active img,
.panelHeader .tab-switcher .tab-btn-2.active img {
    display: none;
}
.panelHeader .tab-switcher .tab-btn-1.active img.active-icon,
.panelHeader .tab-switcher .tab-btn-2.active img.active-icon {
    display: block;
}
.panelHeader .tab-switcher .tab-btn-1:hover,
.panelHeader .tab-switcher .tab-btn-2:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #E99437;
 }
.panelHeader .tab-switcher .tab-btn-1 {
    margin-right: 8px;
}
.panelHeader .tab-switcher .tab-btn-2 {

}

/*New grade modal*/


/*.formRow label {*/
/*    position: absolute;*/
/*    top: 11px;*/
/*    left: 16px;*/
/*    font-size: 16px;*/
/*    line-height: 24px;*/
/*    font-weight: 400;*/
/*    letter-spacing: 0.5px;*/
/*    color: rgba(0, 0, 0, 0.7);*/
/*    margin-bottom: 0;*/
/*    transition: all .3s ease;*/
/*}*/
/*.formRow .formControl:focus + label {*/
/*    top: -8px;*/
/*    font-size: 12px;*/
/*    line-height: 16px;*/
/*    letter-spacing: 0.4px;*/
/*    color: rgba(0, 0, 0, 0.7);*/
/*    background: #fff;*/
/*    padding: 0 5px;*/
/*}*/
.formRow .formControl {
    border: 1px solid rgba(0, 0, 0, 0.3);
    height: 45px;
    border-radius: 9px;
    padding: 0 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    font-size: 14px;
}
.formRow.white .formControl {
    background-color: #fff;
}
.aged_data .formRow {
    width: 80px;
}
.aged_data .formRow .formControl {
    height: 40px;
    padding-right: 35px !important;
    padding-left: 8px !important;
}
.aged_data .hasPercent:before {
    width: 32px;
}
.formRow select.formControl {
    appearance: none;
    cursor: pointer;
    background-image: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding: 0 36px 0 20px;
}
.formRow select.formControl:disabled {
    opacity: 0.6;
    cursor: auto;
}
.formRow textarea.formControl {
    height: 100%;
    resize: none;
    padding: 16px;
}
#edit_survey_form #multiple_countries_table thead tr th {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    padding: 0;
}
#edit_survey_form #multiple_countries_table tbody tr td {
    width: 50%;
}
#edit_survey_form #multiple_countries_table select.formControl {
    height: 45px;
    padding: 0 36px 0 20px;
}
#edit_survey_form #multiple_countries_table .add_country {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#edit_survey_form #multiple_countries_table .add_country img {
    width: 16px;
}
#edit_survey_form #multiple_countries_table .remove_country {
    padding: 0;
}
.benchmarkJobCheckbox {
    display: flex;
    align-items: center;
    width: 174px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 10px 12px;
}
.benchmarkJobCheckbox .benchmarkJobCheckbox-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    margin-right: 15px;
}
.benchmarkJobCheckbox .checkLabel {
    background-color: transparent;
}


/*Salary structure draft*/

.salary-structure-draft-filters .metrics-list {
	display: flex;
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.salary-structure-draft-filters .metrics-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: calc(25% - 9px);
    background-color: rgba(34, 156, 178, 0.1);
    padding: 14px 16px 10px;
	background: #fff;
	border-radius: 16px;
}
.salary-structure-draft-filters .metrics-item:not(:last-of-type) {
	margin-right: 12px;
}
.salary-structure-draft-filters .metrics-item > span {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1px;
	color: rgba(0, 0, 0, 0.7);
	margin-bottom: 4px;
}
.salary-structure-draft-filters .metrics-item div {
	display: flex;
}
.salary-structure-draft-filters .metrics-item b {
	display: flex;
	align-items: flex-end;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.1px;
	color: #000000;
}
.salary-structure-draft-filters .metrics-item b:not(:last-of-type) {
	margin-right: 10px;
}
.salary-structure-draft-filters .metrics-item b strong {
    font-size: 18px;
	font-weight: 600;
	margin-right: 5px;
}
.salary-structure-draft-filters .metrics-item b sup {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #1C9CB2;
    top: auto;
}
.salary-structure-draft-filters .metrics-item b img {
	display: block;
	width: 16px;
}
.salary-structure-draft-filters .metrics-item b.changing-grade-up img {
	transform: rotate(180deg);
}
.salary-structure-draft-filters .filters-list {
	display: flex;
	flex-wrap: wrap;
}
.salary-structure-draft-filters .filters-list select {
    font-size: 16px;
    word-break: break-all;
	width: calc(33.3% - 10.6px);
	border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    background: transparent;
    height: 46px;
	margin-right: 16px;
    appearance: none;
    cursor: pointer;
    background-image: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding: 0 36px 0 20px;
}
.salary-structure-draft-filters .filters-list select:nth-child(4n) {
	margin-right: 0;
}
.salary-structure-draft-filters .filters-list-min select {
	width: calc(33.3% - 10.6px);
}
.salary-structure-draft-filters .filters-list-min select:nth-child(3n) {
	margin-right: 0;
}
.salary-structure-draft-filters .filters-list .filter-search-btn {
	min-width: 230px;
    padding: 14px 20px;
    background-color: #4B9AAF;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    margin: 25px auto 0;
}

.structure_tabs .grade_tab {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.structure_tabs .grade_tab form {
	width: calc(50% - 7.5px);
	margin-right: 15px;
}
.structure_tabs .structure_table {
	width: calc(50% - 7.5px);
}
.structure_tabs .grade_tab form .title,
.structure_tabs .structure_table .title {
	padding: 5px 0 12px;
}
.structure_tabs .grade_tab form .title h5,
.structure_tabs .structure_table .title h5 {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}
.structure_tabs .panelBody {
    overflow-y: auto;
    height: 415px;
    position: relative;
}
/* .structure_tabs .panelBody::-webkit-scrollbar {
    display: none;
} */
#no_drafted_table_box {
    overflow-y: auto;
    max-height: 460px;
}
#structure-tabs {
	padding: 20px;
	background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
	border-radius: 0 0 24px 24px;
}
#structure-tabs .structure-tabs-box {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    overflow: hidden;
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head {
    padding: 5px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head h6 {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.6);
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head h6 span {
    color: #000;
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head div a {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 12px;
    border-width: 0 1px;
    border-style: solid;
    border-color: rgba(32, 32, 32, 0.2);
    border-radius: 100px;
    transition: all .3s ease;
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head div a:hover {
    background: #B4DBE1;
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head div a:not(:last-of-type) {
    margin-right: 7px;
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head div a span {
    color: #1C9CB2;
    font-weight: 600;
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head div input {
    width: 254px;
    height: 30px;
    border-width: 0 1px;
    border-style: solid;
    border-color: rgba(32, 32, 32, 0.2);
    border-radius: 100px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
#structure-tabs .structure-tabs-box .structure-tabs-box-head #pay_structure {
    height: 30px;
    border-width: 0 1px;
    border-style: solid;
    border-color: rgba(32, 32, 32, 0.2);
    border-radius: 100px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
}
#structure-tabs .structure-tabs-box #grade_form_table thead tr th,
#structure-tabs .structure-tabs-box #jobs_table thead tr th {
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    padding: 12px 8px;
    text-align: left;
    white-space: nowrap;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr td {
    padding: 10px 8px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
    text-align: left;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr.empty-grades td {
    height: 215px;
    background: #fff;
    text-align: center;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr.empty-grades td img {
    display: block;
    margin: 0 auto 10px;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr.empty-grades td p {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.7;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr td.disabled {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #D8D8D8;
    opacity: .5;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr:not(:last-of-type) td {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr td input[type="number"],
#structure-tabs .structure-tabs-box #grade_form_table tbody tr td input[type="text"] {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #B4DBE1;
    border-radius: 7px;
    padding: 0 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr td input[type="number"]:disabled,
#structure-tabs .structure-tabs-box #grade_form_table tbody tr td input[type="text"]:disabled {
    background-color: #FFFFFF !important;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr td input[type="checkbox"] {
    border: 2px solid #49454F;
    border-radius: 2px;
    width: 14px;
    height: 14px;
}
#structure-tabs .structure-tabs-box #grade_form_table tbody tr td .delete_grade img {
    width: 16px;
}
#structure-tabs .structure-tabs-box .add_grade_button {
    padding: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#structure-tabs .structure-tabs-box .add_grade_button .grades_exel {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #DDF0F3;
    border-radius: 100px;
}
#structure-tabs .structure-tabs-box .add_grade_button #add_new_grade {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    padding: 5px 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    transition: all .3s ease;
}
#structure-tabs .structure-tabs-box .add_grade_button #add_new_grade:hover {
    background: #B4DBE1;
    border-color: #B4DBE1;
}
#structure-tabs .structure-tabs-box .add_grade_button #add_new_grade img {
    display: block;
    width: 16px;
    margin-left: 6px;
}
#structure-tabs .no_drafted_box {
    padding-top: 20px;
}
#structure-tabs .no_drafted_box h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding: 5px 0 12px;
}
#structure-tabs .no_drafted_box #no_drafted_table_box {
    position: relative;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    overflow: hidden;
}
#structure-tabs .structure-tabs-box #grade_form_table thead,
#structure-tabs .structure-tabs-box #jobs_table thead,
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table thead {
    border-top: none;
}
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table thead tr th {
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    padding: 10px 8px;
    text-align: left;
    white-space: nowrap;
}
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table tbody tr td {
    padding: 10px 8px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
    text-align: left;
}
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table tbody tr td.disabled {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #D8D8D8;
    opacity: .5;
}
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table tbody tr:not(:last-of-type) td {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table tbody tr td input[type="number"],
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table tbody tr td input[type="text"] {
    background: #FFFFFF;
    border: 1px solid #B4DBE1;
    border-radius: 7px;
    padding: 0 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
}
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table tbody tr td.disabled input[type="number"]:disabled,
#structure-tabs .no_drafted_box #no_drafted_table_box #no_drafted_table tbody tr td.disabled input[type="text"]:disabled {
    background-color: #FFFFFF !important;
}
#structure-tabs .structure-tabs-box #jobs_table tbody tr td {
    padding: 10px 8px;
}
#structure-tabs .structure-tabs-box #jobs_table tbody tr td {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.12);
}
#structure-tabs .structure-tabs-box #jobs_table tbody tr td.grade-row {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
}
#structure-tabs .structure-tabs-box #jobs_table tbody tr td.grade-row select {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #B4DBE1;
    border-radius: 7px;
    padding: 0 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
#structure-tabs .structure-tabs-box #jobs_table tbody tr td.current-grade-name {
    font-weight: 400;
    opacity: 0.87;
}
#structure-tabs .popover {
    background: #282828;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    padding: 12px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
}
#structure-tabs .popover > .arrow {
    display: none !important;
}


/*Reports*/

.custom-report-builder-container > div {
    background-color: #fff;
    padding: 20px;
    border-radius: 0 0 24px 24px;
}
.custom-report-builder-container h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding: 6px 12px 16px;
}
.custom-report-builder-container .report-builder-box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    height: 550px;
    overflow: auto;
}
.custom-report-builder-container .surveyColumns .remove {
    right: 14px;
    top: 8px;
}
.custom-report-builder-container .surveyColumns .remove img {
    display: block;
    width: 18px;
}
.custom-report-builder-container .surveyColumns .panel:first-child {
    padding-right: 4px;
    margin-bottom: 0;
}
.custom-report-builder-container .surveyColumns .panel:last-child {
    padding-left: 4px;
    margin-bottom: 0;
}
.custom-report-builder-container .surveyColumns .panel.report-builder-fields .panelBody {
    max-height: none;
    background: linear-gradient(0deg, #F9EAD7, #F9EAD7), #7ED6ED;
    border-bottom: 1px solid #F5CCA0;
    padding: 12px;
}
.custom-report-builder-container #search-field {
    background: #F7DAB9;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    border: none;
    height: 40px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 20px 0 38px;
    margin-bottom: 0;
    background-image: url("../images/redesign-icons/search-dark-icon.4816c501b3ca.svg");
    background-repeat: no-repeat;
    background-position: center left 12px;
    background-size: 18px;
}
.custom-report-builder-container .surveyColumns .group .blueTile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    background: linear-gradient(0deg, #F9EAD7, #F9EAD7), #7ED6ED;
    border-bottom: 1px solid #F5CCA0;
    margin-bottom: 0;
}
.custom-report-builder-container .surveyColumns .dragElements .draggable {
    width: calc(33.3% - 5px);
    margin: 0 5px 8px 0;
    height: 35px;
}
.custom-report-builder-container .surveyColumns .panel .panelBody .btn {
    display: flex;
    align-items: center;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), #FFFFFF;
    border: 1px dashed rgba(28, 156, 178, 0.4);
    border-radius: 8px;
    text-align: left;
    color: #000;
    padding: 5px 8px;
    height: 35px;
}
.custom-report-builder-container .surveyColumns .panel .panelBody .btn:after {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
}
.custom-report-builder-container .surveyColumns .panel .panelBody .btn span {
    white-space: nowrap;
    width: 135px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.custom-report-builder-container .surveyColumns .panel .panelBody .btn span.mapping-text-big {
    width: 100%;
}
.custom-report-builder-container .surveyColumns.reportBuilder .dropdown .droppable .draggable .btn:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-image: url("../images/redesign-icons/add-blue-icon.edd77d85ba8e.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}
.custom-report-builder-container .surveyColumns .panel.report-builder-selected.filled .report-builder-box {
    background: #B4DBE1;
}
/*.custom-report-builder-container .surveyColumns .panel.report-builder-selected .panelBody {*/
/*    padding-top: 0;*/
/*    height: 550px;*/
/*    overflow: auto;*/
/*}*/
.custom-report-builder-container .surveyColumns .panel.report-builder-selected .panelBody::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.custom-report-builder-container .surveyColumns .panel.report-builder-selected .report-builder-selected-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    padding: 75px 20px;
}
.custom-report-builder-container .surveyColumns .panel.report-builder-selected .report-builder-selected-empty img {
    display: block;
    margin: 0 auto 10px;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns {
    padding: 0;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns .dropElement {
    width: 100%;
    margin: 0;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns .draggable {
    width: calc(50% - 8px);
    float: none;
    display: flex;
    margin: 0 4px 8px 4px;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns.full-width-items .draggable {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
    max-width: 100% !important;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns .draggable.ui-sortable-helper .btn {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), #E99437;
    opacity: 1;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns .draggable.ui-sortable-helper .btn:hover:after {
    opacity: 0;
    width: 0;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns .droppable .ui-sortable-placeholder {
    background: #80C8D4 !important;
    border-radius: 8px;
    height: 35px;
    box-shadow: none !important;
    margin-right: 8px;
    opacity: 1;
    border: none;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns.full-width-items .droppable .ui-sortable-placeholder {
    margin-right: 0;
}
.custom-report-builder-container .surveyColumns.reportBuilder .panel.report-builder-selected .scopeColumns .dropElement .droppable {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin: 0;
    padding: 16px 12px;
    background: transparent;
    border: none;
}
.custom-report-builder-container .surveyColumns .panel.report-builder-selected .panelBody .btn span {
    width: 215px;
}
.custom-report-builder-container .surveyColumns .panel.report-builder-selected .panelBody .btn span.mapping-text-big {
    width: calc(100% - 30px);
}
.custom-report-builder-container .surveyColumns .panel.report-builder-selected .panelBody .full-width-items .btn span {
    width: 400px;
}
.custom-report-builder-container .surveyColumns .panel.report-builder-selected .panelBody .spacer-input {
    width: 215px;
    margin: 0;
    text-align: left;
    color: #000;
}
.reports-card-area {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 20px 16px !important;
}
.reports-card-area li {
    width: calc(25% - 15px);
    margin-right: 16px;
    margin-top: 0;
    margin-bottom: 16px;
    padding-bottom: 16px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    border: none;
}
.reports-card-area li .card-title {
    padding: 30px 16px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
}
.reports-card-area li a .card-img {
    background-size: auto !important;
    background-position: center bottom;
}
.cards-body-area {
    display: block;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 20px 16px;
}
.cards-body-area .pageContent {
    width: 100%;
    margin-left: 0;
}
.cards-body-area .cards-area li {
    width: calc(25% - 16px);
    background: #FFFFFF;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    border: none;
    margin: 0 8px 16px !important;
}
.cards-body-area .cards-area {
    margin-right: 0;
}
.cards-body-area .cards-area li:nth-child(4n) {
    margin-right: 0;
}
.cards-body-area .cards-area li .card-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    padding: 30px 16px 16px;
}
.products-card-item {
   padding: 16px;
}
.products-card-item h3 {
    color: rgba(28, 27, 31, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.15px;
}
.products-card-item h5 {
    margin-bottom: 20px;
    color: #1C1B1F;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.15px;
}
.products-card-item .purchase_button {
    width: 100%;
    padding: 10px 24px;
    border-radius: 100px;
    background: #1C9CB2;
    color: rgba(255, 255, 255, 0.87);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}
.products-card-item-bottom {
    justify-content: center;
}
.products-card-item-bottom .info-icon-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.20);
}
.products-card-item-bottom .explore-button {
    width: auto;
    border-radius: 100px;
    background: #1C9CB2;
    padding: 10px 24px;
    color: rgba(255, 255, 255, 0.87);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}
.advanced-reports-body .advanced-reports-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 20px;
}
.advanced-reports-body .advanced-reports-top h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}
.advanced-reports-body .advanced-reports-top #add_report {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
.advanced-reports-body .advanced-reports-top #add_report img {
    display: block;
    width: 20px;
    margin-left: 10px;
}
.form_lines.ceo-pay-ratio-form .formRow input {
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 16px;
    background-color: transparent;
}
.form_lines.ceo-pay-ratio-form #hide_form .hide_form_body {
    display: flex;
    flex-wrap: wrap;
}
.form_lines.ceo-pay-ratio-form #hide_form .hide_form_body .formRow {
    width: calc(33.3% - 11px);
    margin-right: 16px;
}
.form_lines.ceo-pay-ratio-form #hide_form .hide_form_body .formRow:nth-child(3n) {
    margin-right: 0;
}
.form_lines.ceo-pay-ratio-form .formRow .custom-combobox {
    display: flex;
    position: relative;
    margin-right: 0;
    width: 100%;
}
.form_lines.ceo-pay-ratio-form .formRow .custom-combobox input {
    width: 100%;
}
.form_lines.ceo-pay-ratio-form .formRow .custom-combobox>a.ui-corner-right {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg");
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    height: 100%;
    width: 45px;
}
.form_lines.ceo-pay-ratio-form .formRow .custom-combobox>a.ui-corner-right:before,
.form_lines.ceo-pay-ratio-form .formRow .custom-combobox>a.ui-corner-right span {
    display: none;
}
.form_lines.ceo-pay-ratio-form #ceo-pay {
    background: #E99437;
    border-radius: 100px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
    margin-right: 12px;
}
.form_lines.ceo-pay-ratio-form #show_more,
.form_lines.ceo-pay-ratio-form #show_less,
.gender-report-buttons #show_more,
.gender-report-buttons #show_less {
    border: 1px solid rgba(32, 32, 32, 0.2);
    border-radius: 100px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.form_lines.ceo-pay-ratio-form #show_more img,
.form_lines.ceo-pay-ratio-form #show_less img,
.gender-report-buttons #show_more img,
.gender-report-buttons #show_less img {
    display: block;
    margin-left: 8px;
}
.form_lines.ceo-pay-ratio-form #show_less,
.gender-report-buttons #show_less {
    background: #F5CCA0;
    border-color: #F5CCA0;
}
.form_lines.ceo-pay-ratio-form #show_less img,
.gender-report-buttons #show_less img {
    transform: rotate(180deg);
}
.ceoRatio {
	border-radius: 0 0 24px 24px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    overflow: hidden;
    padding: 24px;
}
.ceoRatio #ceo_pay_chart_div {
    margin: 0;
}
.gender-report-form-lines,
.searchFiltersTop {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.gender-report-form-lines .form_lines,
.searchFiltersTop .form_lines {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-bottom: 24px;
}
.gender-report-form-lines .form_lines:nth-child(2n),
.searchFiltersTop .form_lines:nth-child(2n) {
    margin-right: 0;
}
.gender-report-form-lines .form_lines input {
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 16px;
    background-color: transparent;
}
.gender-report-form-lines .form_lines .custom-combobox {
    display: flex;
    position: relative;
    margin-right: 0;
    width: 100%;
}
.gender-report-form-lines .form_lines .custom-combobox>a.ui-corner-right {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg");
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    height: 100%;
    width: 45px;
}
.gender-report-form-lines .form_lines .custom-combobox>a.ui-corner-right:before,
.gender-report-form-lines .form_lines .custom-combobox>a.ui-corner-right span {
    display: none;
}
.form_lines .fields-list-combobox .select2 {
    width: 100% !important;
}
.form_lines .fields-list-combobox .select2 .select2-selection {
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 40px 0 16px;
    background-color: transparent;
}
.form_lines .fields-list-combobox .select2 .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
}
.form_lines .fields-list-combobox .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}
.gender-report-buttons #clear_button,
.market-mateches-reports-buttons #clear_button,
.market-mateches-reports-buttons #search_button {
    background: #E99437;
    border-radius: 100px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(255, 255, 255, 0.87);
    margin-left: 12px;
}
.market-mateches-reports-buttons .export-button {
    background: #F5CCA0;
    border-color: #F5CCA0;
    border-radius: 100px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000;
    margin-left: 12px;
}
.market-matcher-info-button {
    width: 30px;
    height: 30px;
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    margin-left: 4px;
}
.market-matcher-info-button img {
    width: 16px;
}
.
#main-jobs-modal ul {
    max-height: 180px;
    margin-bottom: 0;
}
#main-jobs-modal ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main-jobs-modal ul li button img {
    display: block;
}
#main-jobs-modal ul li a {
    font-size: 13px;
    line-height: 18px;
    color: #1C9CB2;
}
#main-jobs-modal ul li:not(:last-of-type) {
    margin-bottom: 8px;
}
.gender-report-body {
    flex-wrap: wrap;
    justify-content: flex-start;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 24px;
    padding: 20px;
}
.gender-report-body .chart-item {
    width: calc(33.3% - 12px);
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    margin-bottom: 16px;
    margin-right: 16px;
    padding: 12px 16px;
}
.gender-report-body .chart-item:nth-child(3n) {
    margin-right: 0;
}
.gender-report-body .chart-item .darkTitle {
    text-align: left;
}
.gender-report-body .chart-item .darkTitle h2 {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 2px;
}
.gender-report-body .chart-item .circleStatistic {
    padding: 25px 0;
}
.gender-report-body .chart-item .circleStatistic h5 {
    font-size: 14px;
}
.gender-report-body .chart-item .circleStatistic h6 strong {
    font-size: 18px;
}
.gender-report-body .chart-item .darkTitle p {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
}
.scope-comparison-report {
    display: flex;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 24px 20px 90px;
}
.scope-comparison-report h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 15px;
}
.scope-comparison-report .chart-item {
    width: calc(100% - 366px);
    margin-right: 16px;
}
.scope-comparison-report .chart-item .scope-comparison-report-table {
    height: calc(100% - 50px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}
.scope-comparison-report form {
    width: 350px;
}
.scope-comparison-report form .form_lines .custom-combobox {
    position: relative;
}
.scope-comparison-report form .form_lines .custom-combobox>a.ui-corner-right {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg");
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    height: 100%;
    width: 45px;
}
.scope-comparison-report form .form_lines .custom-combobox>a.ui-corner-right:before,
.scope-comparison-report form .form_lines .custom-combobox>a.ui-corner-right span {
    display: none;
}
.scope-comparison-report form .form_lines input {
    width: 100% !important;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 7px !important;
    padding: 0 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}

/*Select 2 style*/

.select2-custom.select2-custom-redesigned .select2-container {
    width: 100% !important;
}
.select2-custom.select2-custom-redesigned .select2-container--default .select2-selection--single,
.select2-custom.select2-custom-redesigned .select2-container--default .select2-selection--multiple {
    min-height: 45px !important;
    border-radius: 9px !important;
    padding: 0 !important;
    background-color: transparent !important;
}
.select2-custom.select2-custom-redesigned .select2-container .select2-search--inline .select2-search__field {
    margin: 0 16px;
    height: 43px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}
.select2-custom.select2-custom-redesigned .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
}
.select2-custom.select2-custom-redesigned .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.select2-custom.blue .select2 {
    background: #CDE9EE;
    height: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-radius: 0 12px 12px 0;
    padding: 4px 32px 4px 8px;
    border: none;
}
.select2-custom.blue .select2-selection {
    border: none;
    background: transparent;
}
.select2-custom.blue .select2-selection__arrow {
    height: 40px !important;
}
.select2-custom.blue .select2-selection__arrow b {
    height: 100%;
}

.promotion_field.select2-custom .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 44px;
    line-height: 44px;
    padding: 0 36px 0 20px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}
.promotion_field.select2-custom .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: rgba(0, 0, 0, 0.87);
}
.promotion_field.select2-custom .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
}
.promotion_field.select2-custom .select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 45px;
}
.promotion_field.select2-custom .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 38px;
    height: 44px;
    padding: 0;
}
.promotion_field.select2-custom .select2-container--default .select2-selection--single .select2-selection__clear span {
    font-size: 18px;
    color: red;
}
.survey-job-levels .select2-selection__rendered {
    padding: 0 !important;
    line-height: normal !important;
}
.survey-job-levels .select2-search__field input {
    margin: 0 !important;
    height: 42px !important;
    padding: 0 !important;
    font-size: 16px !important;
    word-break: break-all !important;
}
.survey-job-levels .select2-selection.select2-selection--multiple {
    width: 240px !important;
    white-space: nowrap;
    overflow: auto ;
    height: auto !important;
    background-color: #fff !important;
}
.onboarding-tab-item .select2-selection.select2-selection--multiple {
    white-space: nowrap;
    overflow: auto ;
    height: auto !important;
    background-color: #fff !important;
}
.survey-job-levels .select2-selection.select2-selection--multiple::-webkit-scrollbar,
.onboarding-tab-item .select2-selection.select2-selection--multiple::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.onboarding-tab-item .select2-custom.select2-custom-redesigned .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0;
    margin-bottom: 0;
}
.onboarding-tab-item .select2-custom.select2-custom-redesigned {
    position: relative;
    width: calc(50% - 8px);
}
.onboarding-tab-item .loader {
    font-size: 2px;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -10px;
}

.custom-file-upload-redesign {
    display: flex !important;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 42px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    cursor: pointer;
}
.custom-file-upload-redesign.disabled {
    opacity: .5;
    cursor: auto;
}
.custom-file-upload-redesign img {
    display: block;
    width: 20px;
    margin-left: 8px;
}
.filename-redesign {
    max-width: 250px;
    width: auto;
    font-size: 13px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    margin-left: 12px;
}
.filename-redesign span {
    display: block;
    padding: 4px 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



/* Survey */

.surveyPage #search_form .formRow select,
.surveyPage #search_form .select2-container,
.surveyPage #search_form .formRow > div > input {
    min-height: 46px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 9px !important;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 16px;
    background-color: transparent;
}
.surveyPage #search_form .select2-container input,
#detailsModal #search_form .select2-container input {
    min-height: 44px !important;
}
.surveyPage #search_form .formRow > div, #detailsModal #search_form .formRow > div {
    width: calc(100% - 37px);
}
.surveyPage #search_form .select2-container.select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
}
.surveyPage #search_form .formRow .pin-checkbox, #detailsModal #search_form .formRow .pin-checkbox {
    height: 46px !important;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 5px 0 0 5px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    padding: 0 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-right: none;
}
.surveyPage #search_form .formRow.with-pin select,
.surveyPage #search_form .formRow.with-pin .select2-container,
.surveyPage #search_form .formRow.with-pin > div > input {
    border-radius: 9px 0 0 9px !important;
    padding: 0 30px 0 12px !important;
    white-space: nowrap;
    overflow: auto;
}
.surveyPage #search_form .formRow.with-pin .select2-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.surveyPage #search_form .select2-container, #detailsModal #search_form .select2-container {
    background-color: transparent;
}
.survey-filters #search_form .formRow {
    width: calc(25% - 9px);
}
.survey-filters.branded-survey-filters #search_form .formRow {
    width: 16%;
}
.survey-filters.branded-survey-filters #search_form .formRow .select2-custom.select2-custom-redesigned .select2-container .select2-search--inline .select2-search__field {
    width: calc(100% - 32px) !important;
}
.survey-filters.branded-survey-filters #search_form .formRow:not(:last-of-type) {
    margin-right: 10px;
}

.survey-filter-box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 11.5px 12px;
    margin-right: 24px;
}
.survey-second-table label,
.survey-filter-box label {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.25px;
    line-height: 24px;
    color: #000000;
    opacity: 0.87;
    margin-right: 25px;
    margin-bottom: 0;
}
.survey-filter-box .info-text {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.7);
    margin-left: 24px;
    margin-bottom: 0;
}
.survey-filter-box .info-text img {
    display: block;
    width: 22px;
    margin-right: 8px;
}
.survey-second-table .switch-button .switch-button-label,
.tableDropdown .dropdown-menu .switch-button-label,
.survey-filter-box .switch-button .switch-button-label {
    display: none !important;
}
.survey-second-table .switch-button-background,
.tableDropdown .dropdown-menu .switch-button-background,
.survey-filter-box .switch-button-background {
    margin: 0;
    border-radius: 60px !important;
    border: 2px solid rgba(0, 0, 0, 0.87) !important;
    background: transparent !important;
    width: 36px !important;
    height: 21px !important;
}
.survey-second-table .switch-button-button,
.tableDropdown .dropdown-menu .switch-button-button,
.survey-filter-box .switch-button-button {
    width: 12px !important;
    height: 12px !important;
    background: #000;
    border: none;
    border-radius: 50%;
    top: 2px;
    left: 3px !important;
}
.survey-second-table .switch-button-background.checked,
.tableDropdown .dropdown-menu .switch-button-background.checked,
.survey-filter-box .switch-button-background.checked {
    background: #E09638 !important;
    border-color: #E09638 !important;
}
.survey-second-table .switch-button-background.checked .switch-button-button,
.tableDropdown .switch-button-background.checked .switch-button-button,
.survey-filter-box .switch-button-background.checked .switch-button-button {
    left: 16px !important;
    background: #fff;
}
.marketplace-data {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 11.5px 12px;
    display: flex;
}
#detailsModal #search_form .formRow .survey-filter-box {
    width: 100%;
    margin-right: 0;
}
#detailsModal #search_form .formRow .survey-filter-box label {
    margin-right: 12px;
}
.survey_percentile_box h5 {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    margin-right: 8px;
}
.survey_percentile_box #survey_percentile {
    width: 50px;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    padding: 0;
    height: 30px;
    font-size: 12px;
    background-position: right center;
}
.comparison-show-more-details {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}
.comparison-show-more-details #more-less-btn {
    border: 1px solid rgba(32, 32, 32, 0.2);
    border-radius: 100px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.comparison-show-more-details #more-less-btn img {
    display: block;
    margin-left: 8px;
}
.comparison-show-more-details #more-less-btn img.open {
    transform: rotate(180deg);
}
.comparison-show-more-details .to-top-button {
    display: none;
    width: 35px;
    height: 35px;
    background: #DDF0F3;
    border-radius: 50%;
    transform: rotate(180deg);
}
.surveyPage #search_form .select2-container--default .select2-selection--multiple, #detailsModal #search_form .select2-container--default .select2-selection--multiple {
    background-color: transparent;
}
.surveyPage #search_form .select2-container--default .select2-selection--multiple .select2-selection__choice,
#detailsModal #search_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 0;
}
.surveyPage #search_form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
#detailsModal #search_form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    font-size: 16px;
    padding: 0 8px 0 4px;
    background: none;
}
.surveyPage #search_form .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
#detailsModal #search_form .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 5px 5px 15px;
}
#detailsModal #search_form .select2-container {
    min-height: 46px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    border-radius: 9px 0 0 9px !important;
    padding: 0 30px 0 12px !important;
    white-space: nowrap;
    overflow: auto;
}
#detailsModal #search_form .select2-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}
#detailsModal #survey_details #search_form .formRow.median-min-max input {
    min-height: 46px !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent !important;
    border-radius: 9px 0 0 9px !important;
    padding: 0 12px !important;
    white-space: nowrap;
    overflow: auto;
}
#detailsModal #survey_details #search_form .formRow.median-min-max > div > div:first-child input {
    border-radius: 9px !important;
}
#detailsModal .survey-details-table {
    background: #fff;
    border-radius: 24px;
    padding: 0 10px;
}
#detailsModal .survey-details-table table tr td {
    white-space: nowrap;
}
#detailsModal .show-selected-surveys-box {
    display: none;
}
#detailsModal .show-selected-surveys-box.show-box {
    display: flex;
    justify-content: flex-end;
}
#detailsModal .show-selected-surveys-box #show-selected-surveys-button {
    display: flex;
    align-items: center;
}
#detailsModal .show-selected-surveys-box #show-selected-surveys-button span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    padding: 1px;
    background: #B3261E;
    border-radius: 50%;
    margin-left: 8px;
}
#compareModal .modal-footer:before,
#compareModal .modal-footer:after {
    display: none;
}
#compareModal #survey_list {
    background: #fff;
    border-radius: 24px;
    padding: 0 10px;
    overflow: auto;
}

.ui-tooltip {
    display: block !important;
    border-width: 2px;
    background: #313033 !important;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, .3) !important;
    border-radius: 4px !important;
    opacity: 1 !important;
    border: none !important;
    padding: 8px 16px !important;
}
.ui-tooltip .ui-tooltip-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #F4EFF4;

}

/*Market Matcher Modals*/
.market_matcher_head {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #E09638;
    border-radius: 24px 24px 0 0;
}
.market_matcher_head .market_matcher_head_left {
    display: flex;
    align-items: center;
    width: calc(100% - 110px);
    margin-right: 12px;
}
.market_matcher_head .market_matcher_head_left #add-job-btn {
    background-color: rgba(233, 148, 55, 0.5);
    border-radius: 12px;
    padding: 8px;
    margin-right: 10px;
}
.market_matcher_head .market_matcher_head_left #add-job-btn button {
    padding: 0;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown {
    display: flex;
    align-items: center;
    width: calc(100% - 50px);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), #E09638;
    border-radius: 12px;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown.subsidiary_head_dropdown .custom-combobox {
    width: calc(100% - 56px);
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown .select2 {
    width: calc(100% - 96px) !important;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown .select2 .select2-selection {
    width: 100%;
    background: transparent;
    border: none;
    min-height: 40px !important;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown .select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #000000;
    line-height: 40px;
    padding-right: 40px;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.orange-select2-dropdown .select2-results__option {
    font-size: 13px;
    padding: 6px 12px;
}
.orange-select2-dropdown.select2-container--default .select2-results__option--selected {
    background: #FDF4EB !important;
}
.orange-select2-dropdown.select2-container--default .select2-results__option:not(.select2-results__option--disabled):hover {
    background: #FDF4EB !important;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown .custom-combobox input.custom-combobox-input {
    height: 40px;
    width: 100%;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000000;
    padding: 0 20px 0 45px;
    background-image: url("../images/redesign-icons/search-grey-icon.5bdfa067ccc2.svg");
    background-position: left 10px center;
    background-repeat: no-repeat;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown .custom-combobox>a.ui-corner-right {
    border: none;
    height: 40px;
    width: 40px;
    background-image: url("../images/redesign-icons/down-dark-arrow.367e1c269d9f.svg");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown .custom-combobox>a.ui-corner-right span,
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown .custom-combobox>a.ui-corner-right:before {
    display: none;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown #job-dashboard,
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown #edit-job-btn {
    padding: 8px 12px;
}
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown #job-dashboard button,
.market_matcher_head .market_matcher_head_left .market_matcher_head_dropdown #edit-job-btn button {
    padding: 0;
}
.market_matcher_head .market_matcher_head_right #survey_details_button {
    background-color: rgba(233, 148, 55, 0.5);
    border-radius: 12px;
    padding: 8px;
    margin-right: 10px;
}
.market_matcher_head .market_matcher_head_right .round-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(233, 148, 55, 0.5);
    border-radius: 12px;
}
.market_matcher_head .market_matcher_head_right .tableDropdown .dropdown-toggle.round-button.show {
    background-color: #E99437;
}

.market_matcher_job_details {
    display: flex;
    align-items: flex-start;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 16px 12px;
    margin-bottom: 12px;
}
.market_matcher_job_details .market-matcher-table {
    width: calc(50% - 8px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow: hidden;
}
.market_matcher_job_details .market-matcher-table:not(:last-of-type) {
    margin-right: 16px;
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F9EAD7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    padding: 0;
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head::after {
    display: none !important;
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head h5 {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    padding: 10px 12px;
    margin-bottom: 0;
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head h5 b {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    white-space: nowrap;
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head .gradesSingle {
    display: flex;
    padding: 10px;
    background: rgba(233, 148, 55, 0.2);
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head .gradesSingle span {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head .gradesSingle span:first-child {
    margin-right: 5px;
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head .composite-value-tab {
    display: flex;
    align-items: center;
    margin-right: 8px;
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head .composite-value-tab button {
    font-size: 12px;
    font-weight: 400;
}
.market_matcher_job_details .market-matcher-table .market-matcher-table-head .composite-value-tab button.active {
    font-weight: 600;
}
.market_matcher_job_details .market-matcher-table table {
    width: 100%;
}
.market_matcher_job_details .market-matcher-table table thead tr th {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: #49454F;
    padding: 12px 8px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    text-align: left;
}
.market_matcher_job_details .market-matcher-table #structure_employees_table table thead tr th {
    width: 25%;
}
.market_matcher_job_details .market-matcher-table table tbody tr td {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    padding: 12px 8px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.market_matcher_job_details .market-matcher-table table tbody tr td .employeesModalBtn {
    display: block;
    border-radius: 50%;
    min-height: 24px;
    min-width: 24px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #1C9CB2;
    color: #1C9CB2;
    font-weight: bold;
}
.market_matcher_job_details .market-matcher-table table tbody tr:last-child td {
    box-shadow: none;
}
.market_matcher_job_details .market-matcher-table table.fixedHead thead tr th {
    background: #F9EAD7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.market_matcher_job_details .grades_not_show {
    width: calc(50% - 8px);
    margin-right: 16px;
}
.market_matcher_job_details .grades_not_show p {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    margin-bottom: 16px;
}
.market_matcher_job_details .grades_not_show p img {
    display: block;
    margin-right: 8px;
}
.market_matcher_job_details .grades_not_show h3 {
    font-size: 32px;
    color: #000;
    font-style: italic;
}
.market_matcher_job_details .grades_not_show h3 strong {
    display: block;
}

.market-matcher-tab-buttons {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #A4D7E0;
}
.market-matcher-tab-buttons button {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #061D15;
    text-align: left;
    padding: 0 20px 8px;
    position: relative;
}
.market-matcher-tab-buttons button:first-child {
    padding-left: 0;
}
.market-matcher-tab-buttons button:disabled {
    cursor: auto;
    opacity: 0.7;
}
.market-matcher-tab-buttons button img {
    display: block;
    width: 24px;
    margin-right: 8px;
}
.market-matcher-tab-buttons button img.active-image {
    display: none;
}
.market-matcher-tab-buttons button img.crown-modal-icon {
    width: 16px;
    position: absolute;
    right: 0;
    top: 0;
}
.market-matcher-tab-buttons button.active {
    font-weight: 500;
    position: relative;
}
.market-matcher-tab-buttons button.active img {
    display: none;
}
.market-matcher-tab-buttons button.active img.active-image {
    display: block;
}
.market-matcher-tab-buttons button.active::before {
    content: '';
    width: 100px;
    height: 3px;
    background: #1C9CB2;
    border-radius: 10px 10px 0 0;
    position: absolute;
    bottom: 0;
    left: 20px;
}
.market-matcher-tab-buttons button:first-child.active::before {
    left: 0;
}
.market-matcher-tabs {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px !important;
    border: none !important;
}
.market-matcher-tabs .emptySurvey {
    padding: 16px;
    gap: 10px;
}
.market-matcher-tabs .emptySurvey a {
    background: #FFFFFF;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .1), 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 12px;
    border: none;
    position: relative;
    text-align: center;
}
.market-matcher-tabs .emptySurvey a.disable {
    opacity: 0.6;
    cursor: auto;
    pointer-events: none;
}
.market-matcher-tabs .emptySurvey a h5 {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 5px;
}
.market-matcher-tabs .emptySurvey a p {
    min-height: 60px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.market-matcher-tabs .emptySurvey a .crown-icon-box {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.market-matcher-tabs .emptySurvey a .crown-icon-box img {
    width: 16px;
}
.market-matcher-versions {
    padding: 12px 20px;
}
.market-matcher-versions .market-matcher-tab-head {
    padding: 0 5px;
    background-color: #fff;
    border-bottom: 1px solid rgba(28, 156, 178, 0.3);
}
.market-matcher-versions .market-matcher-tab-head.head-with-dropdown {
    padding-bottom: 8px;
}
.market-matcher-versions .market-matcher-tab-head .not-tab {
    margin-right: 24px;
}
.market-matcher-versions .market-matcher-tab-head .not-tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 26px;
    height: 26px;
    background: #B4DBE1;
    border-radius: 50%;
}
.market-matcher-versions .market-matcher-tab-head .not-tab a img {
    display: block;
    width: 16px;
}
.market-matcher-versions .market-matcher-tab-head .not-tab a.disable {
    background: #dedede;
    position: relative;
}
.market-matcher-versions .market-matcher-tab-head .not-tab a.disabled {
    background: #dedede;
    pointer-events: none;
}
.market-matcher-versions .market-matcher-tab-head .not-tab a.disable .crown-modal-icon {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 14px;
}
.market-matcher-versions.ui-tabs .market-matcher-tab-head .ui-tabs-nav.rounded-tabs {
    background-color: #fff;
    overflow: auto;
    margin-right: 12px;
}
.market-matcher-versions.ui-tabs .market-matcher-tab-head .ui-tabs-nav.rounded-tabs::-webkit-scrollbar {
    height: 8px;
}
.market-matcher-versions.ui-tabs .market-matcher-tab-head .ui-tabs-nav.rounded-tabs li {
    padding-bottom: 6px;
}
.market-matcher-versions.ui-tabs .market-matcher-tab-head .ui-tabs-nav.rounded-tabs li:not(:last-of-type) {
    margin-right: 32px;
}
.market-matcher-versions.ui-tabs .market-matcher-tab-head .ui-tabs-nav.rounded-tabs li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    padding: 12px 0;
}
.market-matcher-versions.ui-tabs .market-matcher-tab-head .ui-tabs-nav.rounded-tabs li.ui-tabs-active a {
    font-weight: 600;
}
.market-matcher-versions.ui-tabs .market-matcher-tab-head .ui-tabs-nav.rounded-tabs li.ui-tabs-active:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #1C9CB2;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.market-matcher-versions .market-matcher-tab-head .versions-dropdown {
    width: 300px;
    position: relative;
}
.market-matcher-versions .market-matcher-tab-head .versions-dropdown .selected-version {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #000;
    border: 1px solid rgba(28, 156, 178, 0.3);
    border-radius: 8px;
    padding: 8px;
    background-image: url("../images/redesign-icons/down-dark-arrow.367e1c269d9f.svg");
    background-repeat: no-repeat;
    background-position: right 8px center;
}
.market-matcher-versions .market-matcher-tab-head .versions-dropdown .versions-dropdown-list {
    display: none;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    width: 100%;
    position: absolute;
    left: 0;
    top: 42px;
    border-radius: 8px !important;
    z-index: 9;
    max-height: 190px;
    overflow: auto;
}
.market-matcher-versions .market-matcher-tab-head .versions-dropdown .selected-version {
    cursor: pointer;
}
.market-matcher-versions .market-matcher-tab-head .versions-dropdown .versions-dropdown-list li {
    float: none;
    margin: 0;
}
.market-matcher-versions .market-matcher-tab-head .versions-dropdown .versions-dropdown-list li a {
    width: 100%;
    float: none;
    color: #000;
    padding: 8px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}
.market-matcher-versions .market-matcher-tab-head .versions-dropdown .versions-dropdown-list li a:hover {
    background-color: rgba(28, 156, 178, 0.3);
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right a,
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #DDF0F3;
    border-radius: 100px;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right a:not(:last-of-type),
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right button:not(:last-of-type) {
    margin-right: 10px;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right a.disable {
    background: #dedede;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right a.modal-crown-button {
    position: relative;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right a.modal-crown-button .crown-modal-icon {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 14px;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right button:disabled {
    background: #dedede;
    cursor: auto;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .dis_connect:disabled {
    background: #dedede;
    cursor: auto;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right a#delete_version {
    background: #F5D9D9;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right .line {
    margin-right: 10px;
    height: 40px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right .checkbox-light {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #DDF0F3;
    border-radius: 100px;
    white-space: nowrap;
    padding: 0 12px;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right .checkbox-light label {
    margin-left: 5px;
    cursor: pointer;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right .checkbox-light input {
    display: none;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right .checkbox-light b {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #49454F;
    border-radius: 2px;
}
.market-matcher-versions .market-matcher-tab-head .market-matcher-tab-head-right .checkbox-light input[type="checkbox"]:checked + b {
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1C9CB2;
    border-color: #1C9CB2;
}
.market-matcher-versions .market-matcher-tab-body .ui-widget-content {
    padding: 0;
    overflow: auto;
    min-height: 240px;
}
.market-matcher-versions .market-matcher-tab-body .ui-widget-content::-webkit-scrollbar {
    width: 4px;
    cursor: pointer;
}
.market-matcher-versions .market-matcher-tab-body .ui-widget-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 24px;
}
.market-matcher-versions .market-matcher-tab-body .ui-widget-content::-webkit-scrollbar-thumb {
    background: #B4DBE1;
    border-radius: 24px;
}
.market-matcher-versions .market-matcher-tab-body .ui-widget-content .no-data {
    padding: 24px 0;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    font-size: 16px;
}
.market-matcher-versions .market-matcher-tab-body > div > table {
    width: 100%;
}
.market-matcher-versions .market-matcher-tab-body table thead tr th {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    padding: 12px 8px !important;
    white-space: nowrap;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.market-matcher-versions .market-matcher-tab-body table thead tr th .yoy-growth-button img {
    display: block;
    width: 16px;
    margin-left: 8px;
}
.market-matcher-versions .market-matcher-tab-body table tr:hover {
    background-color: transparent !important;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td {
    max-width: 185px;
    word-break: break-word;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #000000;
    padding: 8px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    vertical-align: middle;
    text-align: left;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .more-dropdown-button svg {
    width: 24px;
    opacity: 0.5;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .table-sub-info {
    font-size: 11px;
    line-height: 14px;
    color: rgba(0,0,0, .6);
    padding-top: 3px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .dropdown-arrow {
    display: block;
    width: 20px;
    height: 20px;
    background: #DDF0F3;
    border-radius: 7px;
    margin-right: 6px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .dropdown-arrow img {
    display: block;
    width: 100%;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.opened td {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2 !important;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.opened td .dropdown-arrow {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #1C9CB2;
    border-radius: 7px;
    transform: rotate(180deg);
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td.alignC {
    padding: 8px 4px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td.field-td {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td.field-td .formRow {
    width: 72px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td.field-td input {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border-radius: 7px;
    border: none;
    padding: 0 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td.field-td .input-with-dropdown {
    width: 92px;
    display: flex;
    align-items: center;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td.field-td .input-with-dropdown input {
    width: calc(100% - 26px);
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td.field-td .hasPercent input {
    padding: 0 32px 0 8px !important;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td.field-td .hasPercent:before {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 28px;
    height: 100%;
    border-left: 1px solid #B4DBE1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.7);
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .checkbox-light {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #DDF0F3;
    border-radius: 8px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .tableDropdown .more-dropdown-menu li {
    font-size: 12px;
    line-height: 16px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .tableDropdown .more-dropdown-menu li a,
.market-matcher-versions .market-matcher-tab-body table tbody tr td .tableDropdown .more-dropdown-menu li button {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
    font-size: 12px;
    line-height: 16px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .tableDropdown .more-dropdown-menu li a img,
.market-matcher-versions .market-matcher-tab-body table tbody tr td .tableDropdown .more-dropdown-menu li button img {
    width: 20px;
    margin-right: 10px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .tableDropdown .more-dropdown-menu li .checkbox-light {
    margin-right: 12px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .tableDropdown .more-dropdown-menu .checkbox-light {
    width: auto;
    height: auto;
    background-color: transparent;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .checkbox-light input {
    display: none;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .checkbox-light b {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #49454F;
    border-radius: 2px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .checkbox-light input[type="checkbox"]:checked + b {
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1C9CB2;
    border-color: #1C9CB2;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td a {
    display: flex;
    width: 30px;
    height: 30px;
    background: #DDF0F3;
    border-radius: 8px;
    padding: 5px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td button {
    padding: 0;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td .dis_connect {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #CB3F3F;
    border-radius: 8px;
    padding: 5px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr td a img,
.market-matcher-versions .market-matcher-tab-body table tbody tr td .dis_connect img {
    display: block;
    width: 20px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.details .job_survey_details {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #1C9CB2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px 16px 40px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.details .job_survey_details table {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px !important;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.details .job_survey_details .info-text {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: flex-start;
    letter-spacing: 0.25px;
    color: #49454F;
    mix-blend-mode: normal;
    text-align: left;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.details .job_survey_details .info-text img {
    display: block;
    width: 20px;
    margin-right: 8px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.details .job_survey_details .select-min-width {
    margin-bottom: 20px;
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.details .job_survey_details .select2 {
    width: 100% !important;
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.details .job_survey_details .select2 .select2-selection {
    width: 100%;
    height: 44px;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    background-color: transparent;
    border: none
}
.market-matcher-versions .market-matcher-tab-body table tbody tr.details .job_survey_details .select2 .select2-selection .select2-selection__rendered {
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}

.send-matches-section {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 0 20px 20px;
}
.send-matches-section h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding: 24px 16px;
}

#copyMatchesModal .custom-combobox {
    display: flex;
    position: relative;
    margin-right: 0;
    width: 100%;
}
#copyMatchesModal .custom-combobox input.custom-combobox-input {
    height: 45px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 16px;
    background-color: transparent;
}
#copyMatchesModal .custom-combobox>a.ui-corner-right {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg");
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    height: 100%;
    width: 45px;
}
#copyMatchesModal .custom-combobox>a.ui-corner-right span,
#copyMatchesModal .custom-combobox>a.ui-corner-right:before {
    display: none;
}
#survey-fields .list-column > div:not(:last-of-type) {
    margin-right: 40px;
}
#survey-fields.modal-redesigned .check-list:not(.check-list-sortable) li {
    width: 100%;
    background: #FFFFFF;
    border: 1px dashed rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    padding: 0;
    margin-bottom: 3px;
}
#logsModal .logItem {
    padding: 12px 0;
    border-bottom: 1px solid rgba(73, 69, 79, 0.1);
}
#custom-fields-modal #custom-fields-table,
#survey-fields #survey-fields-table {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}
#custom-fields-modal #custom-fields-table thead,
#survey-fields #survey-fields-table thead {
    background: #DDF0F3;
    border-top: none;
}
#custom-fields-modal #custom-fields-table thead tr th,
#survey-fields #survey-fields-table thead tr th {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    font-weight: 400;
    color: #49454F;
    padding: 10px 12px;
}
#custom-fields-modal #custom-fields-table tr td,
#survey-fields #survey-fields-table tr td {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    padding: 10px 12px;
}
#AutoMatchLevelsConfirmModal .modal-dialog {
	width: 980px;
}
.autoMatchersItem {
	display: none;
}
.autoMatchersItem.active {
	display: block;
}
.autoMatchersItem .group-grid .check-group {
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 300px;
}
.autoMatchersItem.autoMatchers-payMarkets .group-grid .check-group {
    flex-wrap: wrap;
}
.autoMatchersItem .group-grid .check-group:not(:last-of-type) {
    margin-right: 16px;
}
.autoMatchersItem .group-grid .check-group .group-title {
    padding: 8px 16px;
}
.autoMatchersItem .group-grid .check-group .group-options {
    margin: 0;
}
.autoMatchersItem .group-grid .check-group .group-options li {
    padding: 8px 16px;
    margin-bottom: 0;
}
.autoMatchersItem .group-grid .check-group input {
    display: none;
}
.autoMatchersItem .group-grid .check-group label {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.autoMatchersItem .group-grid .check-group label span {
    width: calc(100% - 34px);
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #49454F;
}
.autoMatchersItem .group-grid .check-group label b {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #1C9CB2;
    margin-right: 16px;
}
.autoMatchersItem .group-grid .check-group label input:checked + b {
    background: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.autoMatchersItem .group-grid .check-group  {
    display: flex;
}
.autoMatchersItem .group-grid .check-group .currency-group {
    width: 33.3%;
}
.autoMatchersItem .group-grid .check-group .currency-group.disabled {
    opacity: 0.6;
}
.modal-tabs {
    margin-bottom: 12px;
}
.modal-tabs ul {
	border-bottom: 1px solid rgba(28, 156, 178, 0.3);
}
.modal-tabs ul li {
    margin-left: 8px;
    margin-bottom: 0 !important;
}
.modal-tabs ul li:not(:last-of-type) {
    margin-right: 16px;
}
.modal-tabs ul li button {
    padding: 0 0 8px;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
}
.modal-tabs ul li button.active {
    font-weight: 500;
    position: relative;
}
.modal-tabs ul li button.active:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #1C9CB2;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.modal-tabs ul li .job-ai-market-matcher-box {
    position: relative;
    cursor: pointer;
}
.modal-tabs ul li .job-ai-market-matcher-box .crown-icon-box {
    position: absolute;
    top: -12px;
    right: -18px;
}
.modal-tabs ul li .job-ai-market-matcher-box .crown-icon-box img {
    width: 12px;
}
.autoMatchers-jobLevels #jobTitlesByLevel {
	width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #B4DBE1;
    border-radius: 12px;
    height: 44px;
    padding: 0 16px 0 44px;
	margin-bottom: 16px;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.5);
    background-image: url("../images/redesign-icons/search-dark-icon.4816c501b3ca.svg");
    background-repeat: no-repeat;
    background-position: left 10px center;
}
.autoMatchers-jobLevels #levels-group {
	display: block;
}
.autoMatchers-jobLevels #levels-group .levels-group-options {
	padding: 10px 0;
}
.autoMatchers-jobLevels .group-title,
.autoMatchers-payMarkets .group-title {
	padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.autoMatchers-jobLevels-content,
.autoMatchers-payMarkets {
    background: #FFFFFF;
    border-radius: 10px;
}
.autoMatchers-jobLevels-content .group-title,
.autoMatchers-payMarkets .group-title,
.autoMatchers-jobLevels-content .levels-group-options li {
    padding: 8px 16px;
}
.autoMatchers-jobLevels-content .group-title label,
.autoMatchers-payMarkets .group-title label,
.autoMatchers-jobLevels-content .levels-group-options label {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.autoMatchers-jobLevels-content .group-title label input,
.autoMatchers-payMarkets .group-title label input,
.autoMatchers-jobLevels-content .levels-group-options label input {
    display: none;
}
.autoMatchers-jobLevels-content .group-title label span,
.autoMatchers-payMarkets .group-title label span,
.autoMatchers-jobLevels-content .levels-group-options label span {
    width: calc(100% - 34px);
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #49454F;
}
.autoMatchers-jobLevels-content .group-title label b,
.autoMatchers-payMarkets .group-title label b,
.autoMatchers-jobLevels-content .levels-group-options label b {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #1C9CB2;
    margin-right: 16px;
}
.autoMatchers-jobLevels-content .group-title label input:checked + b,
.autoMatchers-payMarkets .group-title label input:checked + b,
.autoMatchers-jobLevels-content .levels-group-options label input:checked + b {
    background: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

#SendReviewModal .modal-dialog {
    width: 640px;
}
#SendReviewModal #email_zone {
    display: flex;
    align-items: center;
    padding-bottom: 22px;
    position: relative;
}
#SendReviewModal #email_zone .error-message,
#SendReviewModal #email_zone span.help-inline {
    position: absolute;
    bottom: 0;
}
#SendReviewModal #email_zone .email-field {
    width: 100%;
    /*width: 290px;*/
}
#SendReviewModal #email_zone .timezone-field {
    display: none;
    /*width: 260px;*/
}
#SendReviewModal #email_zone input,
#SendReviewModal #email_zone select {
    width: 100%;
    height: 45px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.54);
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0 16px;
}
#SendReviewModal #email_zone .email-field input {
    border-radius: 9px !important;
    width: 100% !important;
}
#SendReviewModal #email_zone .timezone-field select {
    border-radius: 0 9px 9px 0;
    background-color: transparent;
    border-left: none;
}
#SendReviewModal #email_zone .add-email-button {
    background: #B4DBE1;
    border-radius: 50%;
    margin-left: 10px;
    padding: 4px;
}
#SendReviewModal #email_zone .add-email-button:disabled,
#SendReviewModal #email_zone .add-email-button.disabled {
    opacity: .5;
    cursor: auto;
}
#SendReviewModal .link-expiration-date {
    margin-bottom: 15px;
}
#SendReviewModal .link-expiration-date input {
    width: 344px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.54);
    padding: 0 40px 0 12px;
    background-image: url("../images/redesign-icons/calendar-grey-icon.ccc566909753.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
}
#SendReviewModal .hide-job-titles {
    display: flex;
    align-items: center;
    max-width: 190px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 10px 16px;
    margin-bottom: 0;
}
#SendReviewModal .hide-job-titles span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    opacity: 0.87;
    margin-right: 16px;
}
#SendReviewModal #added_emails {
    margin-bottom: 16px;
}
#SendReviewModal #added_emails li {
	display: inline-block;
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    padding: 4px 12px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    margin-right: 8px;
    margin-bottom: 8px;
}
#SendReviewModal #added_emails li .remove_email {
    margin-left: 8px;
    color: #CB3F3F;
    font-size: 13px;
}

/*Squirrel*/

.blue_page_head_squirrel .squirrel-search {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #B4DBE1;
    border-radius: 12px;
    margin-bottom: 24px;
    border: none;
    filter: none;
}
.blue_page_head_squirrel .squirrel-search .form-item {
    width: calc(100% - 160px);
}
.blue_page_head_squirrel #search_timerange_wrapper {
    width: 160px;
}
.blue_page_head_squirrel #search_timerange_wrapper select {
    width: 100%;
    background: #A1D6DF;
    border-radius: 0 10px 10px 0;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    appearance: none;
    cursor: pointer;
    background-image: url("../images/redesign-icons/down-black-arrow-icon.b065e5b002f3.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding: 0 36px 0 20px;
}
.blue_page_head_squirrel .squirrel-search .select2-search__field {
    width: 100%;
    margin: 0;
    height: 60px;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}
.blue_page_head_squirrel .squirrel-search .select2.select2-container {
    width: 100% !important;
    white-space: nowrap;
    overflow: auto;
}
.blue_page_head_squirrel .squirrel-search .select2.select2-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}



.blue_page_head_squirrel .squirrel-search .select2 .select2-selection {
    padding: 0 16px 0 40px !important;
    background-image: url("../images/redesign-icons/search-grey-icon.5bdfa067ccc2.svg");
    background-position: left 10px center;
    background-repeat: no-repeat;
}
.blue_page_head_squirrel .squirrel-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0;
}
.blue_page_head_squirrel .squirrel-search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    font-size: 16px;
    padding: 0 8px 0 4px;
    background: none;
    color: red;
}
.blue_page_head_squirrel .squirrel-search .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 5px 5px 15px;
    font-weight: 400;
}
.blue_page_head_squirrel .squirrel-search .select2-search.select2-search--inline {
    margin-left: 5px;
}
.blue_page_head_squirrel .search_and_buttons .form-item-row-top .form-item {
	margin-right: 16px;
	width: calc(33.3% - 10.6px);
	margin-bottom: 20px;
    padding: 0;
}
.blue_page_head_squirrel .search_and_buttons .form-item-row-top .form-item.msa-form-item {
	width: calc(40.3% - 10.6px);
}
.blue_page_head_squirrel .search_and_buttons .form-item-row-top .form-item.country-form-item {
	width: calc(26.3% - 10.6px);
}
.blue_page_head_squirrel .search_and_buttons .form-item-row-top .form-item label {
    font-size: 12px;
    margin-bottom: 5px;
}
.blue_page_head_squirrel .search_and_buttons .form-item-row-top .form-item:nth-child(3n) {
	margin-right: 0;
}
.blue_page_head_squirrel .search_and_buttons .form-item-row-top .form-item.disabled {
    opacity: .5;
}
#show_companies_group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    position: absolute;
    right: 8px;
    top: 34px;
    border-radius: 50%;
    background: #B4DBE1;
    padding: 0;
}
.companies_group_dropdown_list {
    width: 100%;
    position: absolute;
    top: 75px;
    left: 0;
    padding: 8px;
    border-radius: 12px;
    background-color: #fff;
    z-index: 7;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07);
}
.companies_group_dropdown_top {
    padding: 16px;
}
.companies_group_dropdown_top h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    margin-bottom: 2px;
}
.companies_group_dropdown_top span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #49454F;
}
.companies_group_dropdown_list_add {
    margin-bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.companies_group_dropdown_list_add label {
    margin-bottom: 0 !important;
}
.companies_group_dropdown_list_add label button {
    display: flex !important;
    align-items: center;
    width: 100%;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #000 !important;
    font-weight: 400 !important;
    padding: 10px 16px;
}
.companies_group_dropdown_list_add label button img {
    display: block;
    width: 20px;
    margin-right: 12px;
}
.companies_group_dropdown_list #companies_group_list {
    max-height: 220px;
}
.companies_group_dropdown_list #companies_group_list > li {
    padding: 10px 16px;
    border-radius: 0;
    background: #fff;
    margin: 0 !important;
}
.companies_group_dropdown_list #companies_group_list > li > div {
    display: flex;
    align-items: center;
}
.companies_group_dropdown_list #companies_group_list > li > div label {
    width: calc(100% - 64px);
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    cursor: pointer;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .3s ease;
    margin-bottom: 0 !important;
    margin-right: 8px;
}
.companies_group_dropdown_list #companies_group_list > li > div button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
}
.companies_group_dropdown_list #companies_group_list > li > div button img {
    display: block;
    width: 18px;
}
.companies_group_dropdown_list #companies_group_list > li > div .edit_group {
    background: rgba(28, 156, 178, 0.2);
    margin-right: 8px;
}
.companies_group_dropdown_list #companies_group_list > li > div .remove_group {
    background: rgba(203, 63, 63, 0.2);
}
.by_companies_group_selected {
    display: none;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    width: 100%;
    border-radius: 9px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    z-index: 10;
    background: #B4DBE1;
    padding: 0 12px 0 16px;
}
.by_companies_group_selected span {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #000;
}
.by_companies_group_selected button {
    padding: 0;
}
.by_companies_group_selected button img {
    width: 20px;
}
.by_companies_group_selected.active {
    display: flex;
}

#search_form .search_and_buttons .form-item-row .hourlySwitcher {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 10px 12px;
    margin-right: 24px;
}
#search_form .search_and_buttons .form-item-row .hourlySwitcher .switch-blue.horizontal_bar_chart {
    margin-bottom: 0;
}
#search_form .search_and_buttons .form-item-row .hourlySwitcher .horizontal_bar_chart_title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    margin-right: 25px;
}
#search_form .search_and_buttons .form-item-row .hourlySwitcher label {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
}
#search_form .search_and_buttons .form-item-row .hourlySwitcher label span {
    border-color: #49454F;
}
#search_form .search_and_buttons .form-item-row .hourlySwitcher input[type=radio]:checked + label span {
    border-color: #1C9CB2 !important;
}
#search_form .search_and_buttons .form-item-row .hourlySwitcher input[type=radio]:checked + label span:before {
    background-color: #1C9CB2;
}
#search_form .search_and_buttons .form-item-row .signOnBonus {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 10px 12px;
}
#search_form .search_and_buttons .form-item-row .signOnBonus .signOnBonus-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    margin-right: 15px;
}
#search_form .search_and_buttons .form-item-row .signOnBonus .redesigned-checkbox-single {
    height: 16px;
}
#search_form .search_and_buttons .more_fields_top .removeOutliers {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 10px 12px;
}
#search_form .search_and_buttons .more_fields_top .removeOutliers .removeOutliers-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    margin-right: 15px;
}
#search_form .search_and_buttons .more_fields_top .removeOutliers .redesigned-checkbox-single {
    height: 16px;
}
#search_form .search_and_buttons .more_fields_top label,
.main-squirrel-search-bottom .more_fields_top label {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #001018;
    margin-bottom: 5px;
    text-align: left;
}

.blue_page_head_squirrel .search_and_buttons .filter-form .select2.select2-container {
    border-radius: 9px !important;
    padding: 0 30px 0 12px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    white-space: nowrap;
    overflow: auto;
}
.blue_page_head_squirrel .search_and_buttons .filter-form .company-form-item .select2.select2-container {
    width: calc(100% - 45px) !important;
}
.blue_page_head_squirrel .search_and_buttons .filter-form .select2.select2-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.blue_page_head_squirrel .search_and_buttons .filter-form .select2 .select2-selection {
    min-height: 42px !important;
    border: none !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 !important;
    background-color: transparent;
}
.blue_page_head_squirrel .search_and_buttons .filter-form .select2-container--default .select2-search--inline {
    display: inline-block;
    margin-left: 5px;
    padding: 0 !important;
}
.blue_page_head_squirrel .search_and_buttons .filter-form .select2-container--default .select2-search--inline .select2-search__field {
    padding: 0 !important;
    background: transparent;
    border: none;
    border-radius: 0 !important;
}
.blue_page_head_squirrel .search_and_buttons .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0;
}
.blue_page_head_squirrel .search_and_buttons .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 5px 5px 15px;
    font-weight: 400;
}
.blue_page_head_squirrel .search_and_buttons .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    font-size: 16px;
    padding: 0 8px 0 4px;
    background: none;
    color: red;
}

.blue_page_head_squirrel .search_and_buttons .squirrel_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}
.blue_page_head_squirrel .search_and_buttons .squirrel_bottom .redesigned-blue-button {
    padding: 6px 40px;
}
.blue_page_head_squirrel .search_and_buttons .squirrel_bottom .more-less-button {
	border: 1px solid rgba(32, 32, 32, 0.2);
    border-radius: 100px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.blue_page_head_squirrel .search_and_buttons .squirrel_bottom .more-less-button span {
    font-weight: 500;
}
.blue_page_head_squirrel .search_and_buttons .squirrel_bottom .more-less-button img {
    display: block;
    margin-left: 8px;
}
.blue_page_head_squirrel .search_and_buttons .squirrel_bottom .more-less-button.active {
    background: #C3E2E7;
    border-color: #C3E2E7;
}
.blue_page_head_squirrel .search_and_buttons .squirrel_bottom .more-less-button.active img {
    transform: rotate(180deg);
}
.blue_page_head_squirrel .search_and_buttons .squirrel_bottom .clear-all-filters,
.blue_page_head_squirrel .search_and_buttons .squirrel_bottom .show-hide-tips-button {
    border: 1px solid rgba(32, 32, 32, 0.2);
    border-radius: 100px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.blue_page_head_squirrel .search_and_buttons .data_posted {
    display: flex;
}
.blue_page_head_squirrel .search_and_buttons .data_posted .form-item {
    padding: 0;
}
.blue_page_head_squirrel .search_and_buttons .data_posted .form-item input {
    width: 215px;
    min-height: 42px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
}
.blue_page_head_squirrel .search_and_buttons .data_posted .form-item input#job_freshness_from {
    border-radius: 9px 0 0 9px !important;
}
.blue_page_head_squirrel .search_and_buttons .data_posted .form-item input#job_freshness_to {
    border-radius: 0 9px 9px 0 !important;
    border-left: none !important;
}

.blue_page_head_squirrel .search_and_buttons .job_type {
    margin-left: 16px;
}
.blue_page_head_squirrel .search_and_buttons .job_type .select2.select2-container {
    width: 260px !important;
}
.blue_page_head_squirrel .search_and_buttons .job_type .select2 .select2-selection {
    min-height: 40px !important;
    background-color: transparent !important;
    padding: 0 !important;
}
.blue_page_head_squirrel .search_and_buttons .range-slider-redesign {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 10px 12px;
}
.blue_page_head_squirrel .search_and_buttons h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    margin-right: 24px;
    margin-bottom: 0;
}
.blue_page_head_squirrel .search_and_buttons .slider-range-box {
    display: flex;
    align-items: center;
}
.blue_page_head_squirrel .search_and_buttons .slider-range-box .slider-range-wrap {
    margin: 0 20px;
    float: none;
    padding: 0;
}
.blue_page_head_squirrel .search_and_buttons .slider-range-box .slider-range-wrap .ui-slider-horizontal .ui-slider-range {
    top: 0;
    background: #1C9CB2;
    border-radius: 4px !important;
}
.blue_page_head_squirrel .search_and_buttons .slider-range-box .slider-range-wrap .ui-slider-horizontal .ui-state-default {
    background: rgb(28, 156, 178);
    box-shadow: rgba(0, 0, 0, .3) 0 1px 2px, rgba(0, 0, 0, .15) 0 1px 3px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border: none;
    top: -7px;
}
.blue_page_head_squirrel .search_and_buttons .slider-range-box .ui-widget-content {
    background: #FFFFFF !important;
    height: 4px !important;
    border-radius: 4px !important;
}
.blue_page_head_squirrel .search_and_buttons .slider-range-box .min-range,
.blue_page_head_squirrel .search_and_buttons .slider-range-box .max-range {
    width: 20px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.25px;
    color: rgba(28, 27, 31, 0.87);
    float: none;
    padding: 0;
}
.blue_page_head_squirrel .search_and_buttons .pay_range .slider-range-box .min-range,
.blue_page_head_squirrel .search_and_buttons .pay_range .slider-range-box .max-range {
    width: 75px;
}

#squirrel_body {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 20px;
}
.re-page-statistics ul {
	margin: 0;
}
.re-page-statistics li {
	padding: 14px 16px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(0deg, #4CB1C2, #4CB1C2), #FFFFFF;
    border-radius: 16px;
    text-align: left;
}
.re-page-statistics li:not(:last-of-type) {
    margin-right: 16px;
}
.re-page-statistics li span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 4px;
}
.re-page-statistics li strong {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    margin-top: 0;
}
.re-page-statistics li strong .stat-loader {
	height: 30px;
	opacity: .6;
}
.statistics-progress .progress {
	border-radius: 0;
	height: 3px;
	margin-bottom: 0;
    margin-top: 5px;
}
.main-squirrel-search {
    align-items: center;
    background: #DDF0F3;
    border-radius: 24px 24px 0 0;
    padding: 24px 24px 16px;
    border: none;
    box-shadow: none;
    filter: none;
    flex-direction: column;
}
.main-squirrel-search #result {
    width: 100%;
    color: #000;
    font-size: 12px;
    padding: 6px 12px;
    background: #fff;
    margin-top: 15px;
    border-radius: 8px;
}
.main-squirrel-search #result span {
    display: inline-block;
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    padding: 4px 8px;
    margin: 5px 0;
}
.main-squirrel-search #result button {
    font-weight: 600;
}
.main-squirrel-search .squirrel-img {
    margin-right: 24px;
}
.main-squirrel-search .main-squirrel-search-fields {
    display: flex;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}
.main-squirrel-search .select2.select2-container {
    background: #FFFFFF;
    border-radius: 12px 0 0 12px;
    width: calc(100% - 240px) !important;
    white-space: nowrap;
    overflow: auto;
}
.main-squirrel-search .select2.select2-container .select2-selection__rendered .select2-selection__choice {
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0;
}
.main-squirrel-search .select2.select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    border: none;
    font-size: 16px;
    padding: 0 8px 0 4px;
    background: none;
    color: red;
}
.main-squirrel-search .select2.select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 5px 5px 15px;
    font-weight: 400;
}
.main-squirrel-search .select2.select2-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.main-squirrel-search .select2-search__field {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(73, 69, 79, 0.5);
}
.main-squirrel-search #byState {
    width: 180px;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.54);
    padding: 0 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#search_timerange_wrapper {
    height: 60px;
}
#search_timerange_wrapper #search-date-from {
    background: #A1D6DF;
    border-radius: 0 10px 10px 0;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 40px 0 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    appearance: none;
    background-image: url("../images/down-arrow.451d1983a038.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px center;
    cursor: pointer;
}
.main-squirrel-search-bottom {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 12px 24px;
}
.main-squirrel-search-bottom-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-squirrel-search-bottom-buttons #more_less_button {
    border: 1px solid rgba(32, 32, 32, 0.2);
    border-radius: 100px;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.main-squirrel-search-bottom-buttons #more_less_button span {
    display: none;
    font-weight: 500;
}
.main-squirrel-search-bottom-buttons #more_less_button span.more {
    display: flex;
}
.main-squirrel-search-bottom-buttons #more_less_button span img {
    display: block;
    margin-left: 8px;
}
.main-squirrel-search-bottom-buttons #more_less_button.active {
    background: #C3E2E7;
    border-color: #C3E2E7;
}
.main-squirrel-search-bottom-buttons #more_less_button.active img {
    transform: rotate(180deg);
}
.main-squirrel-search-bottom-buttons #more_less_button.active span.more {
    display: none;
}
.main-squirrel-search-bottom-buttons #more_less_button.active span.less {
    display: flex;
}
.main-squirrel-search-bottom .data_posted {
    display: flex;
}
.main-squirrel-search-bottom .data_posted .form-item {
    padding: 0;
}
.main-squirrel-search-bottom .data_posted .form-item input {
    width: 215px;
    min-height: 42px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
}
.main-squirrel-search-bottom .data_posted .form-item input#job_freshness_from {
    border-radius: 9px 0 0 9px !important;
}
.main-squirrel-search-bottom .data_posted .form-item input#job_freshness_to {
    border-radius: 0 9px 9px 0 !important;
    border-left: none !important;
}
.main-squirrel-search-bottom .range-slider-redesign {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 10px 12px;
}
.main-squirrel-search-bottom h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    opacity: 0.7;
    margin-right: 24px;
    margin-bottom: 0;
}
.main-squirrel-search-bottom .slider-range-box {
    display: flex;
    align-items: center;
}
.main-squirrel-search-bottom .slider-range-box .slider-range-wrap {
    margin: 0 20px;
    float: none;
    padding: 0;
}
.main-squirrel-search-bottom .slider-range-box .slider-range-wrap .ui-slider-horizontal .ui-slider-range {
    top: 0;
    background: #1C9CB2;
    border-radius: 4px !important;
}
.main-squirrel-search-bottom .slider-range-box .slider-range-wrap .ui-slider-horizontal .ui-state-default {
    background: rgb(28, 156, 178);
    box-shadow: rgba(0, 0, 0, .3) 0 1px 2px, rgba(0, 0, 0, .15) 0 1px 3px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border: none;
    top: -7px;
    width: 16px;
    height: 16px;
}
.main-squirrel-search-bottom .slider-range-box .ui-widget-content {
    background: rgba(73, 69, 79, 0.38) !important;
    height: 4px !important;
    border-radius: 4px !important;
}
.main-squirrel-search-bottom .slider-range-box .min-range,
.main-squirrel-search-bottom .slider-range-box .max-range {
    width: 20px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.25px;
    color: rgba(28, 27, 31, 0.87);
    float: none;
    padding: 0;
}
.main-squirrel-search-bottom .pay_range .slider-range-box .min-range,
.main-squirrel-search-bottom .pay_range .slider-range-box .max-range {
    width: 75px;
}

/*Acorn Jobs*/

#datatableFilter {
    display: flex;
}
#datatableFilter div {
	width: calc(25% - 12px);
}
#datatableFilter div:not(:last-of-type) {
	margin-right: 16px;
}
#datatableFilter input,
#datatableFilter select {
	width: 100% !important;
    word-break: break-all;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 7px !important;
    height: 40px;
    min-height: 40px !important;
    padding: 0 16px !important;
    background-color: transparent !important;
}
#datatableFilter select option:disabled {
    opacity: .5;
}
#datatableFilter select {
	appearance: none;
    background-image: url("../images/down-arrow.451d1983a038.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px center;
}

.matches-table-box {
    border-radius: 16px;
}
.matches-table thead tr th {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #49454F;
    background-color: rgba(221, 240, 243, 1);
    border: 1px solid rgba(0,0,0,.1);
    padding: 6px 12px;
}
.matches-table thead tr th:first-child,
.matches-table tbody tr td:first-child {
    background-color: rgba(249, 234, 215, 1);
    min-width: auto;
}
.matches-table thead tr th span {
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 9px;
    border: 1px solid rgba(0,0,0,.1);
}
.matches-table tbody tr:hover {
    background-color: transparent !important;
}
.matches-table tbody tr td {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid rgba(0,0,0,.1);
    padding: 12px 16px;
    min-width: 400px;
}
.matches-table tbody tr td:first-child p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.matches-table tbody tr td h6 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.matches-table th {
    min-width: 240px !important;
}
.matches-table tbody tr td div {
    align-items: center;
}
.matches-table td div .view_comments {
    width: 110px;
    margin-left: 8px;
    margin-right: 0;
    padding: 5px 12px;
    white-space: nowrap;
}
.matches-table td div p {
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
    width: calc(100% - 108px);
    margin-bottom: 0;
    height: 36px;
    overflow: hidden;
}
.match_comments .matches-table thead tr th:nth-child(2) {
    background-color: #fff;
    width: 130px;
}
.match_comments .matches-table tbody tr td:nth-child(2) {
    min-width: auto;
}
.match_comments .matches-table tbody tr td:last-child {
    background-color: rgba(221, 240, 243, .5);
}
.match_comments .matches-table th {
    min-width: auto !important;
    width: 130px;
}

.save-query-toggle {
    width: 36px;
    height: 20px;
    border-radius: 60px;
    border: 2px solid rgba(0, 0, 0, 0.87);
	position: relative;
	overflow: hidden;
	transition: all .3s ease;
}
.save-query-toggle span {
	display: block;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.87);
    width: 11px;
    height: 11px;
    border-radius: 50%;
	transition: all .3s ease;
}
.save-query-toggle.on {
	background-color: #E09638;
	border-color: #E09638;
}
.save-query-toggle.on span {
	left: 18px;
	background-color: #fff;
}
.table-actions-button {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 30px;
	height: 30px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
	border-radius: 8px;
}
.table-actions-button img {
	display: block;
	width: 20px;
}
.table-actions-list {
	display: none;
	width: 320px;
	background: #FFFFFF;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07);
	border-radius: 12px;
	padding: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.table-actions-list.active {
	display: block;
}
.table-actions-list button {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.5px;
	color: #000000;
	opacity: 0.87;
}
.table-actions-list button img {
	display: block;
	width: 24px;
	margin-right: 8px;
}
.table-actions-list button.delete-icon {
	color: #CB3F3F;
}

.redesigned-fadeToggleBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    padding: 0 8px 0 6px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.redesigned-fadeToggleArea {
    padding: 16px !important;
    top: 60px !important;
    left: auto !important;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .3);
    cursor: default;
    border: 1px solid rgb(230, 230, 230) !important;
    width: 280px !important;
    background: rgb(250, 250, 250) !important;
    white-space: normal;
    border-radius: 12px;
    z-index: 2 !important;
}
.redesigned-fadeToggleArea .redesigned-checkbox-single label {
    display: flex;
    align-items: center;
    background: transparent;
    padding: 0;
    color: #000;
    margin-left: 2px;
}
.redesigned-fadeToggleArea .redesigned-checkbox-single label b {
    margin-right: 10px;
}
.redesigned-fadeToggleArea .custom-combobox {
    display: flex;
    align-items: center;
    width: 100%;
}
.redesigned-fadeToggleArea .custom-combobox input {
    width: 100%;
    height: 36px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #B4DBE1;
    border-radius: 36px;
    letter-spacing: 0.5px;
    color: rgba(73, 69, 79, 1);
    border: 1px solid transparent;
    transition: all .3s ease;
}
.redesigned-fadeToggleArea .custom-combobox a {
    display: none !important;
}
.redesigned-fadeToggleArea .redesigned-fadeToggleArea-checkboxes {
    border-radius: 8px;
    overflow: hidden;
}
.redesigned-fadeToggleArea .redesigned-fadeToggleArea-checkboxes .redesigned-checkbox-single {
    width: 100%;
}
.redesigned-fadeToggleArea .redesigned-fadeToggleArea-checkboxes .redesigned-checkbox-single label b {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    margin-left: 1px;
}
.redesigned-fadeToggleArea .redesigned-fadeToggleArea-checkboxes .redesigned-checkbox-single label span {
    font-size: 13px;
}
.redesigned-fadeToggleArea .redesigned-blue-button {
    font-size: 13px !important;
    padding: 8px 16px !important;
    color: #fff;
}
.redesigned-fadeToggleArea .srchFilter {
    position: relative;
    margin-bottom: 8px;
}
.redesigned-fadeToggleArea .srchFilter .search-list {
    height: 90px;
    overflow: auto;
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 42px;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
}
.redesigned-fadeToggleArea .srchFilter .search-list ul {
    margin-bottom: 0;
}
.redesigned-fadeToggleArea .srchFilter .search-list ul li {
    font-size: 13px;
    padding: 8px;
    border-radius: 16px;
    cursor: pointer;
    color: #000;
}
.redesigned-fadeToggleArea .srchFilter .search-list ul li:hover {
    background: rgba(0, 0, 0, .1);
}
.redesigned-fadeToggleArea .srchFilter .search-list ul li.empty {
    background-color: transparent !important;
    cursor: auto;
}
.report_prev_table_gearButton .white-gear-icon {
    display: none;
}
.report_prev_table_gearButton.active .white-gear-icon {
    display: block;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.report_prev_table_gearButton.active .blue-gear-icon {
    display: none;
}

#add_new_user_button {
    width: 165px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
#add_new_user_button img {
    display: block;
    margin-left: 10px;
}


/*Job level mapping*/

.job_level_mapping_body {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 24px 24px;
}
.job_level_mapping_top {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.job_level_mapping_top .job_description_manager_dropdown {
    position: relative;
    z-index: 9;
    width: 100%;
    margin-right: 12px;
    /*width: calc(100% - 197px);*/
}
.job_level_mapping_top .job_description_manager_dropdown .current-item {
	display: block;
    width: 100%;
    height: 45px;
    text-align: left;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), #B4DBE1;
    border-radius: 12px;
    padding: 0 46px 0 16px;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-image: url("../images/down-arrow.451d1983a038.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px center;
    cursor: pointer;
}
.job_level_mapping_top .job_description_manager_dropdown ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 8px;
}
.job_level_mapping_top .job_description_manager_dropdown ul.active {
    display: block;
}
.job_level_mapping_top .job_description_manager_dropdown ul li a {
    display: block;
    border-radius: 50px;
    padding: 10px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000000;
    opacity: 0.87;
    transition: all .3s ease;
}
.job_level_mapping_top .job_description_manager_dropdown ul li a:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #B4DBE1;
    color: #000;
}
.job_level_mapping_body #add_criteria {
    width: 185px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    margin-right: 16px;
}
.job_level_mapping_body #add_criteria img {
    display: block;
    margin-left: 10px;
}
.job_level_mapping_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.job_level_mapping_head input[type="radio"] {
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin: 0;
    margin-right: 10px;
}
.job_level_mapping_head label {
	font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
	cursor: pointer;
    margin-left: 0;
    margin-right: 16px;
    white-space: nowrap;
}
.job_level_mapping_head .job_level_mapping_select#level_manager_select {
    display: block;
}
.job_level_mapping_head .job_level_mapping_select {
	display: none;
	width: 200px;
    height: 40px;
    color: #555555;
    background-color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.5px;
    padding: 0 36px 0 12px;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
    transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    margin-left: 16px;
    appearance: none;
    background-image: url("../images/down-arrow.451d1983a038.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px center;
}
.job_level_mapping_content {
    padding: 12px 20px;
}
.job_level_mapping_content .info-text {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.7);
    mix-blend-mode: normal;
    margin-bottom: 12px;
}
.job_level_mapping_content .info-text img {
    display: block;
    margin-right: 8px;
}
.job_level_mapping_content #individual_checkboxes_list {
	display: none;
}
.job_level_mapping_content .checkboxes_list > li {
	display: flex;
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
.job_level_mapping_content .checkboxes_list > li.active {
    position: relative;
    z-index: 99999;
    background: #fff;
}
.job_level_mapping_content .checkboxes_list > li > div:first-child {
    display: flex;
    align-items: center;
	width: 168px;
    background: #F9EAD7;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box {
	width: calc(100% - 168px);
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box > div {
    display: flex;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box > div > div:first-child {
	width: calc(100% - 106px);
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box > div > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	width: 106px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box > div > div.full-width {
    width: 100%;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box > div > div:last-child .cancel-edit-mode,
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box > div > div:last-child .edit_criteria_button {
    display: none;
    width: 80%;
    margin-top: 12px;
    padding: 6px 16px;
    font-size: 12px !important;
    margin-right: 0;
}
.job_level_mapping_content .checkboxes_list > li.active >div.checkboxes_box > div > div:last-child .cancel-edit-mode,
.job_level_mapping_content .checkboxes_list > li.active >div.checkboxes_box > div > div:last-child .edit_criteria_button {
    display: block;
}
.job_level_mapping_content .checkboxes_list > li.active >div.checkboxes_box > div > div:last-child .edit_criteria_button {
    margin-top: 0;
}
.job_level_mapping_content .checkboxes_list > li.active >div.checkboxes_box > div > div:last-child .edit-delete-buttons {
    display: none;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box .level_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
    width: 100%;
    padding: 10px;
    min-height: 70px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box .level_info p {
	max-width: 135px;
	width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.7);
}
.job_level_mapping_content .checkboxes_list > li.active >div.checkboxes_box .level_info p {
    display: none;
}
.job_level_mapping_content .checkboxes_list > li.active >div.checkboxes_box .level_info {
    flex-direction: column;
    align-items: flex-start;
}
.job_level_mapping_content .checkboxes_list > li.active >div.checkboxes_box .level_info .error {
    margin-top: 5px;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box .level_info .level_info_editable {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box .level_info .level_info_editable > div {
    width: calc(50% - 20px);
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box .level_info .level_info_editable > div label {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box .level_info .level_info_editable input {
    width: 100%;
    padding: 8px 16px;
    font-size: 12px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box .level_info .level_info_editable input:focus {
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul {
	display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.job_level_mapping_content .checkboxes_list > li.active >div.checkboxes_box ul {
    display: none;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li.checked {
    background: #DDF0F3;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li.checked label {
    background: linear-gradient(0deg, rgba(28, 156, 178, 0.1), rgba(28, 156, 178, 0.1)), #DDF0F3;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li input[type="radio"] {
	display: none;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li label {
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	background: #DDF0F3;
    position: relative;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li label:before {
    content: '';
    width: 10px;
    height: 10px;
    border: 1.5px solid #000000;
    border-radius: 50%;
}
/*.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li label:after {*/
/*    display: none;*/
/*    content: '';*/
/*    width: 7px;*/
/*    height: 7px;*/
/*    background: #1C9CB2;*/
/*    border-radius: 50%;*/
/*}*/
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li input[type="radio"]:checked + label:before {
    border-color: #1C9CB2;
    background: #1C9CB2;
}
/*.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box ul li input[type="radio"]:checked + label:after {*/
/*    display: block;*/
/*}*/
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box span {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    padding: 8px 16px;
    background: #DDF0F3;
    border: none;
    margin-bottom: 0;
}
.job_level_mapping_content .checkboxes_list > li >div.checkboxes_box span i {
    font-size: 12px;
	color: #f57070;
	font-style: normal;
}
.criteria_list {
	display: flex;
	align-items: center;
    width: 100%;
}
.checkboxes_list > li.active .criteria_list {
    flex-direction: column;
}
.checkboxes_list > li .editable-field {
    width: 100%;
    padding: 10px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
}
.checkboxes_list > li .editable-field:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.checkboxes_list > li .editable-field label {
    display: block;
    text-transform: capitalize;
    font-size: 12px;
    margin-bottom: 5px;
}
/*.checkboxes_list > li .editable-field .editable-field-text {*/
/*    padding: 8px 16px;*/
/*}*/
.checkboxes_list > li .editable-field input {
    width: 100%;
    padding: 8px 16px;
    font-size: 12px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
}
.checkboxes_list > li .editable-field input:focus {
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.checkboxes_list > li .editable-field ul {
    background: #fff;
}
.checkboxes_list > li .editable-field ul li.checked label:before {
    border-color: #1C9CB2 !important;
    background: #1C9CB2;
}
.checkboxes_list > li.active .editable-field ul {
    display: flex !important;
}
.checkboxes_box .edit_criteria,
.checkboxes_box .delete_criteria {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
}
.checkboxes_box .edit_criteria img,
.checkboxes_box .delete_criteria img {
    display: block;
    width: 20px;
}
.checkboxes_box .edit_criteria {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), #1C9CB2;
    margin-right: 8px;
}
.checkboxes_box .delete_criteria {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #CB3F3F;
}
#add_criteria_modal .modal-dialog,
#edit_criteria .modal-dialog {
    max-width: 780px;
    width: 780px;
}
#add_criteria_modal .formRow {
    margin-bottom: 0;
}
#add_criteria_modal .formRow input.formControl {
    padding: 8px 16px;
    font-size: 12px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    height: 40px;
    text-transform: capitalize;
}
#add_criteria_modal .formRow input.formControl:focus {
    border: 1px solid rgba(0, 0, 0, 0.5);
}
#add_criteria_modal .modal-body {
    padding: 0;
}
#add_criteria_modal .section-name {
    background: #F9EAD7;
    padding: 12px 20px;
}
#add_criteria_modal .benchmark-fields {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
}
#add_criteria_modal .benchmark-fields .formRow {
    width: calc(50% - 10px);
}
#add_criteria_modal #newCriteriaListManager,
#add_criteria_modal #newCriteriaListIndividual {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
    padding: 12px 20px;
}
#add_criteria_modal #newCriteriaListManager .formRow,
#add_criteria_modal #newCriteriaListIndividual .formRow {
    margin-bottom: 12px;
}
#add_criteria_modal .error {
    font-size: 12px;
    display: none;
    margin-top: 5px;
}

/*Job description template*/

.job-description-wrapper {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 24px 24px;
}
.job-description-body {
    display: flex;
    padding: 12px 20px;
}
.job-description-sections {
	width: 352px;
	margin-right: 16px;
	/* background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), #B4DBE1; */
    border: 1px solid #D2E9ED;
    padding: 16px 12px;
    border-radius: 10px;
	height: 715px;
}
.job-description-sections .switcher-item,
.job-description-sections .switcher-item-logo,
.job-description-sections .switcher-item-top {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), #FFFFFF;
    border: 1px dashed rgba(28, 156, 178, 0.4);
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 8px;
}
.job-description-sections .switcher-item-logo,
.job-description-sections .switcher-item-top {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
}
.job-description-sections .switcher-item {
    background: rgba(33, 160, 115, 0.2);
}
.job-description-sections .switcher-item-head-foo {
    background: #F9EAD7;
}
.job-description-sections .switcher-item a,
.job-description-sections .switcher-item-top a,
.job-description-sections .switcher-item button {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 8px;
    width: 28px !important;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #1C9CB2;
	margin-left: 5px;
}
.job-description-sections .switcher-item a img,
.job-description-sections .switcher-item-top a img,
.job-description-sections .switcher-item button img {
    display: block;
    width: 16px;
}
.job-description-sections .switcher-item input[type="checkbox"],
.job-description-sections .switcher-item-logo input[type="checkbox"],
.job-description-sections .switcher-item-top input[type="checkbox"] {
	display: none;
}
.job-description-sections .switcher-item label,
.job-description-sections .switcher-item-logo label,
.job-description-sections .switcher-item-top label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.job-description-sections .switcher-item label b,
.job-description-sections .switcher-item-logo label b,
.job-description-sections .switcher-item-top label b {
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, 0.87);
}
.job-description-sections .switcher-item label b i,
.job-description-sections .switcher-item-logo label b i,
.job-description-sections .switcher-item-top label b i {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, 0.87);
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.job-description-sections .switcher-item label span,
.job-description-sections .switcher-item-logo label span,
.job-description-sections .switcher-item-top label span {
	width: 30px;
	height: 18px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.87);
    border-radius: 56px;
	position: relative;
}
.job-description-sections .switcher-item label span:before,
.job-description-sections .switcher-item-logo label span:before,
.job-description-sections .switcher-item-top label span:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	left: 5px;
	top: 50%;
	margin-top: -5px;
	background-color: #000;
	transition: all .3s ease;
}
.job-description-sections .switcher-item input[type="checkbox"]:checked + label span,
.job-description-sections .switcher-item-logo input[type="checkbox"]:checked + label span,
.job-description-sections .switcher-item-top input[type="checkbox"]:checked + label span {
	background-color: #E09638;
    border-color: #E09638;
}
.job-description-sections .switcher-item input[type="checkbox"]:checked + label span:before,
.job-description-sections .switcher-item-logo input[type="checkbox"]:checked + label span:before,
.job-description-sections .switcher-item-top input[type="checkbox"]:checked + label span:before {
	left: 14px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
	background-color: #ffffff;
}
.job-description-sections .switcher-item input[type="checkbox"]:disabled + label,
.job-description-sections .switcher-item-logo input[type="checkbox"]:disabled + label,
.job-description-sections .switcher-item-top input[type="checkbox"]:disabled + label {
	opacity: .3;
}
.job-description-template {
	width: calc(100% - 368px);
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 16px;
}
.job-description-template-content {
	height: 620px;
}
.job-description-body .save-box {
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;
}
.job-description-template ul {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 120px);
}
.job-description-template ul li {
	width: 50%;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    margin-bottom: 6px;
}
.job-description-template ul li span {
    display: block;
    width: 60%;
    height: 18px;
    background: rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    margin-left: 8px;
    filter: drop-shadow(0px 1px 7px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}
.job-description-template .job-description-template-top ul li span {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
}
.job-description-template ul li#bonus-target span {width: 20%;}
.job-description-template ul li#job-level span {width: 50%;}
.job-description-template ul li#pay-grade span {width: 50%;}
.job-description-template h6 {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    margin-bottom: 12px;
}
.job-description-template h6 img {
    display: block;
    margin-right: 8px;
}
.job-description-template .box {
	margin-bottom: 8px;
}
.job-description-template .company-summery .box,
.job-description-template .description-header .box {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    margin-top: 20px;
}
.job-description-template .description-footer .box {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    margin-top: 20px;
}
.job-description-template #sortable .box {
	cursor: move;
}
.job-description-template #sortable .box.ui-sortable-helper {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), #E99437;
    border: 1px dashed rgba(28, 156, 178, .2);
    padding: 5px 16px;
    opacity: 1;
    border-radius: 8px;
}
.job-description-template #sortable .box.ui-sortable-placeholder {
    background: #B4DBE1 !important;
    border: 1px dashed rgba(28, 156, 178, 1);
    border-radius: 8px;
    height: 80px;
    box-shadow: none !important;
}
.job-description-template .box .text-placeholder {
    width: 570px;
	height: 20px;
	background: rgba(33, 160, 115, 0.2);
    border-radius: 3px;
    margin-bottom: 5px;
    filter: drop-shadow(0px 1px 7px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}
.job-description-template .description-header .box .text-placeholder,
.job-description-template .description-footer .box .text-placeholder {
    background: #F9EAD7;
}
.job-description-template .box .text-placeholder:last-child {
    width: 512px;
    margin-bottom: 5px;
}
.job-description-sections .save-box {
	text-align: right;
	padding-top: 30px;
}
.job-description-sections .save-box #save {
	width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
}
.job-description-template-top {
	display: flex;
	justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.job-description-template-logo {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100px;
    height: 45px;
    background: rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}
.job-description-template-logo span {
	font-size: 16px;
}


/*Job description*/

.job_description_navigation_content {
	display: flex;
	justify-content: flex-end;
}
.job_description_navigation_buttons {
	width: 360px;
	display: flex;
	padding-top: 16px;
}
.job_description_navigation_buttons a {
	width: 25%;
	margin-right: 0;
	height: 82px;
    border-radius: 50%;
	font-size: 12px;
    display: flex;
    align-items: center;
	justify-content: center;
    padding: 5px;
}
.job_description_navigation_buttons a.active {
	background-color: #229CB2;
	color: #fff;
}
.job_description_navigation_buttons a:not(:last-of-type) {
	margin-right: 10px;
}
.flsa-evaluation-form {
    background-color: #fff;
    border-radius: 0 0 24px 24px;
    padding: 0 24px 10px;
}
.flsa-evaluation-form .flsa-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.flsa-evaluation-form .fields-list-combobox {
    padding: 16px 16px 0;
    margin-bottom: 0;
}
.flsa-evaluation-form .fields-list-combobox .custom-combobox {
    float: none;
    width: 530px;
    background: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}
.flsa-evaluation-form .fields-list-combobox .custom-combobox {
    background: #FFFFFF;
}
.flsa-evaluation-form .fields-list-combobox .custom-combobox .custom-combobox-input {
    width: calc(100% - 40px);
    height: 40px;
    border: none;
    padding: 8px 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
}
.flsa-evaluation-form .fields-list-combobox .custom-combobox a.ui-corner-right {
    border: none;
    height: 40px;
    width: 40px;
    background-image: url("../images/redesign-icons/down-dark-arrow.367e1c269d9f.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.flsa-evaluation-form .fields-list-combobox .custom-combobox a.ui-corner-right span,
.flsa-evaluation-form .fields-list-combobox .custom-combobox a.ui-corner-right:before {
    display: none;
}
.flsa-evaluation-form .flsa-subtitle {
	margin: 12px 0;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.flsa-evaluation-form .flsa-item {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    padding: 0;
}
.flsa-evaluation-form .flsa-checkbox {
    display: flex;
    cursor: pointer;
}
.flsa-evaluation-form .flsa-checkbox input {
    display: none !important;
}
.flsa-evaluation-form .flsa-checkbox span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    padding: 16px;
}
.flsa-evaluation-form .flsa-checkbox b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #DDF0F3;
    border-radius: 6px;
}
.flsa-evaluation-form .flsa-checkbox b:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #49454F;
}
.flsa-evaluation-form .flsa-checkbox input:checked + span b:before {
    background: #1C9CB2;
    border-color: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.flsa-evaluation-form .flsa-checkbox .flsa-description {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    width: calc(100% - 96px);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    padding: 8px 16px;
    color: rgba(0, 0, 0, 0.87);
}
.flsa-evaluation-form .flsa-checkbox .flsa-description a {
    color: #1C9CB2;
    text-decoration: underline;
}
.flsa-info {
	font-size: 14px;
	line-height: 18px;
    color: #000;
	margin-bottom: 15px;
}
.job-description-blue-content {
    background: #E7F4F7;
    padding: 16px 24px;
    border-radius: 0 0 24px 24px;
}
.job-description-blue-content h6 {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 16px;
}
.job-description-blue-content .job-template-view-container {
    display: block;
    padding: 0;
}
.job-description-blue-content .job-template-view-container .job-description-box {
    width: 100%;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 16px;
}
.job-description-blue-content .job-template-view-container .job-description-box h3 {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 16px;
}
.job-description-blue-content .job-template-view-container .job-description-box .top_position {
    padding-bottom: 8px;
}
.job-description-blue-content .job-template-view-container .job-description-box .top_position img {
    width: 107px;
    max-height: 50px;
    object-fit: contain;
}
.job-description-blue-content .job-template-view-container .job-description-box .top_position ul li p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
}
.job-description-blue-content .job-template-view-container .job-description-box .top_position ul li p strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.job-description-blue-content .job-template-view-container .job-description-box .bottom_position {
    padding-top: 8px;
}
.job-description-blue-content .job-template-view-container .job-description-box .bottom_position h6 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    margin-bottom: 8px;
}
.job-description-blue-content .job-template-view-container .job-description-box .bottom_position p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 8px;
}
.job-description-blue-content .job-template-view-container .job-description-box .bottom_position .edit-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), #1C9CB2;
    border-radius: 7px;
}
.job-description-blue-content .job-template-view-container .job-description-box .bottom_position .summary-section .summary-area {
    height: 100%;
    resize: none;
    padding: 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 9px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
     margin-bottom: 8px;
 }
 .job-description-blue-content .pay-ranges-bottom {
    display: block;
    padding: 0;
 }
 .job-description-blue-content .pay-ranges-bottom .pay-ranges-bottom-content {
    width: 100%;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 16px;
 }
 .job-description-blue-content .pay-ranges-bottom .pay-ranges-bottom-content p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
 }

#description_form .job-description-editor {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
#description_form .job-description-editor label,
.job_review_detail_form label {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    padding: 16px 16px 0;
}
.job_review_detail_form label {
    padding: 0 0 5px;
}
#description_form .job-description-editor .django-ckeditor-widget {
    padding: 16px;
}
#description_form .job-description-editor h1,
.job-template-view h1 {
    font-size: 26px !important;
}
#description_form .job-description-editor h2,
.job-template-view h2 {
    font-size: 23px !important;
}
#description_form .job-description-editor h3,
.job-template-view h3 {
    font-size: 18px !important;
}
#description_form .job-description-editor h4,
.job-template-view h4 {
    font-size: 18px !important;
}
#description_form .job-description-editor h5,
#description_form .job-description-editor h6,
.job-template-view h5,
.job-template-view h6 {
    font-size: 16px !important;
}
.job-description-content-left {
    width: calc(100% - 186px);
    margin-right: 16px;
}
.job-description-content-right {
    width: 170px;
}
.job-description-content-editor .job-description-content-left {
    width: calc(100% - 436px);
}
.job-description-content-editor .job-description-content-right {
    width: 420px;
}
.job-description-content-right .final-job-description-buttons > div {
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #0000001A;
    margin-bottom: 16px;
}
.job-description-content-right .final-job-description-buttons > div h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}
.job-description-content-right .final-job-description-buttons button,
.job-description-content-right .final-job-description-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    transition: all .3s ease;
}
.job-description-content-right .final-job-description-buttons button:disabled,
.job-description-content-right .final-job-description-buttons a:disabled {
    opacity: 0.6;
    cursor: auto;
}
.job-description-content-right .final-job-description-buttons button:not(:disabled):hover,
.job-description-content-right .final-job-description-buttons a:not(:disabled):hover {
    background: #1C9CB2;
}
.job-description-content-right .final-job-description-buttons > div .tableDropdown .dropdown-menu {
    min-width: 200px;
}
.job-description-content-right .final-job-description-buttons > div .tableDropdown .dropdown-menu li a {
    background: transparent;
    justify-content: flex-start;
}
.job-description-content-right .final-job-description-buttons > div .tableDropdown .dropdown-menu li a strong {
    margin-left: 5px;
}
.job-description-content-right .job-description-wrap {
    display: block;
}
.job-description-generate-view {
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.job-description-generate-view h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 8px;
}
.job-description-generate-view label > input,
.job-description-generate-view label > select {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    height: 45px;
    border-radius: 9px;
    padding: 0 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    margin-bottom: 16px;
}
.job-description-generate-view label > select {
    appearance: none;
    background-image: url("../images/down-arrow.451d1983a038.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px center;
    padding: 0 32px 0 16px;
}
.job-description-generate-view label {
    display: block;
}
.job-description-generate-view label .title {
    margin-bottom: 4px;
    display: block;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.7);
}
.job-description-status {
    width: 100%;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.job-description-status h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 8px;
}
.project_team hr {
	opacity: .3;
}
.project_team .project_team_header {
	display: flex;
	justify-content: left;
	align-items: center
}
.project_team .project_team_header h6 {
	margin-bottom: 12px;
    font-weight: 400;
    font-size: 18px;
}
.create_new_approvers_list {
	max-height: 200px;
}
.create_new_approvers_list .project_team_list li {
    padding: 10px 16px;
    border-radius: 0;
    background: #fff;
    margin: 0 !important;
}
.create_new_approvers_list .project_team_list li.open {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}
.create_new_approvers_list .project_team_list li.open .view_button {
    transform: rotate(180deg);
}
.create_new_approvers_list .project_team_list li label {
	width: 100%;
	cursor: pointer;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
	transition: all .3s ease;
}
.create_new_approvers_list .project_team_list li label:hover {
	color: #229CB2;
}
.create_new_approvers_list .project_team_list li button:not(:last-of-type) {
    margin-right: 8px;
}
.create_new_approvers_list .project_team_list li button.edit_team_button {
    background: rgba(28, 156, 178, 0.2);
}
.create_new_approvers_list .project_team_list li button.remove_team_button {
    background: rgba(203, 63, 63, 0.2);
}
.create_new_approvers_list .project_team_list li button.edit_team_button.true,
.create_new_approvers_list .project_team_list li button.remove_team_button.true {
    display: none;
}
.create-approval-chain .project_team_list {
	max-height: 220px;
}
.project_team .add_project_team {
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
}
.project_team .add_project_team.show_box {
	display: block;
}
.project_team .add_project_team .formRow {
	margin-bottom: 0;
}
.project_team .add_project_team .formRow input[type="email"] {
	width: 100%;
}
.project_team .add_project_team .formRow input[type="email"].error {
	border-color: #CB3F3F;
}
.project_team .add_project_team .formRow input[type="text"]:not(:last-of-type) {
	margin-right: 12px;
}
.project_team .add_project_team .list-column {
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin-top: 24px;
}
.project_team .add_project_team .list-column > div {
	display: flex;
	align-items: center;
}
.project_team .add_project_team .checkbox-item:not(:last-of-type) {
	margin-right: 12px;
}
.project_team .add_project_team .checkbox-item label {
	display: flex;
	align-items: center;
	width: auto;
}
.project_team .add_project_team .checkbox-item label span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    margin-right: 7px;
}
.project_team .add_project_team .checkbox-item label input {
    display: none;
}
.project_team .add_project_team .checkbox-item label b {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #49454F;
}
.project_team .add_project_team .checkbox-item label input:checked + b {
    background: #1C9CB2;
    border-color: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.project_team .add_project_team .checkbox-item label input:disabled + b {
    opacity: .5;
}
.project_team .add_project_team #save_project_team {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #B4DBE1;
    border-radius: 50%;
    margin-left: 12px;
}
.project_team .add_project_team p {
    margin-bottom: 0;
}
.project_team_dropdown {
	position: relative;
    margin-bottom: 16px;
}
.project_team_dropdown .project_team_dropdown_label {
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 7px;
}
.project_team_dropdown .project_team_dropdown_label span {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}
.project_team_dropdown .project_team_dropdown_label img {
    display: block;
    width: 12px;
}
.project_team_dropdown .project_team_dropdown_list {
	display: none;
	position: absolute;
	z-index: 2;
    top: 46px;
	width: 100%;
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 8px;
}
.project_team_dropdown .project_team_dropdown_list.open {
	display: block;
}

.project_team_dropdown .project_team_dropdown_list li .label_name {
	border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 5px;
}
.project_team_dropdown .project_team_dropdown_list li > label {
	display: block;
	width: 100%;
	padding: 10px 16px;
	cursor: pointer;
	transition: all .3s ease;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    opacity: 0.87;
}
.project_team_dropdown .project_team_dropdown_list li > label:hover {
	background-color: rgba(0, 0, 0, 0.1);
}
.project_team_dropdown .project_team_dropdown_list li > .label_title {
	display: block;
    width: 100%;
	background: rgba(221, 220, 220, 0.31);
    font-size: 16px;
    padding: 8px 16px;
}
.project_team_dropdown .project_team_dropdown_list li button i {
	display: flex;
    align-items: center;
    justify-content: center;
	font-size: 16px;
}
.project_team_list li > div {
	display: flex;
	align-items: center;
    margin-right: 0;
}
.project_team_list > li {
	background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
}
.project_team_list > li:not(:last-of-type) {
    margin-bottom: 8px;
}
.project_team_list li button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
}
.project_team_list li button.edit_member {
    background: rgba(28, 156, 178, 0.2);
    margin-right: 8px;
}
.project_team_list li button.delete_member {
    background: rgba(203, 63, 63, 0.2);
}
.project_team_list li button img {
    display: block;
    width: 18px;
}
.project_team_list li label {
	padding: 8px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
	width: calc(100% - 68px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.project_team_list > li .project_team_members_accordion {
	display: none;
	padding: 0;
    margin-top: 10px;
}
.project_team_list > li .project_team_members_accordion li {
	padding: 4px 8px;
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    margin-right: 4px !important;
    margin-bottom: 4px !important;
    display: inline-block;
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
}
.project_team_list li button i {
	font-size: 18px;
}
.project_team_buttons {
	display: flex;
	align-items: center;
	padding-top: 16px;
}
.project_team_buttons #list_of_approvers_button {
	display: none;
}
.project_team_buttons #list_of_approvers_button.show_box {
	display: block;
}
.project_team_buttons button:not(:last-of-type) {
	margin-right: 12px;
}

.job-template-view-container {
	display: flex;
	align-items: flex-start;
	padding: 20px 0 0;
}
.job-template-view,
.job_review_box {
	width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 16px;
}
.job_review_box .job_review_box_body {
    padding: 16px;
}
.job_review_box_body .pay-market-connect-dropdowns {
    display: flex;
}
.job_review_box_body .pay-market-connect-dropdowns > div {
    width: 50%;
}
.job_review_box_body .pay-market-connect-dropdowns > div:first-child {
    margin-right: 16px;
}
.job_review_box_body .pay-market-connect-dropdowns > div label {
    border: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 0;
}
.job_review_box .job_review_box_body .question-item {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px 20px;
    border-radius: 9px;
}
.job_review_box .job_review_box_body .question-item h6,
.job_review_box .job_review_box_body .question-item p {
    font-size: 13px;
}
.job_review_box .job_review_box_body .question-item:not(:last-of-type) {
    margin-bottom: 8px;
}
.job_review_box label {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    padding: 12px 16px;
    border-bottom: 1px solid  rgba(0, 0, 0, 0.1);
}
.tab-job-info-head .job_review_box:first-child {
    border-radius: 10px 0 0 10px;
    border-right: none;
}
.tab-job-info-head .job_review_box:first-child .job_review_box_body {
    display: flex;
    align-items: center;
    height: calc(100% - 40px);
}
.tab-job-info-head .job_review_box:first-child h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 0;
}
.tab-job-info-head .job_review_box:last-child {
    border-radius: 0 10px 10px 0;
    border-left: none;
}
.tab-job-info-head .job_review_box:last-child .job_review_box_body {
    background: #BFE3E9;
}
.tab-job-info-head .job_review_box:last-child .job_review_box_body input,
.tab-job-info-head .job_review_box:last-child .job_review_box_body select {
    background: #fff;
}
.job-template-view h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.job-description-box {
	width: 60%;
}
.job-template-view p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 0;
}
.job-description-box h3,
.job-template-view h3 {
	font-size: 24px;
    margin-bottom: 30px;
    font-weight: bold;
}
.job-template-view .top_position {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
}
.job-template-view .line {
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.1);
}
.job-template-view .top_position ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 600px;
	max-width: 100%;
}
.job-template-view .top_position ul li {
	width: 50%;
}
.job-template-view .top_position ul li p {
	font-size: 14px;
	line-height: 24px;
}
.pay-ranges-list table {
    width: 100%;
    margin-bottom: 12px;
}
.pay-ranges-list table tr td,
.pay-ranges-list table tr th {
    font-size: 14px;
    line-height: 20px;
    padding: 8px;
    border: 1px solid rgba(0,0,0,.1);
    color: #000;
}
.pay-ranges-list table tr th {
    font-weight: 600;
}
.pay-ranges-list ul li p strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.job-template-view .top_position img {
	display: block;
	max-width: 200px;
	max-height: 60px;
}
.job-template-view .job-template-view-content > div {
	margin-bottom: 20px;
}
.job-template-view .job-template-view-content h6 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 12px;
}
.job-template-view .job-template-view-content p {
	font-size: 14px;
	line-height: 20px;
	word-break: break-all;
}
.job-template-view .job-template-view-list ul {
	max-height: 190px;
    padding-right: 10px;
}
.job-template-view .job-template-view-list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
    padding: 8px 0 8px 24px;
    position: relative;
}
.job-template-view .job-template-view-list ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
}
.job-template-view .job-template-view-list ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #49454F;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.job-template-view .job-template-view-list ul li:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.job-template-view .job-template-view-list ul li .download-min-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), #1C9CB2;
    border-radius: 7px;
}
.job-template-view-content .summary-info {
	margin-bottom: 20px;
}
.job-template-view-content .summary-section .summary-area {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	resize: none;
}

.job-description-tags .select2.select2-container {
    border-radius: 9px !important;
    padding: 0 30px 0 4px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    width: 100% !important;
}
.job-description-tags .select2.select2-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.job-description-tags .select2 .select2-selection {
    min-height: 42px !important;
    border: none !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 !important;
    background-color: transparent;
}
.job-description-tags .select2-container--default .select2-search--inline {
    display: inline-block;
    margin-left: 5px;
    padding: 0 !important;
}
.job-description-tags .select2-container--default .select2-search--inline .select2-search__field {
    padding: 0 !important;
    background: transparent;
    border: none;
    border-radius: 0 !important;
    margin-top: 9px !important;
}
.job-description-tags .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0;
    margin: 5px !important;
}
.job-description-tags .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 5px 5px 15px;
    font-weight: 400;
}
.job-description-tags .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    font-size: 16px;
    padding: 0 8px 0 4px;
    background: none;
    color: red;
}

#project_team_edit_modal .modal-body .formRow {
    width: calc(100% - 177px);
}
#project_team_edit_modal .modal-body input {
    border-radius: 9px 0 0 9px;
    border-right: none;
}
#project_team_edit_modal .modal-body .list-column {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0 9px 9px 0;
    padding: 0 12px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#project_team_edit_modal .modal-body .list-column .checkbox-item:not(:last-of-type) {
    margin-right: 16px;
}
#project_team_edit_modal .modal-body .list-column .checkbox-item label {
	display: flex;
	align-items: center;
	width: auto;
}
#project_team_edit_modal .modal-body .list-column .checkbox-item label span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1C1B1F;
    margin-right: 7px;
}
#project_team_edit_modal .modal-body .list-column .checkbox-item label input {
    display: none;
}
#project_team_edit_modal .modal-body .list-column .checkbox-item label b {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #49454F;
}
#project_team_edit_modal .modal-body .list-column .checkbox-item label input:checked + b {
    background: #1C9CB2;
    border-color: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
#project_team_edit_modal .modal-body .list-column .checkbox-item label input:disabled + b {
    opacity: .5;
}

#share_modal .already_shared {
    max-height: 98px;
    overflow: auto;
    margin-bottom: 8px;
}
#share_modal .already_shared li {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 8px;
    padding: 5px;
    margin: 0 5px 5px 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wage-content .flex .formRow {
    width: calc(50% - 30px);
}
.wage-content .flex .or-text {
    font-size: 14px;
	padding: 25px 24px;
}
.account-content,
.wage-content {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 20px 24px;
	border-radius: 0 0 24px 24px;
}
.account-body-content {
	display: flex;
	margin-bottom: 30px;
}
.account-body-item {
	width: calc(50% - 8px);
    margin-right: 16px;
}
.account-body-item:nth-child(2) {
	margin-right: 0;
}
.account-item-box {
	background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 20px;
}
.account-body-item .account-item-box:not(:last-of-type) {
	margin-bottom: 20px;
}
.account-item-box h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
	margin-bottom: 16px;
}
.account-item-box .user-pic {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 12px;
	background: #E09638;
	overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #FFFFFF;
}
.account-item-box .user-pic p {
    margin-bottom: 0;
}
.account-item-box .user-info {
	width: calc(100% - 70px);
}
.account-item-box .user-info .user-name,
.account-item-box .user-info .user-username {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #49454F;
    margin-bottom: 4px;
}
.account-item-box .user-info .user-name span,
.account-item-box .user-info .user-username span {
    font-weight: 500;
}
.account-item-box .user-info .user-username {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    margin-bottom: 0;
}
.account-item-box .checkbox-preferences {
	display: flex;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 12px;
}
.account-item-box .checkbox-preferences label {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(28, 27, 31, 0.87);
    background-color: transparent;
}
.account-item-box .checkbox-preferences label b {
    margin-right: 12px;
}
.account-item-box .account-field {
	margin-bottom: 20px;
}
.account-item-box .account-field.disabled {
    position: relative;
}
.account-item-box .account-field.disabled::before {
    content: '';
    width: 100%;
    height: 45px;
    position: absolute;
    background-color: rgba(0,0,0,.05);
    z-index: 2;
    top: 26px;
    left: 0;
    border-radius: 10px;
}
.account-item-box .account-field span {
	display: block;
	font-size: 12px;
	margin-bottom: 8px;
}
.account-item-box .account-field .field-value {
    width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.3);
    height: 45px;
    border-radius: 9px;
    padding: 0 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
}
.account-item-box .account-field .field-value:disabled {
	background-color: transparent !important;
}
.account-item-box .account-field textarea.field-value {
    resize: none;
    height: 200px;
    line-height: 26px;
    padding: 12px;
}
.account-item-box .flex .account-field {
	width: calc(50% - 10px);
	margin-right: 20px;
}
.account-item-box .flex .account-field:last-child {
	margin-right: 0;
}
.account-item-box .account-field label,
.account-item-box .formRow label {
	display: block;
	font-size: 12px;
	margin-bottom: 8px;
}
.account-item-box .last-update {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #49454F;
}
.account-item-box .last-update span {
    font-weight: 500;
}
.account-item-box .account-image {
	width: 180px;
	margin-right: 20px;
	overflow: hidden;
}
.account-body-item .company-logo-box {
    display: none;
    max-width: 180px;
    min-width: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 12px;
}
.account-body-item .company-logo-box.showBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account-item-box .company-logo-box #logo-preview {
    max-width: calc(100% - 60px);
    max-height: 120px;
    object-fit: contain;
}
.account-item-box .textarea-box {
	width: 100%;
}
.account-item-box .textarea-box textarea {
	width: 100% !important;
	resize: none;
}
.account-field .close-company-warning {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.account-field .close-company-warning span {
    margin-bottom: 0;
    margin-left: 5px;
}
.account-field .switch-button-background {
    margin: 0;
    border-radius: 60px !important;
    border: 2px solid rgba(0, 0, 0, 0.87) !important;
    background: transparent !important;
    width: 36px !important;
    height: 21px !important;
}
.account-field .switch-button-button {
    width: 12px !important;
    height: 12px !important;
    background: #000;
    border: none;
    border-radius: 50%;
    top: 2px;
    left: 3px !important;
}
.account-field .switch-button-background.checked {
    background: #E09638 !important;
    border-color: #E09638 !important;
}
.account-field .switch-button-background.checked .switch-button-button {
    left: 16px !important;
    background: #fff;
}

.created-configs-box {
    margin-bottom: 20px;
}
.created-configs-box h6 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
}
.created-configs-item {
    background: transparent;
    border-radius: 8px;
    border: none;
    padding: 6px 12px;
    margin-bottom: 8px;
    border: 1px solid rgba(28, 156, 178, 0.2);
}
.created-configs-item.saved-config {
    background-color: rgba(28, 156, 178, 0.2);
}
.created-configs-item code {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.created-configs-item button {
    color: red;
}
/*#custom-job-import {*/
/*    margin: 60px auto;*/
/*    text-align: center;*/
/*}*/
.custom-job-import-body {
    background: #FFFFFF;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px 24px;
    border-radius: 0 0 24px 24px;
}
.stepper-navigation {
    display: flex;
    align-items: center;
}
.stepper-navigation-edit .step {
    cursor: pointer;
}
#custom-job-import .step {
    display: flex;
    align-items: center;
    z-index: 2;
    background: #000;
    color: #FFFFFF;
    padding: 10px 32px;
    transition: background 100ms ease, color 100ms ease;
    transition-delay: 100ms;
    background: linear-gradient(to right, #1C9CB2 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: rgba(29, 25, 43, 0.7);
}
#custom-job-import .step:first-child {
    border-radius: 100px 0 0 100px;
    border-right: none;
}
#custom-job-import .step:nth-child(2) {
    border-right: none;
}
#custom-job-import .step:last-child {
    border-radius: 0 100px 100px 0;
    border-left: none;
}
#custom-job-import .step span {
    display: inline-block;
    font-weight: 500;
    color: rgba(29, 25, 43, 1);
    margin-left: 5px;
    text-transform: capitalize;
}
#custom-job-import .step img {
    display: none;
    margin-right: 4px;
}
#custom-job-import .step.active {
    background: #B4DBE1;
    border: 1px solid #1C9CB2;
}
#custom-job-import .step.active img {
    display: block;
}
#custom-job-import .step-separator {
    position: relative;
    z-index: 1;
    background: rgba(34, 156, 178, 0.7);
    height: 5px;
    width: 260px;
    display: inline-block;
}
#custom-job-import .step-separator:before {
	content: '';
	width: 100%;
	height: 100%;
    background: linear-gradient(to right, #1C9CB2 50%, rgba(255, 255, 255, 0.5) 50%);
    background-size: 100% 100%;
    background-position: right bottom;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
#custom-job-import .step-separator.active:before {
    background-position: left bottom;
}
#custom-job-import .tab_wrap {
    display: none;
	flex-direction: column;
	align-items: center;
}
#custom-job-import .tab_wrap.active {
    display: flex;
}
#custom-job-import #uploaded_files {
    margin-top: 25px;
    display: flex;
    width: 500px;
}
#custom-job-import .step-1-body {
	display: flex;
    align-items: center;
    justify-content: flex-start;
	width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 28px 20px;
}
#custom-job-import .step-1-body > img {
	display: block;
    margin-right: 24px;
}
#custom-job-import .step-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 8px;
}
#custom-job-import .step-text span {
	color: #000;
}
#custom-job-import .step-1-body div {
    max-width: 440px;
    margin-right: 16px;
}
#custom-job-import .step-1-body div p {
	font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.15px;
    color: rgba(28, 27, 31, 0.7);
}
#custom-job-import .tab_wrap .download-btn {
    display: flex;
    align-items: center;
    margin-right: 0;
}
#custom-job-import .tab_wrap .download-btn img {
    display: block;
    margin-left: 8px;
}
#custom-job-import #tab_1 .or-text {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
}
#custom-job-import .step-2-body {
    text-align: left;
	width: 100%;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box {
    background: #FFFFFF;
    border: 1px dashed rgba(28, 156, 178, 0.4);
    border-radius: 12px;
	width: 100%;
	transition: all .3s ease;
    overflow: hidden;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box.dropped {
	border-color: #1C9CB2;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box.dropped .drop-box-body {
	background: rgba(28, 156, 178, 0.1);
}
#custom-job-import .step-2-body #custom-file-upload .drop-box.error {
	border-color: rgba(203, 63, 63, 0.4);
}
#custom-job-import .step-2-body #custom-file-upload .drop-box.error .drop-box-body {
    background: #EFC5C5;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box.error .dropbox-message {
    background-color: #fff;
    color: #CB3F3F;;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box.dragenter {
	border-color: rgba(224, 150, 56, 1);
}
#custom-job-import .step-2-body #custom-file-upload .drop-box.dragenter .drop-box-body {
    background: rgba(224, 150, 56, 0.1) !important;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box .drop-box-body {
    background: #D2EBF0;
    padding: 24px 20px;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box .drop-box-body .drop-box-info {
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 16px;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box .drop-box-body .drop-box-info img {
    display: block;
    width: 32px;
    margin-right: 10px;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box .drop-box-body .drop-box-info span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 8px;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box .drop-box-body .drop-box-info p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.54);
}
#custom-job-import .step-2-body #custom-file-upload .drop-box .dropbox-message {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.7);
    padding: 12px 16px;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box.dropped p {
	word-break: break-all;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box p {
	vertical-align: middle;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: gray;
}
#custom-job-import .step-2-body #custom-file-upload .drop-box img {
	display: block;
	width: 80px;
	margin-right: 20px;
}
#custom-job-import .step-2-body #custom-file-upload .error-text {
	color: #f55e5e;
	text-align: left;
	font-size: 16px;
	margin-top: 10px;
}
#custom-job-import .step-2-body #custom-file-upload {
	margin-bottom: 10px;
}
#custom-job-import .step-2-body #custom-file-upload .progress {
	height: 10px;
	margin-top: 10px;
    margin-bottom: 0;
}
#custom-job-import .step-2-body #custom-file-upload .progress .progress-bar {
	line-height: 10px;
    font-size: 8px;
}
#custom-job-import .step-2-body #custom-file-upload .or-text {
	font-size: 18px;
	font-weight: bold;
	padding: 16px 0;
}
#custom-job-import .step-2-body #custom-file-upload .form-group label {
    width: 140px;
	color: #000;
	margin-bottom: 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 6px 16px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 42px;
    cursor: pointer;
}
#custom-job-import .step-2-body #custom-file-upload .form-group label img {
    display: block;
    width: 18px;
    margin-left: 8px;
    margin-right: 0;
}
#custom-job-import .step-2-body #custom-file-upload .form-group input[type="file"] {
	width: 100%;
	padding: 10px;
	border: 1px dashed gray;
}
#custom-job-import .step-2-body #custom-file-upload .form-group input[type="file"].error {
	border-color: #f55e5e;
    background-color: rgba(245, 94, 94, 0.1);
}
#custom-job-import .step-2-body .warning-text {
    display: flex;
    align-items: center;
	font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.7);
    padding: 8px 0;
    margin-bottom: 12px;
}
#custom-job-import .step-2-body .warning-text img {
    display: block;
    margin-right: 8px;
}
#custom-job-import .step-buttons {
	width: 100%;
    padding-top: 24px;
}
#custom-job-import .step-buttons .step-buttons-container {
	display: flex;
	align-items: center;
}
#custom-job-import .tab_wrap .panelHeader {
	width: 100%;
}
#custom-job-import .tab_wrap #datatable_table tr td {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
#custom-job-import .tab_wrap #datatable_table tr td input {
    width: 100%;
    height: 40px;
    padding: 10px 8px;
    background: #FFFFFF;
    border: 1px solid #B4DBE1;
    border-radius: 7px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}
.custom-report-builder-container #mapping-container .report-builder-box {
    padding: 20px 12px;
    background: linear-gradient(0deg, #F9EAD7, #F9EAD7), #7ED6ED;
    border-bottom: 1px solid #F5CCA0;
}
.custom-report-builder-container #mapping-container .report-builder-box .dragElements .draggable {
    width: 50%;
    padding: 0 10px 5px 0;
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), #B4DBE1;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box .dropElements li {
    background: #DDF0F3;
    border-radius: 8px;
    border: none;
    margin: 0 8px 8px 0;
    width: calc(50% - 4px);
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box .dropElements li:nth-child(2n) {
    margin-right: 0;
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box .dropElements li .cardName {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
    text-align: left;
    padding: 8px 12px;
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box .dropElements li .droppable {
    padding: 8px 12px;
    margin: 0;
    width: 100%;
    background-color: transparent;
    border: none;
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box .dropElements li .droppable .btn {
    display: flex;
    align-items: center;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), #FFFFFF;
    border: 1px dashed rgba(28, 156, 178, 0.4);
    border-radius: 8px;
    text-align: left;
    color: #000;
    padding: 5px 8px;
    height: 35px;
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box .dropElements li .droppable .remove {
    right: 16px;
    top: 9px;
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box .dropElements .droppable .draggable {
    position: relative !important;
}
.custom-report-builder-container #mapping-container .report-builder-selected .report-builder-box .dropElements .droppable .draggable .btn:before {
    display: none;
}
.progress .progress-bar-success {
    background: rgb(33, 160, 115);
}

#duplicate-jobs-count {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px 0;
}
#duplicate-jobs-count div {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 6px 16px;
}
#duplicate-jobs-count p {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
}
#duplicate-jobs-count p span {
    display: inline-block;
    margin: 0 5px;
}
#duplicate-jobs-count p img {
    display: block;
    margin-right: 8px;
}

#duplicate-jobs-count label {
	display: flex;
	align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    opacity: 0.87;
	cursor: pointer;
}
#duplicate-jobs-count input[type="checkbox"] {
	display: none;
	width: 22px;
	height: 22px;
	margin: 0;
	cursor: pointer;
}
#duplicate-jobs-count label span {
	width: 33px;
    height: 20px;
    border-radius: 62.5px;
    border: 1.25px solid rgba(0, 0, 0, 0.87);
    position: relative;
    margin-right: 0 !important;
    transition: all .3s ease;
    margin-left: 8px;
}
#duplicate-jobs-count label span:after {
	content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background: rgba(0, 0, 0, 0.87);
    border-radius: 50%;
    left: 5px;
    top: 50%;
    margin-top: -6px;
    transition: all .3s ease;
}
#duplicate-jobs-count input[type="checkbox"]:checked + label span {
	background: #E09638;
    border-color: #E09638;
}
#duplicate-jobs-count input[type="checkbox"]:checked + label span:after {
	left: 16px;
    background-color: #fff;
}

/*Logged in Main page*/
.mainWrapLoggedin {
    padding: 32px 0;
}
.mainWrap_infoList {
    display: flex;
    width: 100%;
}
.mainWrap_infoList li {
    display: flex;
    flex-direction: column;
    width: calc(25% - 12px);
    margin-right: 16px;
    background: #1C9CB2;
    backdrop-filter: blur(80px);
    border-radius: 20px;
    padding: 24px 28px;
    position: relative;
    overflow: hidden;
}
.mainWrap_infoList li:nth-child(4n) {
    margin-right: 0;
}
.mainWrap_infoList li span {
    display: block;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: 0.0125em;
    color: rgba(255, 255, 255, 0.7);
    text-transform: capitalize;
    margin-bottom: 12px;
}
.mainWrap_infoList li strong {
    font-weight: 500;
    font-size: 24px;
    line-height: 50px;
    letter-spacing: 0.0125em;
    color: #FFFFFF;
    text-transform: capitalize;
}
/*.mainWrap_infoList li:nth-child(even) strong {*/
/*    color: #5EDAF1;*/
/*}*/
/*.mainWrap_infoList li:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    width: 72px;*/
/*    height: 68px;*/
/*    background-image: url("../images/redesign-icons/orange-icon.d80d99630144.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*}*/
/*.mainWrap_infoList li:nth-child(even):before {*/
/*    background-image: url("../images/redesign-icons/blue-icon.db098ea35d10.svg");*/
/*}*/
.mainHome {
    padding: 0 0 68px;
}
.chartsSectionBox {
    margin-bottom: 16px;
}
.chartsSectionBox > div {
    background: #FFFFFF;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 30px 24px;
}
.chartsSectionBox > div {
    width: calc(33.3% - 10.66px);
    margin-right: 16px;
    position: relative;
}
.chartsSectionBox > div:last-child {
    margin-right: 0;
}
.chartsSectionBox > div h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.15px;
    color: #373737;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.chartsSectionBox > div label {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 5px;
}
.chartsSectionBox > div label img {
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
.chartsSectionBox > div .quick-job-box {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
}
.chartsSectionBox > div .quick-job-create {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chartsSectionBox > div .quick-job-create span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    text-align: right;
}
.chartsSectionBox > div .quick-job-create span b {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}
.chartsSectionBox > div .quick-job-create span b i {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}
.chartsSectionBox_bottom .pay_structure_chartBox {
    background: #FFFFFF;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 30px 24px;
    width: calc(66.6% - 8px);
    margin-right: 16px;
}
.chartsSectionBox_bottom .pay_structure_chartBox.full-width {
    width: 100%;
    margin-right: 0;
}
.chartsSectionBox_bottom .pay_structure_chartBox .pay_structure_chartBox_content {
    position: relative;
}
.chartsSectionBox_bottom .pay_structure_chartBox .pay_structure_chartBox_content #loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.chartsSectionBox_bottom .greatIdeas {
    width: calc(33.3% - 8px);
    background: #FFFFFF;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 30px 24px;
}
.chartsSectionBox_bottom .greatIdeas h5 {
    font-size: 20px;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin-bottom: 20px;
}
.chartsSectionBox_bottom .greatIdeas #recommendations ul li {
    display: flex;
    align-items: center;
}
.chartsSectionBox_bottom .greatIdeas #recommendations ul li:not(:last-of-type) {
    margin-bottom: 8px;
}
.chartsSectionBox_bottom .greatIdeas #recommendations ul li a {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}
.chartsSectionBox_bottom .greatIdeas #recommendations ul li img {
    display: block;
    margin-left: 8px;
}

.clients_top {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.clients_top a {
    font-size: 13px;
}
.clients_top .clients_top_dropdown {
    position: relative;
    z-index: 9;
    width: 100%;
    margin-right: 12px;
    /*width: calc(100% - 197px);*/
}
.clients_top .clients_top_dropdown .current-item {
	display: block;
    width: 100%;
    height: 45px;
    text-align: left;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), #B4DBE1;
    border-radius: 12px;
    padding: 0 46px 0 16px;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-image: url("../images/down-arrow.451d1983a038.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px center;
    cursor: pointer;
}
.clients_top .clients_top_dropdown ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 8px 24px 2px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 8px !important;
    margin-bottom: 0;
}
.clients_top .clients_top_dropdown ul.active {
    display: block;
}
.clients_top .clients_top_dropdown ul li a {
    display: block;
    border-radius: 50px;
    padding: 10px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000000;
    opacity: 0.87;
    transition: all .3s ease;
}
.clients_top .clients_top_dropdown ul li a:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #B4DBE1;
    color: #000;
}
.clients_top .date_select {
    width: 200px;
    height: 43px;
    color: #555555;
    background-color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.5px;
    padding: 0 36px 0 12px;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
    transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    margin-left: 16px;
    appearance: none;
	background-image: url("../images/down-arrow.451d1983a038.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px center;
}

/*Currency Rates*/
.currency-rates-body {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}
.currency_list {
	-webkit-column-count: 6;
	-moz-column-count: 6;
	column-count: 6;
	-webkit-column-gap: 16px;
	-moz-column-gap: 16px;
	column-gap: 16px;
    padding: 16px 20px !important;
}
.currency_list li {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    width: 192px;
    margin-bottom: 16px;
}
.currency_list .currency_name {
    display: flex;
    align-items: center;
	width: 65px;
	word-wrap: break-word;
    background: #B4DBE1;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    padding: 10px;
    position: relative;
}
.currency_list .currency_name:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.87);
    margin-right: 6px;
}
.currency_list .currency_value {
	width: calc(100% - 65px);
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
    padding: 10px;
}
.currency-rates-selects {
    padding: 16px 24px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #DDF0F3;
}
.currency-rates-filters {
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 24px;
}
.currency-rates-selects .base_currency_combobox {
    width: calc(100% - 320px);
    margin-bottom: 0;
}
.currency-rates-selects .base_currency_combobox .custom-combobox {
    background: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 10px 0 0 10px;
}
.currency-rates-selects .refresh_frequency_combobox {
    width: 320px;
    margin-bottom: 0;
}
.currency-rates-selects .refresh_frequency_combobox .custom-combobox {
    background: #A1D6DF;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 10px 10px 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}
.currency-rates-selects .fields-list-combobox .custom-combobox .custom-combobox-input {
    height: 40px;
    padding: 8px 16px;
}
.currency-rates-selects .fields-list-combobox .custom-combobox a.ui-corner-right {
    height: 40px;
    width: 60px;
}

.settings-container {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 20px;
}
.settings-container h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
    padding: 16px;
}
.settings-container .card-item {
    min-height: 240px;
}
.settings-container .card-item.type-left .icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding-right: 0;
    background: #E1F1F3;
    border-radius: 9px;
    margin-right: 12px;
}
.settings-container .card-item .icon-container i {
    color: rgba(28, 27, 31, 0.87);
    font-size: 25px;
}
.settings-container .card-item .title {
    width: calc(100% - 52px);
}
.settings-container .card-item p {
    margin-bottom: 8px;
}
/* .settings-container .card-item > .flex {
    align-items: center;
} */

.compTool_paid_checkbox {
    min-height: 40px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 9px !important;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    padding: 0 30px 0 12px !important;
    white-space: nowrap;
    overflow: auto;
    background-image: url("../images/down-arrow.451d1983a038.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 12px;
    appearance: none;
}

.redesigned-select2 .select2.select2-container {
    width: 100% !important;
    border-radius: 9px !important;
    padding: 0 30px 0 12px !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
}
.redesigned-select2 .select2.select2-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.redesigned-select2 .select2 .select2-selection {
    min-height: 42px !important;
    border: none !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 !important;
    background-color: transparent;
}
.redesigned-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0;
}
.redesigned-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    font-size: 16px;
    padding: 0 8px 0 4px;
    background: none;
    color: red;
}
.redesigned-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 5px 5px 15px;
    font-weight: 400;
}
.redesigned-select2 .select2-search.select2-search--inline {
    margin-left: 5px;
}
.redesigned-select2 .select2.select2-container .select2-selection__rendered .select2-selection__choice {
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0;
}
.redesigned-select2 .select2.select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    border: none;
    font-size: 16px;
    padding: 0 8px 0 4px;
    background: none;
    color: red;
}
.redesigned-select2 .select2.select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 5px 5px 15px;
    font-weight: 400;
}
.redesigned-select2 .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}



.multi-package .ms-container {
    display: flex;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
}
.multi-package .ms-container .ms-selectable {
    border-right: 0;
    background-color: rgba(203, 63, 63, 0.2);
    width: 50%;
    height: 393px;
}
.multi-package .ms-container .ms-selection {
    background-color: rgba(33, 160, 115, 0.2);
    width: 50%;
    height: 393px;
}
.multi-package .ms-container .custom-header {
    display: flex;
    padding: 11px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    position: relative;
    margin-bottom: 10px;
    align-items: center;
    color: rgba(0, 0, 0, 0.87);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.multi-package .ms-container .custom-header:before {
    font-size: 20px;
    margin-right: 10px;
    font-family: "Compensation-icons";
}
.multi-package .ms-container .ms-selectable .custom-header:before {
    content: '\e904';
    color: #CB3F3F;
}
.multi-package .ms-container .ms-selection .custom-header:before {
    content: '\e908';
    color: #21A073;
}
.multi-package .ms-container .ms-list {
    border: none;
    box-shadow: none !important;
}
.multi-package .ms-container .ms-list .ms-elem-selectable,
.multi-package .ms-container .ms-list .ms-elem-selection {
    display: flex;
    font-size: 12px;
    line-height: 18px;
    margin: 5px auto;
    padding: 6px 8px;
    font-weight: 500;
    border: 1px dashed;
    position: relative;
    align-items: center;
    transition: all 0.2s;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
    width: calc(100% - 24px);
    border-radius: 8px;
    justify-content: space-between;
}
.multi-package .ms-container .ms-list .ms-elem-selectable {
    display: flex !important;
}
.multi-package .ms-container .ms-list .ms-elem-selectable.ms-selected {
    opacity: 1;
    text-decoration: none;
    border-color: transparent;
    background-color: rgba(203, 63, 63, 0.1);
    border-color: transparent !important;
}
.multi-package .ms-container .ms-list .ms-elem-selectable.ms-selected:after {
    display: none;
}
.multi-package .ms-container .ms-list .ms-elem-selectable:after,
.multi-package .ms-container .ms-list .ms-elem-selection:after {
    font-size: 18px;
    font-family: "Compensation-icons";
}
.multi-package .ms-container .ms-list .ms-elem-selectable:after {
    content: '\e900';
    color: #1C9CB2;
}
.multi-package .ms-container .ms-list .ms-elem-selection:after {
    content: '\e91a';
    color: #CB3F3F;
}
.multi-package .ms-container .ms-selectable .ms-list .ms-elem-selectable {
    border-color: rgba(203, 63, 63, 0.4);
}
.multi-package .ms-container .ms-selectable .ms-list .ms-elem-selectable:hover {
    border-color: rgba(203, 63, 63, 1);
}
.multi-package .ms-container .ms-selection .ms-list .ms-elem-selection {
    border-color: rgba(33, 160, 115, 0.4);
}
.multi-package .ms-container .ms-selection .ms-list .ms-elem-selection:hover {
    border-color: rgba(33, 160, 115, 1);
}
.multi-package .multi-wrapper .item span,
.multi-package .ms-container .ms-list span {
    width: calc(100% - 24px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-upload.selected .uploaded-hidden {
    display: none;
}
.file-upload label .btn {
    width: fit-content;
    font-size: 14px;
}

.branded_survey_banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 200px;
    background-image: url("../images/branded-survey-banner.5576f94765a9.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    overflow: hidden;
    padding: 10px 40px;
}
.branded_survey_banner h3 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 600;
    color: #5EDAF1;
}
.branded_survey_banner h6 {
    color: rgba(255, 255, 255, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.3px;
}
.branded_survey_preview {
    padding: 0 24px 24px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
    border-radius: 0 0 24px 24px;
}
.branded_survey_preview_content {
    display: flex;
    align-items: flex-start;
    padding-top: 16px;
    margin-bottom: 24px;
}
.branded_survey_preview_left {
    width: calc(100% - 456px);
}
.branded_survey_preview_left_box {
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    margin-right: 16px;
    padding: 24px 16px;
    margin-bottom: 16px;
}
.branded_survey_preview_left_edit_box {
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    margin-right: 16px;
    margin-bottom: 16px;
    overflow: hidden;
}
.branded_survey_preview_left_edit_box .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 16px;
}
.branded_survey_preview_left_box .head {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 12px;
    margin-bottom: 8px;
}
.branded_survey_preview_left_box .head h4 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 6px;
}
.branded_survey_preview_left .head h5 {
    color: #49454F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}
.branded_survey_preview_left .body {
    display: flex;
    align-items: center;
    padding: 28px 24px;
}
.branded_survey_preview_left .body i {
    font-size: 30px;
    opacity: 0.3;
    margin-right: 12px;
}
.branded_survey_preview_left .body p {
    font-size: 13px;
    line-height: 20px;
    color: rgba(0,0,0,0.7);
    margin-bottom: 0;
}
.branded_survey_preview_left h6,
.branded_survey_preview_right .contact-us-title {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 12px;
    margin-top: 24px;
}
.branded_survey_preview_left h6 {
    margin: 0;
}
.branded_survey_preview_right .contact-us-title {
    margin-top: 0;
}
.branded_survey_preview_left .description {
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.25px;
}
.branded_survey_preview_left ul {
    list-style-type: disc;
    color: rgba(0,0,0,.75);
    padding-left: 30px !important;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 22px;
}
.branded_survey_preview_left ol {
    list-style-type: decimal;
    color: rgba(0,0,0,.75);
    padding-left: 30px !important;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 22px;
}
.branded_survey_preview_left .description p:not(:last-of-type) {
    margin-bottom: 12px;
}
.branded_survey_preview_left .description strong {
    font-weight: 500;
}
.branded_survey_preview_left .edit-button,
.branded_survey_preview_left .edit-desc-button,
.branded_survey_preview_right .edit-button-logo,
.branded_survey_preview_right .edit-button-url {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #1C9CB2;
    border-radius: 8px;
    width: 28px !important;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.branded_survey_preview_left .edit-button img,
.branded_survey_preview_left .edit-desc-button img,
.branded_survey_preview_right .edit-button-logo img,
.branded_survey_preview_right .edit-button-url img {
    width: 16px;
}
.branded_survey_preview_left input,
.branded_survey_preview_right input {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    height: 45px;
    border-radius: 9px;
    padding: 0 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
}
.branded_survey_preview_right {
    width: 440px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 24px 16px;
}
.branded_survey_preview_right .logo-box {
    margin-bottom: 20px;
}
.branded_survey_preview_right .logo {
    display: block;
    max-width: 240px;
    max-height: 160px;
    object-fit: contain;
}
.branded_survey_preview_right .uploaded-logo-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 180px;
    min-width: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 12px;
}
.branded_survey_preview_right .uploaded-logo-box > img {
    max-width: calc(100% - 60px);
    max-height: 120px;
    object-fit: contain;
}
.branded_survey_preview_right h5 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 4px;
    margin-top: 8px;
}
.branded_survey_preview_right h6 {
    color: #49454F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: 16px;
}
.branded_survey_preview_right p {
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.25px;
    margin-bottom: 16px;
}
.branded_survey_preview_right .contact_us_button {
    color: rgba(255, 255, 255, 0.87);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    padding: 10px 24px;
    max-width: 130px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.30);
    background: #000;
}
.branded_survey_preview_solutions h6 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.branded_survey_preview_solutions h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}
.branded_survey_preview_solutions p {
    color: rgba(0, 0, 0, 0.70);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}
.terms-body {
    padding: 0 24px 24px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
    border-radius: 0 0 24px 24px;
}
.terms-preview {
    background-color: #fff;
    padding: 20px 24px;
    font-size: 14px;
    border-radius: 0 0 24px 24px;
}
.solutions_list {
    display: flex;
    flex-wrap: wrap;
}
.solutions_list .solutions_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(20% - 6.4px);
    height: 175px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.10), 0px 1px 7px 0px rgba(0, 0, 0, 0.10);
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 12px;
}
.solutions_list .solutions_item:nth-child(5n) {
    margin-right: 0;
}
.solutions_list .solutions_item p {
    color: #1C1B1F;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.solutions_list .solutions_item div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 8px 16px;
    border-radius: 7px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.60) 100%), #F9EAD7;
}

.by_category_box {
    display: flex;
    align-items: center;
}
.by_category_box select {
    margin-right: 16px;
}

.explore-all-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    border-radius: 42px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    padding: 8px 20px;

}
.explore-all-button img {
    display: block;
    margin-left: 8px;
}

#employees_table, #employees_div {
    background-color: #fff;
}
.history_chart_table {
    border-bottom: 1px solid rgba(28, 156, 178, 0.2);
}
.history_chart_table #pay_history_chart {
    width: 40%;
    padding: 12px 16px;
    background-color: #fff;
}
.history_chart_table #pay_history_chart .darkTitle h2 {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1C1B1F;
    margin-bottom: 2px;
    text-align: left;
}
.history_chart_table #job_history_table {
    width: 100%;
    background-color: #fff;
}

.products-tab-content {
    border-radius: 0 0 24px 24px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.30) 100%), #DDF0F3;
    padding: 0 24px 24px;
}
.products-tab-banner {
    display: flex;
    align-items: center;
    position: relative;
    height: 200px;
    background-image: url("../images/branded-survey-banner.5576f94765a9.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    overflow: hidden;
    padding: 10px 40px;
}
.products-tab-banner h6 {
    color: rgba(255, 255, 255, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.3px;
}
.products-tab-body {
    display: flex;
    padding-top: 16px;
}
.products-tab-navigation {
    width: 350px;
    margin-right: 16px;
    background: linear-gradient(0deg, #E7F4F7 0%, #E7F4F7 100%), #B4DBE1;
}
.products-tab-navigation li button {
    display: block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-bottom: none;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.3px;
    padding: 8px 12px;
    text-align: left;
}
.products-tab-navigation li:first-child button {
    border-radius: 10px 10px 0 0;
}
.products-tab-navigation li:last-child button {
    border-radius: 0 0 10px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.products-tab-navigation li button.active {
    border: 1px solid rgba(28, 156, 178, 0.70);
    background: linear-gradient(0deg, #B4DBE1 0%, #B4DBE1 100%), #FFF;
}
.products-tab-items {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 24px 20px;
}
.products-tab-item {
    display: none;
}
.products-tab-item.active {
    display: block;
}
.products-tab-item .products-tab-head {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: 8px;
    justify-content: space-between;
    align-items: center;
}
.products-tab-item h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 6px;
}
.products-tab-item h5 {
    color: #1C1B1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.15px;
    margin-bottom: 10px;
}
.products-tab-item .products-tab-head h6 {
    color: #49454F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}
.products-tab-item .products-tab-head ul {
    list-style-type: disc;
    padding-left: 20px !important;
}
.products-tab-item .products-tab-head ol {
    list-style-type: decimal;
    padding-left: 20px !important;
}
.products-tab-item .description {
    margin-bottom: 30px;
}
/* .products-tab-item .description strong {
    display: block;
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.25px;
    margin-bottom: 12px;
} */
.products-tab-item .description .about-survey {
    margin-bottom: 20px;
}
.products-tab-item .description .about-survey p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.75);
}
.products-tab-item .description .about-survey ul {
    list-style-type: disc;
    color: rgba(0,0,0,.75);
    padding-left: 30px !important;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 20px;
}
.products-tab-item .description p {
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.25px;
    margin-bottom: 12px;
}
.products-tab-item .description p a {
    color: #1C9CB2;
    text-decoration: underline;
}
.products-tab-item .job-families {
    width: 900px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.products-tab-item .job-families h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.25px;
    color: #1C9CB2;
    margin-bottom: 12px;
}
.products-tab-item .job-families p {
    color: rgba(0, 0, 0, 0.70);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.15px;
    margin-bottom: 20px;
}
.products-tab-item .job-families .list {
    flex-wrap: wrap;
}
/* .products-tab-item .job-families .list > div {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 20px;
}
.products-tab-item .job-families .list > div:nth-child(3n) {
    margin-right: 0;
}
.products-tab-item .job-families .list > div span {
    display: block;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}
.products-tab-item .job-families .list > div ul {
    padding-left: 30px;
    list-style-type: disc;
}
.products-tab-item .job-families .list > div ul li {
    font-weight: 400;
    color: #000;
} */
.products-tab-item .job-families ul.list {
    padding-left: 12px;
    list-style-type: disc;
}
.products-tab-item .job-families ul.list li {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.15px;
    width: 30%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 3%;
    margin-bottom: 8px;
}
.products-tab-item .job-families .scopes-list {
    max-height: 1500px;
    overflow: hidden;
}
.products-tab-item .job-families .scopes-list ul.list li {
    width: 47%;
}
.products-tab-item .job-families .scopes-list.open {
    max-height: none;
}
.products-tab-item .job-families .show-more-scopes {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
    color: #1C9CB2;
    text-decoration: underline;
}
.products-tab-item .participation-requirements,
.description .right-button {
    width: calc(100% - 930px);
}
.products-tab-item .download-button a {
    padding: 10px 12px !important;
    font-size: 12px !important;
    margin-right: 0;
}
.products-tab-item .download-button a img {
    width: 65px;
}
.description .right-button a {
    background-color: #000;
    text-align: center;
    width: 100%;
}
/* .products-tab-item .participation-requirements div {
    width: 48%;
    margin-right: 4%;
}
.products-tab-item .participation-requirements div:nth-child(2n) {
    margin-right: 0;
} */
.products-tab-item .participation-requirements h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.25px;
    color: #1C9CB2;
    margin-bottom: 5px;
}
.products-tab-item .participation-requirements p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    color: #000;
    margin-bottom: 15px;
}
.products-tab-item .participation-requirements ul {
    list-style-type: disc;
    padding-left: 30px;
    margin-bottom: 30px;
}
.products-tab-item .participation-requirements ul li {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-weight: 300;
}
.products-tab-item .participation-requirements .download-button a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #1C1B1F;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.5px;
    letter-spacing: 0.15px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10), 0 1px 7px 0 rgba(0, 0, 0, 0.10);
    padding: 20px 16px 12px !important;
}
.products-tab-item .participation-requirements .download-button:not(:last-of-type) {
    margin-bottom: 10px;
}
.products-tab-item .participation-requirements .prices div  {
    margin-bottom: 3px;
}
.products-tab-item .participation-requirements .prices div strong {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}


.company-info-form {
    background: #E7F4F7;
    padding: 20px;
}
.company-info-form-box {
    width: 440px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 16px;
    border-radius: 10px;
    margin-right: 16px;
}
.company-info-form-description {
    width: calc(100% - 456px);
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
}
.company-info-form-terms {
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 16px;
}
.company-info-form-box h6,
.company-info-form-terms h6,
.company-info-form-description h6 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
}
.company-info-form-description h6,
.company-info-form-terms h6 {
    padding: 16px;
    margin-bottom: 0;
}
.info-form-item {
    width: calc(50% - 8px);
    margin-right: 16px;
}
.info-form-item:nth-child(2n) {
    margin-right: 0;
}


#add_survey_form .or-text-middle,
#edit_survey_form .or-text-middle {
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 0 16px;
    margin-top: 32px;
}
#add_survey_form .or-text-middle span,
#edit_survey_form .or-text-middle span {
    display: inline-block;
    font-size: 14px;
    background-color: #fff;
    z-index: 2;
}

.add-branded-surveys-content .step {
    display: flex;
    align-items: center;
    z-index: 2;
    background: #000;
    color: #FFFFFF;
    padding: 10px 32px;
    transition: background 100ms ease, color 100ms ease;
    transition-delay: 100ms;
    background: linear-gradient(to right, #1C9CB2 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: rgba(29, 25, 43, 0.7);
}
.add-branded-surveys-content .step:first-child {
    border-radius: 100px 0 0 100px;
    border-right: none;
}
.add-branded-surveys-content .step:nth-child(2) {
    border-right: none;
}
.add-branded-surveys-content .step:last-child {
    border-radius: 0 100px 100px 0;
    border-left: none;
}
.add-branded-surveys-content .step span {
    display: inline-block;
    font-weight: 500;
    color: rgba(29, 25, 43, 1);
    margin-left: 5px;
    text-transform: capitalize;
}
.add-branded-surveys-content .step img {
    display: none;
    margin-right: 4px;
}
.add-branded-surveys-content .step.active {
    background: #B4DBE1;
    border: 1px solid #1C9CB2;
}
.add-branded-surveys-content .step.active img {
    display: block;
}
.add-branded-surveys-content .step-separator {
    position: relative;
    z-index: 1;
    background: rgba(34, 156, 178, 0.7);
    height: 5px;
    width: 260px;
    display: inline-block;
}
.add-branded-surveys-content .step-separator:before {
	content: '';
	width: 100%;
	height: 100%;
    background: linear-gradient(to right, #1C9CB2 50%, rgba(255, 255, 255, 0.5) 50%);
    background-size: 100% 100%;
    background-position: right bottom;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.add-branded-surveys-content .step-separator.active:before {
    background-position: left bottom;
}
.add-branded-surveys-content .tab_wrap {
    display: none;
	flex-direction: column;
    padding-top: 32px;
}
.add-branded-surveys-content .tab_wrap.active {
    display: flex;
}
.add-branded-surveys-content .tab_wrap .step-1-body,
.add-branded-surveys-content .tab_wrap .step-3-body,
.add-branded-surveys-content .tab_wrap .step-4-body {
    max-width: 640px;
}
.add-branded-surveys-content .tab_wrap .step-2-body {
    max-width: 920px;
}
.add-branded-surveys-content .tab_wrap .editor-box {
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    margin-top: 12px;
}
.add-branded-surveys-content .tab_wrap .editor-box label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
    ;color: #000;
    padding: 8px 16px;
    margin-bottom: 0;
}
.add-branded-surveys-content .tab_wrap .file-upload {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.add-branded-surveys-content .tab_wrap .file-upload > span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,.87);
    background-color: #F9EAD7;
    padding: 12px 16px;
}
.add-branded-surveys-content .tab_wrap .file-upload .upload-file-box {
    display: flex;
    flex-direction: column;
    padding: 8px;
}
.add-branded-surveys-content .tab_wrap .file-upload .upload-file-box .btn {
    background: #DDF0F3;
}
.add-branded-surveys-content .tab_wrap .file-upload .upload-file-box i {
    color: rgba(0,0,0,.87);
}
.add-branded-surveys-content .tab_wrap .file-upload .upload-file-box p {
    margin: 0 4px;
}
.add-branded-surveys-content .errorlist {
    margin-bottom: 0;
}
.add-branded-surveys-content .tab_wrap .tab-bottom-buttons {
    margin-top: 24px;
}
.add-branded-surveys-content .box {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 16px;
}
.add-branded-surveys-content .box .file-upload span {
    font-weight: 400;
}
.add-branded-surveys-content > div #id_multiply_1000 li label,
.add-branded-surveys-content > div #id_divide_100 li label {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.add-branded-surveys-content > div #id_multiply_1000 li label input,
.add-branded-surveys-content > div #id_divide_100 li label input {
    margin: 0 8px 0 0;
}
.add-branded-surveys-content > div h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0 0 24px;
}
.add-branded-surveys-content > div h4 span {
    color: rgba(0,0,0,.54);
}
.add-branded-surveys-content .survey-filter-box {
    margin-right: 0;
    width: 100%;
    justify-content: space-between;
}
.add-branded-surveys-content > div .redesigne-checkbox-single-box .label-text {
    font-size: 12px;
}
.add-branded-surveys-content .django-ckeditor-widget .cke {
    width: 100% !important;
}
.add-branded-surveys-content .django-ckeditor-widget textarea {
    height: 280px;
}
.add-branded-surveys-content .django-ckeditor-widget .cke_contents {
    height: 150px !important;
}
.add-branded-surveys-content .download-button a {
    margin-right: 0;
    padding: 7px 14px;
}
.add-branded-surveys-content .download-button a img,
.add-branded-surveys-content .delete-participation-file img {
    width: 20px;
    margin-left: 4px;
}
.add-branded-surveys-content .delete-participation-file {
    padding: 7px 14px;
}
.add-branded-surveys-content .success-section .success-box {
    max-width: 728px;
    background-color: rgba(0, 121, 52, 0.1);
    padding: 16px 20px;
    border-radius: 15px;
    margin-bottom: 32px;
}
.add-branded-surveys-content .success-section .success-box p {
    font-size: 14px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.86);
    font-weight: 400;
    margin-bottom: 0;
}
.add-branded-surveys-content .success-section .success-box p:not(:last-of-type) {
    margin-bottom: 5px;
}
.add-branded-surveys-content .success-section .success-box p strong {
    font-weight: 500;
}
.add-branded-surveys-content .success-section .success-box span {
    display: block;
    width: fit-content;
    padding: 5px 7px;
    background-color: rgba(0, 121, 52, 0.1);
    border-radius: 11px;
    margin-bottom: 12px;
}
.add-branded-surveys-content .success-section .success-box span i {
    font-size: 18px;
}
#id_multiply_1000,
#id_divide_100_0 {
    margin-bottom: 0;
}
.form-datepicker-validate tr td label.error {
    position: absolute;
    white-space: nowrap;
    bottom: -15px;
    font-size: 10px;
}

.salary_survey .field-wrapper label.error,
#file-info-edit-form .field-wrapper label.error,
#survey_brand_form .field-wrapper label.error {
    position: absolute;
}

.recruiter-checkboxes,
.squirrel_permission_box {
    display: none !important;
}
.recruiter-checkboxes.show,
.squirrel_permission_box.show {
    display: block !important;
}
.recruiter-checkboxes-content {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    overflow: hidden;
}
.recruiter-checkboxes-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 0;
}
.recruiter-checkboxes-head h6 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.recruiter-checkboxes-head .select-all-box label {
    display: flex;
    align-items: center;
    border-radius: 7px;
    background: #DDF0F3;
    padding: 6px 8px;
    cursor: pointer;
}
.recruiter-checkboxes-head .select-all-box span {
    display: block;
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 17.333px;
    letter-spacing: 0.087px;
    margin-right: 8px;
}
.recruiter-checkboxes-head .select-all-box input {
    display: none;
}
.recruiter-checkboxes-head .select-all-box label b {
    display: block;
    width: 13.5px;
    height: 13.5px;
    border-radius: 1.5px;
    border: 1.5px solid #000;
}
.recruiter-checkboxes-head .select-all-box label input:checked + b {
    background-color: #1C9CB2;
    border-color: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.recruiter-checkboxes-search {
    padding: 5px 20px;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.12) inset;
}
.recruiter-checkboxes-search input {
    width: 100%;
    height: 30px;
    border: none;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1px;
    padding-left: 20px;
    background-image: url("../images/redesign-icons/search-dark-icon.4816c501b3ca.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
}
.recruiter-checkboxes-body {
    height: 260px;
    border-bottom: 1px solid #F5CCA0;
    background: #F9EAD7;
    padding: 12px;
    overflow: auto;
}
.recruiter-checkboxes-body p.no-data {
    font-size: 16px;
    color: #000;
    padding: 10px;
}
.recruiter-checkboxes-body ul {
    margin: 0;
}
.recruiter-checkboxes-body ul li {
    margin-bottom: 8px;
}
.recruiter-checkboxes-body ul li label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.65) 100%), #FFF;
    padding: 6px 8px;
    cursor: pointer;
}
.recruiter-checkboxes-body ul li label input {
    display: none;
}
.recruiter-checkboxes-body ul li label span {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.3px;
}
.recruiter-checkboxes-body ul li label b {
    display: block;
    border-radius: 7px;
    background: #DDF0F3;
    padding: 6px;
}
.recruiter-checkboxes-body ul li label b i {
    display: block;
    width: 13.5px;
    height: 13.5px;
    border-radius: 1.5px;
    border: 1.5px solid #000;
}

.recruiter-checkboxes-body ul li label input:checked + b i {
    background-color: #1C9CB2;
    border-color: #1C9CB2;
    background-image: url("../images/redesign-icons/check-white-icon.676f6c3daaf5.svg");
    background-repeat: no-repeat;
    background-position: center center;
}


#for_approvals_modal.modal-redesigned .modal-dialog .modal-body.modal-body-form {
    padding: 16px 24px;
}
.approvers-list-1 .project_team_dropdown_list li .label_name {
	border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 5px;
}
.approvers-list-1 .project_team_dropdown_list li > label {
	display: block;
	width: 100%;
	padding: 10px 6px;
	cursor: pointer;
	transition: all .3s ease;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    opacity: 0.87;
}
.approvers-list-1 .project_team_dropdown_list li > .label_title {
	display: block;
    width: 100%;
	background: rgba(221, 220, 220, 0.31);
    font-size: 16px;
    padding: 8px 16px;
}
.approvers-list-1 .project_team_dropdown_list li button i {
	display: flex;
    align-items: center;
    justify-content: center;
	font-size: 16px;
}
.approvers-list-1 .create_new_approvers_list .project_team_list li {
    padding: 8px 12px;
    margin-bottom: 5px !important;
}
.approvers-list-1 .create_new_approvers_list .project_team_list li button:not(:last-of-type) {
    margin-right: 16px;
}
.approvers-list-1 .project_team_list > li .project_team_members_accordion li {
    padding: 4px 8px;
}
.approvers-list-2 .formRow input {
    width: calc(100% - 44px);
}
.approvers-list-2 .formRow input.member-name-field,
.approvers-list-2 .formRow input.member-email-field {
    width: calc((100% - 44px)/2);
}
.approvers-list-2 .formRow input.member-name-field {
    border-radius: 9px 0 0 9px;
}
.approvers-list-2 .formRow input.member-email-field {
    border-radius: 0 9px 9px 0;
    border-left: none;
}
.approvers-list-2 #create_team_member {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #B4DBE1;
    border-radius: 50%;
    margin-left: 12px;
}
.approvers-list-2 #members-list-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 5px;
}
.approvers-list-2 #members-list-tags li {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1px;
    border-radius: 8px;
    background: rgba(28, 156, 178, 0.20);
    padding: 4px 12px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.approvers-list-2 #members-list-tags li .remove-member {
    display: block;
    margin-left: 5px;
    padding: 0;
}
#id_divide_100 {
    margin-bottom: 0;
}
#id_multiply_1000 li label,
#id_divide_100 li label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
}
#id_multiply_1000 li label input,
#id_divide_100 li label input {
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
}
.field-card .field-wrapper.disabled {
    position: relative;
}
.field-card .field-wrapper.disabled::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(255,255,255,.5);
    top: 0;
    left: 0;
}
#dashboard-freemium-modal .modal-dialog {
    max-width: 980px;
}
#dashboard-freemium-modal .modal-content {
    border-radius: 28px;
    background: #1C9CB2;
    padding: 0;
}
#dashboard-freemium-modal .modal-content .modal-header {
    display: flex;
    align-items: center;
    padding: 24px 32px 12px;
    border: none;
}
#dashboard-freemium-modal .modal-content .modal-header .logo {
    width: 92px;
    margin-right: 16px;
}
#dashboard-freemium-modal .modal-content .modal-header .modal-header-info {
    width: calc(100% - 108px);
}
#dashboard-freemium-modal .modal-content .modal-header .modal-header-info h6 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px;
}
#dashboard-freemium-modal .modal-content .modal-header .modal-header-info p {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.25px;
}
#dashboard-freemium-modal .modal-content .modal-body {
    padding: 0 0 20px;
}
#dashboard-freemium-modal .modal-content .modal-body .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 12px;
    text-align: center;
}
#dashboard-freemium-modal .modal-content .modal-body .owl-dots .owl-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 0 1px;
    background-color: #fff;
    opacity: 0.54;
}
#dashboard-freemium-modal .modal-content .modal-body .owl-dots .owl-dot.active {
    width: 6px;
    height: 6px;
    opacity: 1;
}
#dashboard-freemium-modal .modal-content .modal-footer {
    padding: 16px 24px;
}
#dashboard-freemium-modal .modal-content .modal-footer .redesigned-blue-button {
    background-color: #fff;
    color: #000;
}

.survey-preview  {
    align-items: center;
}
.survey-preview > div {
    width: 50%;
}
.survey-preview > div:not(:last-of-type) {
    margin-right: 60px;
}
.survey-preview h1 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    margin-bottom: 24px;
}
.survey-preview p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
}
.survey-preview h6 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}
.survey-preview ul {
    margin-bottom: 20px;
}
.survey-preview ul li {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
}
.survey-preview .buttons {
    padding-top: 40px;
}
.survey-preview .right > div:not(.no-border) {
    border: 1px solid rgba(0,0,0, .1);
    border-radius: 8px;
    overflow: hidden;
}
.survey-preview .right > div:not(:last-of-type) {
    margin-bottom: 30px;
}
.survey-preview .right > div img {
    display: block;
    width: 100%;
}
.crown-icon-box {
    border-radius: 12px !important;
    background: #E99437;
    padding: 4px 7px !important;
}
.crown-icon-box img {
    display: block;
}
.not-comptool-plus {
    position: relative;
}
.not-comptool-plus .crown-icon-box {
    position: absolute;
    right: -5px;
    top: -5px;
}
.not-comptool-plus .crown-icon-box img {
    width: 12px;
}
.not-comptool-plus.mini .crown-icon-box {
    position: absolute;
    right: -8px;
    top: -8px;
    padding: 3px 4px !important;
}
.not-comptool-plus.mini .crown-icon-box img {
    width: 10px;
}
.card-item {
    position: relative;
}
.card-item .crown-icon-box {
    position: absolute;
    right: 10px;
    bottom: 22px;
}
.card-item .crown-icon-box img {
    width: 16px;
}
.dropdown-menu .divider {
    height: 1px;
    overflow: hidden;
}
.assign_scopes_titles,
.favorite_scopes_titles {
    display: flex;
    align-items: center;
    padding: 0 5px !important;
    margin-bottom: 5px;
}
.assign_scopes_titles li,
.favorite_scopes_titles li {
    width: 44%;
    margin-right: 8px;
    margin-bottom: 0 !important;
}
.favorite_scopes_titles li {
    width: calc(50% - 8px);
}
#assign_scopes_content,
#favorite_scopes_content {
    max-height: 300px;
    overflow: auto;
    margin: 0;
    padding: 5px !important;
}
#assign_scopes_content li,
#favorite_scopes_content li {
    display: flex;
}
#assign_scopes_content li > div:not(:last-of-type) {
    width: 44%;
    margin-right: 8px;
}
#favorite_scopes_content li > div {
    width: calc(50% - 8px);
    margin-right: 8px;
}
#favorite_scopes_modal .info-text {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 20px;
}
#favorite_scopes_modal .info-text img {
    display: block;
    width: 22px;
    margin-right: 8px;
}
#assign_scopes_content li > div:last-child {
    display: flex;
    align-items: center;
    width: calc(12% - 16px);
}
#assign_scopes_content li > div button,
#favorite_scopes_content li > div button {
    cursor: pointer;
    padding: 0 3px;
}
#assign_scopes_content li > div button img,
#favorite_scopes_content li > div button img {
    display: block;
    width: 20px;
}
#assign_scopes_content li > div span,
#favorite_scopes_content li > div span {
    display: block;
    margin-bottom: 4px;
}
#assign_scopes_content li .add_row {
    display: none;
}
#assign_scopes_content li:last-child .add_row {
    display: block;
}
.start-mapping-radio-options ul {
    display: flex;
    align-items: center;
}
.start-mapping-radio-options ul li {
    width: 50%;
}
.start-mapping-radio-options ul li label {
    width: fit-content;
}
#iframeContainerTab iframe::-webkit-scrollbar,
#iframeContainer iframe::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    cursor: pointer;
}
#iframeContainerTab iframe::-webkit-scrollbar-track,
#iframeContainer iframe::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 24px;
}
#iframeContainerTab iframe::-webkit-scrollbar-thumb,
#iframeContainer iframe::-webkit-scrollbar-thumb {
    background: #B4DBE1;
    border-radius: 24px;
}
.bottom-table-tab-nav {
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.bottom-table-tab-nav li a {
    display: flex;
    align-items: center;
    background: #000;
    color: #FFFFFF;
    padding: 10px 32px;
    transition: background 100ms ease, color 100ms ease;
    transition-delay: 100ms;
    background: linear-gradient(to right, #1C9CB2 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: rgba(29, 25, 43, 0.7);
}
.bottom-table-tab-nav li a.active {
    background: #B4DBE1;
    border-color: #1C9CB2;
}
.bottom-table-tab-nav li:first-child a {
    border-radius: 100px 0 0 100px;
    border-right: none;
}
.bottom-table-tab-nav li:last-child a {
    border-radius: 0 100px 100px 0;
    border-left: none;
}
.bottom-table-tab-nav li:first-child a.active {
    border-right: 1px solid #1C9CB2;
}
.bottom-table-tab-nav li:last-child a.active {
    border-left: 1px solid #1C9CB2;
}
#infoModal .tab_wrap {
    display: none;
}
#infoModal .tab_wrap.active {
    display: block !important;
}
#infoModal .stepper-navigation {
    margin-bottom: 30px;
}
#infoModal .stepper-navigation .step {
    display: flex;
    align-items: center;
    z-index: 2;
    background: #000;
    color: #FFFFFF;
    padding: 10px 32px;
    transition: background 100ms ease, color 100ms ease;
    transition-delay: 100ms;
    background: linear-gradient(to right, #1C9CB2 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: rgba(29, 25, 43, 0.7);
    cursor: pointer;
}
#infoModal .stepper-navigation .step span {
    display: inline-block;
    font-weight: 500;
    color: rgba(29, 25, 43, 1);
    margin-left: 5px;
    text-transform: capitalize;
}
#infoModal .stepper-navigation .step.active {
    background: #B4DBE1;
    border: 1px solid #1C9CB2;
}
#infoModal .step:first-child {
    border-radius: 100px 0 0 100px;
    border-right: none;
}
#infoModal .step:last-child {
    border-radius: 0 100px 100px 0;
    border-left: none;
}

#onboardingModal .modal-dialog {
    max-width: 100%;
    width: 1120px;
}
#onboardingModal .modal-header {
    padding: 0 0 12px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 16px;
}
#onboardingModal .modal-header .modal-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
}
#onboardingModal .modal-body {
    background-color: transparent;
    padding: 0;
}
#onboardingModal .onboarding-tab-navigation {
    width: 260px;
    border-radius: 16px;
    background-color: #fff;
    overflow: hidden;
    margin-right: 16px;
    margin-bottom: 0;
}
#onboardingModal .onboarding-tab-navigation li {
    margin-bottom: 0;
}
#onboardingModal .onboarding-tab-navigation li a {
    display: block;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #000;
    padding: 16px 20px;
}
#onboardingModal .onboarding-tab-navigation li a.active {
    background-color: #B4DBE1;
    border-top: 1px solid rgba(28, 156, 178, 0.7);
    border-bottom: 1px solid rgba(28, 156, 178, 0.7);
}
#onboardingModal .onboarding-tab-navigation li a.disabled {
    opacity: 0.5;
    cursor: auto;
    pointer-events: none;
}
#onboardingModal .onboarding-tab-navigation li:first-child a.active {
    border-top: none;
}
#onboardingModal .onboarding-tab-navigation li:last-child a.active {
    border-bottom: none;
}
#onboardingModal .onboarding-tab-navigation li a.filled {
    background-image: url("../images/redesign-icons/dark-check-icon.8e8601a9fadd.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
}
#onboardingModal .onboarding-content {
    width: calc(100% - 276px);
    background: #fff;
    border-radius: 16px;
    padding: 24px;
}
#onboardingModal .onboarding-tab-item .info-box {
    margin-bottom: 20px;
}
#onboardingModal .onboarding-tab-item .add-user-form {
    border-radius: 16px;
    padding: 12px;
    border: 1px solid rgba(0,0,0,.1);
    max-height: 300px;
    overflow: auto;
}
#onboardingModal .onboarding-tab-item .add-user-form table {
    width: 100%;
}
#onboardingModal .onboarding-tab-item .add-user-form table tr th {
    font-size: 14px;
    line-height: 20px;
    padding: 0 8px;
}
#onboardingModal .onboarding-tab-item .add-user-form table tr:hover {
    background-color: transparent !important;
    cursor: auto !important;
}
#onboardingModal .onboarding-tab-item .add-user-form table tr td {
    padding: 6px 8px;
    vertical-align: middle;
}
#onboardingModal .onboarding-tab-item .add-user-form table tr td .email-field input {
    width: calc(100% - 180px) !important;
}
#onboardingModal .onboarding-tab-item .add-user-form table tr td .email-field select {
    width: 180px !important;
    border-left: none;
    border-radius: 0 9px 9px 0;
}
#onboardingModal .onboarding-tab-item .onboarding-4-body {
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.1);
}
#onboardingModal .onboarding-tab-item .stepper-navigation {
    flex-direction: column;
    align-items: flex-start;
    width: 250px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    overflow: hidden;
    margin-right: 30px;
}
#onboardingModal .onboarding-tab-item .stepper-navigation .step {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: rgba(29, 25, 43, 0.7);
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    cursor: pointer;
}
#onboardingModal .onboarding-tab-item .stepper-navigation .step.active {
    background-color: rgba(180, 219, 225, 1);
    border-color: rgba(28, 156, 178, 1);
}
#onboardingModal .onboarding-tab-item .stepper-navigation .step:last-child {
    border-bottom: none;
}
#onboardingModal .onboarding-tab-item .stepper-navigation .step span {
    color: #1D192B;
}
#onboardingModal .onboarding-tab-item .stepper-body {
    width: calc(100% - 280px);
}
#onboardingModal .onboarding-tab-item .stepper-body .step-body .step-text {
    font-size: 16px;
    line-height: 22px;
    color: rgba(28, 27, 31, 1);
    margin-bottom: 8px;
}
#onboardingModal .onboarding-tab-item .stepper-body .step-body p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(28, 27, 31, 0.7);
}
#onboardingModal .onboarding-tab-item .form {
    max-width: 100%;
    width: 100%;
}
#onboardingModal .onboarding-tab-item .form .select2-container--default .select2-selection--single {
    height: 40px !important;
    border-radius: 8px !important;
}
#onboardingModal .onboarding-tab-item .survey-providers-list {
    flex-wrap: wrap;
    align-items: flex-start;
    max-height: 300px;
    overflow: auto;
}
#onboardingModal .onboarding-tab-item .survey-providers-list .item {
    width: calc(25% - 12px);
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
    margin-right: 16px;
    margin-bottom: 16px;
}
#onboardingModal .onboarding-tab-item .survey-providers-list .item:nth-child(4n) {
    margin-right: 0;
}
#onboardingModal .onboarding-tab-item .survey-providers-list img {
    display: block;
    height: 28px;
    margin-bottom: 12px;
}
#onboardingModal .onboarding-tab-item .survey-providers-list span {
    display: block;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}
#onboardingModal .modal-footer {
    padding-bottom: 0;
}
.onboarding-tab-item .input-group-row label {
    position: relative;
    width: calc(50% - 8px);
    margin-right: 16px;
}
.onboarding-tab-item .input-group-row label input {
    width: 100%;
    height: 100%;
    padding-right: 50px;
}
.onboarding-tab-item .input-group-row label button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    margin-left: 4px;
}
.onboarding-tab-item .input-group-row label button:disabled {
    opacity: 0.5;
}
.child-companies-checklist {
    flex-wrap: wrap;
}
.child-companies-checklist .check-field {
    width: calc(50% - 5px);
    justify-content: space-between;
    margin-right: 10px;
    margin-bottom: 10px;
}
.child-companies-checklist .check-field:nth-child(2n) {
    margin-right: 0;
}
.child-companies-checklist .check-field label,
.child-companies-checklist .check-field input {
    cursor: pointer;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
}

#select_file .selected-file {
    margin-right: 5px;
    margin-bottom: 5px;
}
.cell-field.files-cell-field {
    background: transparent;
}
.cell-field.files-cell-field .table-field .select2-selection__rendered {
    width: auto !important;
}
.cell-field .table-field .select2-selection--multiple .select2-selection__rendered {
    line-height: 28px !important;
}

#job-select-div .select2.select2-container {
    width: 100% !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    height: 45px;
    border-radius: 9px;
    padding: 0 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    font-size: 14px;
}
#job-select-div .select2.select2-container .select2-selection {
    min-height: 43px !important;
    height: 42px;
    background: transparent;
    border: none;
}
#job-select-div .select2.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background: #fff;
    opacity: 0.5;
}

.files-table-helper-messages {
    display: flex;
    align-items: center;
    border-top: 1px solid #B4DBE1;
    border-bottom: 1px solid #B4DBE1;
    padding: 12px 0;
}
.files-table-helper-messages div {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-right: 20px;
    padding: 5px;
}
.files-table-helper-messages img {
    width: 20px;
    margin-right: 8px;
}
.files-warning-message-box {
    display: flex;
    align-items: center;
    padding: 16px 0;
    font-size: 14px;
    font-weight: 400;
}
.files-warning-message-box strong {
    margin: 0 5px;
}
.files-warning-message-box img {
    width: 20px;
    margin-right: 8px;
}

.job-ai-market-matcher-tab {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.job-ai-market-matcher-tab #surveys_table_wrapper > .row {
    margin: 0;
}

.ai-market-matcher-head {
    align-items: center;
    align-items: flex-end;
}
.ai-market-matcher-head .formRow {
    width: 100%;
    margin-right: 16px;
    margin-bottom: 0;
}
.ai-market-matcher-head .formRow label {
    margin-bottom: 8px;
}
.ai-market-matcher-head button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 235px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 11px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000;
}
.ai-market-matcher-head button img {
    display: block;
    width: 20px;
    margin-left: 10px;
}
.history-section,
.manager-feedback-section {
    padding: 16px;
}
.history-section .panelBody {
    text-align: center;
    padding: 32px 0 0;
}
.history-section .logItem {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12px;
    border: 1px solid #0000001A;
    border-radius: 9px;
    margin-bottom: 4px;
}
.history-section .logItem .flex {
    align-items: flex-start;
}
.history-section .logItem img {
    display: block;
    width: 20px;
    margin-right: 8px;
}
.history-section .logItem h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #000000DE;
    margin-bottom: 4px;
}
.history-section .logItem p {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #3F3F3F;
    margin-bottom: 0;
}
.history-section .logItem p strong {
    font-weight: 600;
    font-style: italic;
}
.history-section .logItem .red-tag {
    background: #F5D9D9;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: #7A2626;
    padding: 6px 8px;
    border-radius: 8px;
    white-space: nowrap;
    margin-left: 16px;
}

.market-matcher-sidebar {
    width: 250px;
    background: #F1F9FA;
    border-radius: 24px;
    border: 1px solid #CDE9EE;
    margin-right: 12px;
}
.market-matcher-sidebar h2 {
    background: #E4F3F6;
    font-size: 18px;
    line-height: 24px;
    padding: 16px 10px;
    border-bottom: 1px solid #CDE9EE;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 24px 24px 0 0;
}
.market-matcher-sidebar h2 span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #0B3E47;
    margin-top: 8px;
}
.market-matcher-sidebar .actions {
    padding: 0 10px 24px;
}
.market-matcher-sidebar .actions h4 {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    color: #0B3E47;
    margin-bottom: 16px;
}
.market-matcher-sidebar .actions a,
.market-matcher-sidebar .actions button {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #051B1E;
    margin-bottom: 12px;
    padding: 4px;
}
.market-matcher-sidebar .actions a,
.market-matcher-sidebar .actions button:not(:last-of-type) {
    border-bottom: 1px solid #CDE9EE;
}
.market-matcher-sidebar .actions a img,
.market-matcher-sidebar .actions button img {
    display: block;
    width: 24px;
    margin-right: 8px;
}
.market-matcher-sidebar .actions a:not(:disabled):hover,
.market-matcher-sidebar .actions button:not(:disabled):hover {
    color: #1C9CB2;
}
.market-matcher-sidebar .actions a:disabled,
.market-matcher-sidebar .actions button:disabled {
    cursor: auto;
    color: rgba(0,0,0,.6);
}
.market-matcher-sidebar .actions a:disabled > img,
.market-matcher-sidebar .actions button:disabled > img {
    opacity: .6;
}
.market-matcher-sidebar .actions .modal-crown-button {
    display: flex;
    align-items: center;
}
.market-matcher-body {
    width: calc(100% - 262px);
}
.market-matcher-body.full {
    width: 100%;
}
svg > g > g.google-visualization-tooltip { pointer-events: none }
rect[stroke-opacity]{
    stroke-width:0 !important;
}

.quick-tips-box {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 16px 10px;
}
.quick-tips-box img {
    display: block;
    width: 65px;
    margin-right: 12px;
}
.quick-tips-box p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}
.mainHome .quick-tips-box img {
    width: 100px;
}
.mainHome .quick-tips-box p {
    font-size: 16px;
    line-height: 20px;
}
.market-matcher-sidebar #family_jobs_chart {
    padding: 16px;
}
.market-matcher-sidebar .quick-tips-box {
    display: block;
    background-color: transparent;
    margin-bottom: 0;
    box-shadow: none;
}
.market-matcher-sidebar .quick-tips-box img {
    width: 100px;
    margin-bottom: 8px;
}

.ck.ck-content ul {
    list-style-type: disc;
    color: rgba(0,0,0,.75);
    padding-left: 30px !important;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 22px;
}
.ck.ck-content ol {
    list-style-type: decimal;
    color: rgba(0,0,0,.75);
    padding-left: 30px !important;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 22px;
}
.company-statuses table {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
}
.company-statuses table thead {
    border: none;
}
.company-statuses table thead tr th {
    padding: 20px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
}
.company-statuses table thead tr th strong {
    font-size: 20px;
    font-weight: 500;
}
.company-statuses table tbody tr td {
    background-color: rgba(203, 63, 63, 0.2) !important;
}
.company-statuses table tbody tr td p {
    margin: 0;
    padding: 4px 16px;
    font-weight: 400;
    font-size: 13px;
}
.invoice-success {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #21A073;
}
.subscription-warning {
    display: flex;
    align-items: center;
    color: #E39839;
    font-size: 12px;
    margin-top: 8px;
}
.invoice-success i,
.subscription-warning i {
    margin-right: 8px;
}
.job-review-form label {
    font-style: italic;
    margin-bottom: 5px;
}
.job-review-form textarea {
    resize: none;
}
.is-active-checkbox {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    padding: 5px 10px;
    font-size: 14px;
    width: fit-content;
}
.is-active-checkbox label {
    margin-left: 12px;
}
.is-active-checkbox label.btn:after {
    display: none !important;
}
#edit_payrange_modal .switch-buttons-list .survey-filter-box {
    margin-right: 0;
}
#edit_payrange_modal .switch-buttons-list .survey-filter-box label {
    margin-right: 0;
}
#edit_payrange_modal .structures-list {
    margin-bottom: 24px;
}
.custom-checkbox.disabled {
    opacity: 0.6;
}
.custom-checkbox.disabled:hover:after {
    display: none !important;
}


.job_review_container {
    display: flex;
}
.job_review_tab {
    width: 258px;
    margin-right: 16px;
}
.job_review_tab ul {
    border: 1px solid #E1E1E1;
    border-radius: 12px;
    overflow: hidden;
}
.job_review_tab ul li button {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #0C0C0C;
    letter-spacing: 0.3px;
    padding: 12px 20px;
    text-align: left;
}
.job_review_tab ul li:not(:last-of-type) {
    border-bottom: 1px solid #E1E1E1;
}
.job_review_tab ul li button.active {
    background: #CDE9EE;
}
.job_review_detail_form {
    width: calc(100% - 274px);
}
/* .job-review-feedbacks .feedback_like {
    position: absolute;
    top: 0;
    right: 0;
}
.job-review-feedbacks .feedback_dislike {
    position: absolute;
    top: 0;
    right: 20px;
} */
.job-review-feedbacks p {
    font-size: 14px;
    line-height: 20px;
}
.job-review-feedbacks-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.job-review-feedbacks-title strong {
    font-size: 14px;
    width: calc(100% - 330px);
    margin-right: 20px;
}
.job-review-feedbacks-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
}
.job-review-feedbacks-bottom-left .survey-filter-box {
    padding: 8px 12px;
}
.job-review-feedbacks-bottom-left .survey-filter-box label {
    margin-right: 12px;
}
.job-review-feedbacks-bottom-right {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 8px;
    padding: 8px;
}
.job-review-feedbacks-bottom-right .feedbacks-count {
    font-size: 13px;
    line-height: 20px;
    color: rgba(0, 0, 0, .6);
    font-style: italic;
    margin-bottom: 0;
    margin-right: 8px;
}
.feedbacks-dots {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0 8px;
}
.feedbacks-dots .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(0,0,0,0.2);
}
.feedbacks-dots .dot.active {
    background: #000;
}

.job-review-feedbacks-bottom-right .feedbacks-slide-buttons {
    font-size: 14px;
}
.job-review-feedbacks-bottom-right .feedbacks-slide-buttons button {
    display: flex;
    align-items: center;
}
.job-review-feedbacks-bottom-right .feedbacks-slide-buttons button:disabled {
    opacity: 0.6;
    cursor: auto;
}
.rate-feedback-matches-box {
    display: flex;
    align-items: center;
}
.rate-feedback-matches-box label {
    display: block;
    margin-right: 12px;
    cursor: pointer;
    transition: all .3s ease;
    margin-bottom: 0 !important;
}
/* .rate-feedback-matches-box label:hover {
    opacity: 0.7;
} */
.rate-feedback-matches-box label input {
    display: none;
}
.rate-feedback-matches-box label span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #0C0C0C;
    border-radius: 100px;
    padding: 11px 16px;
}
.rate-feedback-matches-box label span img {
    margin-right: 8px;
}
.rate-feedback-matches-box label span img.active {
    display: none;
}
.rate-feedback-matches-box label input:checked + span {
    color: #fff;
}
.rate-feedback-matches-box label input:checked + span.bad-match-button {
    background: #CB3F3F;
}
.rate-feedback-matches-box label input:checked + span.good-match-button {
    background: #1E9068;
}   
.rate-feedback-matches-box label input:checked + span img {
    display: none;
}
.rate-feedback-matches-box label input:checked + span img.active {
    display: block;
}
.feedbacks-count {
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
}
.cover-to-parent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 999;
}
.step_questions_breadcrumbs {
    display: flex;
    align-items: center;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #DDF0F3;
    padding: 16px !important;
    margin-bottom: 0;
}
.step_questions_breadcrumbs li {
    font-size: 12px;
    line-height: 18px;
}
.step_questions_breadcrumbs li.is-active p {
    font-weight: 600;
}
.step_questions_breadcrumbs li img {
    width: 6px;
    margin: 0 10px 0 8px;
}
.step_questions_breadcrumbs li:last-child img {
    display: none;
}
.step_questions_breadcrumbs li a {
    color: #229CB2;
}
.search-tags-content .round-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin-right: 12px;
    background: linear-gradient(0deg, rgba(28, 156, 178, 0.31), rgba(28, 156, 178, 0.31)), #DDF0F3;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3);
}
.search-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.search-tags .search-tag {
    display: flex;
    align-items: center;
    background: rgba(28, 156, 178, 0.2);
    border-radius: 8px;
    border: none;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}
.search-tags .search-tag strong {
    margin-left: 4px;
}
.search-tags .search-tag button {
    border: none;
    font-size: 16px;
    padding: 0 0 0 8px;
    background: none;
    color: #CB3F3F;
}
.search-tags .search-tag button:disabled {
    opacity: 0.5;
    cursor: auto;
}
#datatable_table.job-tabs-mode .hidden-in-job-tabs {
    display: none;
}
#datatable_table.review-tabs-mode .hidden-in-review-tabs {
    display: none;
}

/* JD Template new page */
.jd-levels-content.full-screen-window {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
}
.jd-levels-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 16px 20px;
    border: 1px solid #0000001A;
    border-top: none;
}
.criteria-filter-box {
    display: flex;
    align-items: flex-start;
    width: calc(100% - 485px);
}
.criteria-filter-box .add-new-track-button {
    background: #CDE9EE;
    padding: 8px;
    border-radius: 12px 0 0 12px;
    border-right: 1px solid #A4D7E0;
}
.criteria-filter-box .add-new-track-button:disabled {
    opacity: 0.6;
}
.criteria-filter-box .select2-custom  {
    margin-bottom: 0;
    width: 100%;
}
.criteria-filter-box .default-track {
    display: flex;
}
.criteria-filter-box .default-track.select2-custom.blue .select2 {
    border-radius: 0;
}
.default-track.select2-custom.blue .select2-container--disabled {
    opacity: 0.6;
}
.criteria-filter-box .track-buttons {
    display: none;
}
.criteria-filter-box .default-track .track-buttons {
    display: flex;
}
.criteria-filter-box .default-track .track-buttons button {
    background: #CDE9EE;
    padding: 8px;
    border-left: 1px solid #A4D7E0;
}
.criteria-filter-box .default-track .track-buttons button:disabled {
    opacity: 0.6;
}
.criteria-filter-box .default-track .track-buttons button:last-child {
    border-radius: 0 12px 12px 0;
}
.criteria-filter-box .default-track .track-buttons button img {
    display: block;
    width: 20px;
}
.jd-levels-head .jd-levels-head-button {
    display: flex;
    align-items: center;
    background-color: transparent;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    padding: 7px 16px;
    cursor: pointer;
}
.jd-levels-head .jd-levels-head-button img {
    display: block;
    width: 24px;
    margin-left: 8px;
}
.full-screen {
    background: #CDE9EE;
    padding: 8px;
    border-radius: 12px;
}
.full-screen.active {
    background: #1C9CB2;
}
.jd-levels-body {
    background: #fff;
    border: 1px solid #0000001A;
    border-top: none;
    border-radius: 0 0 24px 24px;
    padding: 4px 20px 20px;
}
.criteria-levels-head {
    display: flex;
    align-items: center;
}
.criteria-haed,
.levels-haed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #000;
    padding: 4px 8px 4px 16px;
    position: relative;
}
.criteria-haed {
    width: 200px;
    border-right: 1px solid #E1E1E1;
}
.levels-haed {
    width: calc(100% - 200px);
}
.levels-haed .custom-scrollbar {
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 100%;
    background: #E4F3F6;
    border-radius: 20px;
    transform: scale(0.8);
    margin-top: -5px;
    margin-left: -50%;
}
.levels-haed .scroll-thumb {
    height: 100%;
    width: 50px;
    background: #A4D7E0;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
}
.criteria-button,
.levels-button {
    background: #DDF0F3;
    border-radius: 50%;
    padding: 6px;
}
.criteria-button.active,
.levels-button.active {
    background: #1C9CB2;
}
.criteria-button img,
.levels-button img {
    display: block;
    width: 20px;
}
.criteria-group-dropdown,
.level-group-dropdown,
.criteria-item-dropdown,
.level-dropdown,
.description-dropdown {
    position: absolute;
    z-index: 9;
    top: 42px;
    right: 0;
}
.criteria-item-dropdown {
    bottom: -93px;
    right: 4px;
    top: auto;
}
.criteria-item-dropdown.open-up {
    bottom: auto;
    top: -30px;
}
.level-dropdown {
    top: 38px;
    right: 4px;
    left: auto;
}
.description-dropdown {
    top: 100px;
}
.description-dropdown.open-up {
    top: -30px;
}
.criteria-group-dropdown ul,
.level-group-dropdown ul,
.criteria-item-dropdown ul,
.level-dropdown ul,
.description-dropdown ul {
    background: #fff;
    box-shadow: 0px 4px 8px 0px #00000026;
    padding: 6px 4px !important;
    border-radius: 12px;
    margin-bottom: 0;
}
.criteria-group-dropdown ul li,
.level-group-dropdown ul li,
.criteria-item-dropdown ul li,
.level-dropdown ul li,
.description-dropdown ul li {
    display: block;
    white-space: nowrap;
}
.criteria-group-dropdown ul li button,
.level-group-dropdown ul li button,
.criteria-item-dropdown ul li button,
.level-dropdown ul li button,
.description-dropdown ul li button {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.5px;
    padding: 8px;
}
.criteria-group-dropdown ul li button img,
.level-group-dropdown ul li button img,
.criteria-item-dropdown ul li button img,
.level-dropdown ul li button img,
.description-dropdown ul li button img {
    display: block;
    width: 20px;
    margin-right: 8px;
}
.criteria-levels-body {
    display: flex;
    border-radius: 0 0 24px 24px;
    overflow: hidden;
    border-top: 1px solid #0000001A;
}
.criteria-list {
    width: 200px;
    background: #FBECDB;
    border-radius: 24px 0 0 24px;
}
.criteria-title {
    height: 44px;
    background: #F8DDBF;
    border-bottom: 1px solid #0000001A;
}
.no-criteria-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #F9EAD7;
    padding: 24px 12px;
    border: 1px solid #F5CCA0;
    border-radius: 24px 0 0 24px;
    text-align: center;
}
.no-criteria-box img {
    display: block;
    width: 24px;
    margin: 0 auto 12px;
}
.no-criteria-box p {
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: 0.25px;
    margin-bottom: 12px;    
    color: #000000DE;
}
.no-criteria-box p strong {
    font-weight: 500;
    line-height: 20px;
}
.no-criteria-box .create-new-criteria-button {
    background: #F5CCA0;
    border: 1px solid #0000001A;
    padding: 6px 12px;
    border-radius: 42px;
    font-size: 12px;
    margin: 0 auto;
}
.criteria-item {
    display: flex;
    align-items: center;
    background: #FBECDB;
    height: 100px;
    padding: 4px 16px;
    box-shadow: 0px -1px 0px 0px #0000001F inset;
    position: relative;
}
.criteria-item p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient:vertical;  
    overflow: hidden;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    color: #000000DE;
    margin-bottom: 0;
}
.criteria-item .criteria-item-dropdown-button {
    display: none;
    background: #F8DDBF;
    border-radius: 6px;
    padding: 4px 10px;
    position: absolute;
    bottom: 4px;
    right: 4px;
    z-index: 2;
}
.criteria-item .criteria-item-dropdown-button.active {
    background: #E99437;
    display: block;
}
.criteria-item:hover .criteria-item-dropdown-button {
    display: block;
}
.full-screen-window .criteria-item .criteria-item-dropdown-button {
    right: 60px;
}
.full-screen-window .criteria-item-dropdown {
    right: 60px;
}
.full-screen-window .jd-levels-body {
    min-height: calc(100vh - 73px);
}
.criteria-generate-ai-box {
    width: 56px;
    height: 100%;
    background: #FEFBF7;
    padding: 10px 8px;
    position: absolute;
    top: 0;
    left: 1048px;
    box-shadow: 0px -1px 0px 0px #0000001F inset;
    z-index: 4;
}
.criteria-generate-ai-box > img {
    display: block;
    width: 100%;
}
.criteria-generate-ai-box.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}
.criteria-generate-ai-box.active {
    background: #F8FCFD;
    z-index: 999999;
}
.criteria-generate-ai-box .ai-accept-reject-buttons {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.criteria-generate-ai-box .ai-accept-reject-buttons .accept-ai-button {
    width: 100%;
    height: 50%;
    background: #CDE9EE;
    border-radius: 100px 100px 0 0;
}
.criteria-generate-ai-box .ai-accept-reject-buttons .reject-ai-button {
    width: 100%;
    height: 50%;
    background: #F5D9D9;
    border-radius: 0 0 100px 100px;
}
.criteria-generate-ai-box .generate-with-ai-button {
    width: 100%;
    height: 100%;
    background: #FBECDB;
    padding: 8px;
    border-radius: 100px;
}
.criteria-generate-ai-box .generate-with-ai-button img {
    display: block;
    width: 24px;
}
.levels-list {
    display: flex;
    width: calc(100% - 200px);
    overflow: auto;
    padding-right: 56px;
}
.levels-list.empty {
    padding-right: 0;
}
.no-levels-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #CDE9EE;
    padding: 48px 12px;
    border: 1px solid #E1E1E1;
    border-radius: 0 24px 24px 0;
    text-align: center;
}
.no-levels-box .add-new-level-button {
    color: #fff;
    background: #1C9CB2;
    border: 1px solid #0000001A;
    padding: 8px 24px;
    border-radius: 42px;
    font-size: 16px;
    margin: 0 auto;
}
.no-levels-box img {
    display: block;
    width: 40px;
    margin: 0 auto 12px;
}
.no-levels-box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.25px;
    margin-bottom: 12px;    
    color: #000000DE;
}
.no-levels-box p strong {
    font-weight: 500;
    line-height: 20px;
}
.level-box {
    width: 100%;
    min-width: 200px;
    border-right: 1px solid #5BBECF;
}
.level-box .level-title {
    display: flex;
    align-items: center;
    height: 44px;
    background: #CDE9EE;
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    vertical-align: middle;
    color: #0C0C0C;
    border-bottom: 1px solid #E1E1E1;
    position: relative;
}
.level-title .level-dropdown-button {
    display: none;
    background: #A4D7E0;
    border-radius: 6px;
    padding: 4px 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    z-index: 2;
}
.level-title .level-dropdown-button.active {
    display: block;
    background: #1C9CB2;
}
.level-box .level-title:hover .level-dropdown-button {
    display: block;
}
.level-box .level-item {
    display: flex;
    align-items: center;
    height: 100px;
    box-shadow: 0px -1px 0px 0px #0000001F inset;
    padding: 10px;
    background: #fff;
}
.level-box .level-item.ai-generating {
    background: #FDF7F0;
    box-shadow: 0px -1px 0px 0px #0000001F inset;
}
.level-box .level-item.ai-generating,
.level-box .level-item.level-with-desc {
    position: relative;
    z-index: 99999;
}
.level-box .level-item.level-with-desc .description-dropdown-button {
    display: none !important;
}
.level-box .level-item .add-description-button {
    display: flex;
    align-items: center;
    background-color: transparent;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #000;
    border: 1px solid #0000001A;
    border-radius: 100px;
    padding: 4px 10px;
    cursor: pointer;
    white-space: nowrap;
}
.level-box .level-item .add-description-button img {
    display: block;
    width: 20px;
    margin-left: 6px;
}
.level-box .level-item p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient:vertical;  
    overflow: hidden;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #0C0C0C;
    margin-bottom: 0;
}
.level-item.level-with-description {
    position: relative;
}
.level-item.level-with-description .description-dropdown-button {
    display: none;
    background: #A4D7E0;
    border-radius: 6px;
    padding: 4px 10px;
    position: absolute;
    bottom: 4px;
    right: 4px;
    z-index: 2;
}
.level-item.level-with-description .description-dropdown-button.active {
    display: block;
    background: #1C9CB2;
}
.level-item.level-with-description:hover .description-dropdown-button {
    display: block;
}
.jd-levels-content.full-screen-window .criteria-list,
.jd-levels-content.full-screen-window .criteria-haed {
    width: 280px;
}
.jd-levels-content.full-screen-window .levels-haed,
.jd-levels-content.full-screen-window .levels-list {
    width: calc(100% - 280px);
}
.jd-levels-content.full-screen-window .criteria-item {
    padding-right: 60px;
}
.jd-levels-content.full-screen-window .criteria-generate-ai-box {
    left: auto;
    right: 0;
}
.jd-levels-content.full-screen-window .levels-list {
    padding-right: 0;
}
.jd-levels-content.full-screen-window .level-box {
    width: 100%;
    min-width: 300px;
}
.medium-modal.modal-redesigned .modal-dialog .modal-body.modal-body-form {
    padding: 32px 24px;
    min-height: 0;
}
.medium-modal.modal-redesigned .modal-dialog {
    max-width: 650px;
}
.add-level-tag-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #B4DBE1;
    border-radius: 50%;
    margin-left: 12px;
}
.add-level-tag-button:disabled {
    opacity: 0.5;
    cursor: auto;
}
.levels-tag-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 12px;
    max-height: 400px;
    overflow: auto;
}
#add_new_level_modal ol.levels-tag-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #DDF0F3;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #0C0C0C;
    padding: 8px 16px;
    cursor: pointer;
}
#add_new_level_modal ol.levels-tag-list:not(.check-list) li {
    width: auto;
    margin: 4px;
    border-radius: 8px;
}
.levels-tag-list .level-tag .level-tag-left {
    display: flex;
    align-items: center;
}
.levels-tag-list .level-tag b {
    font-weight: 400;
    font-size: 12.5px;
    line-height: 18px;
    letter-spacing: 0.1px;
    vertical-align: middle;
    margin-right: 5px;
}
.levels-tag-list .level-tag span {
    font-weight: 400;
    font-size: 12.5px;
    line-height: 18px;
    letter-spacing: 0.1px;
    vertical-align: middle;
    margin-right: 5px;
}
.levels-tag-list .level-tag button {
    padding: 0;
}
.levels-tag-list .level-tag img {
    display: block;
    width: 14px;
}
#manage_levels_modal ol li {
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #0C0C0C;
    padding: 8px 16px;
    cursor: pointer;
}
#manage_levels_modal ol li b {
    font-weight: 500;
}
@media (min-width: 1200px) {
    .criteria-generate-ai-box {
        left: 1048px;
    }
}
@media (min-width: 1480px) {
    .criteria-generate-ai-box {
        left: 1158px;
    }
}

/* Level mapping */
.levels-mapping-content {
    display: flex;
    background: #fff;
    padding: 12px 24px 40px;
    border: 1px solid #0000001A;
    border-radius: 0 0 24px 24px;
}
.levels-mapping-content h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    padding: 8px;
    margin-bottom: 12px;
}
.internal-levels {
    width: 290px;
    min-width: 290px;
    max-width: 100%;
    margin-right: 24px;
}
.internal-levels-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.internal-levels-head h4 {
    margin: 0;
}
.internal-levels-head #add_level {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.5px;
    padding: 4px 12px;
    margin-right: 0;
}
.internal-levels-head #add_level img {
    display: block;
    width: 20px;
    margin-right: 8px;
}
.internal-levels .internal-levels-box {
    display: flex;
    align-items: center;
    min-height: 250px;
    height: auto;
    background: #F9EAD7;
    border: 1px solid #F5CCA0;
    border-radius: 24px;
    text-align: center;
    padding: 12px;
}
.internal-levels .no-level-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    height: 100%;
}
.internal-levels .no-level-box img {
    display: block;
    width: 35px;
    margin-bottom: 12px;
}
.internal-levels .no-level-box p {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: center;
    color: rgba(0, 0, 0, .7);
}
.internal-levels .no-level-box p strong {
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.25px;
    text-align: center;
    color: #000000DE;
}
.internal-levels .no-level-box p:not(:last-of-type) {
    margin-bottom: 12px;
}
.internal-levels .internal-levels-list {
    width: 100%;
    min-height: 225px;
    overflow-y: auto;
    max-height: 370px;
}
.internal-levels .internal-levels-list .droppable,
.internal-levels .internal-levels-list .draggable {
    display: block;
}
.internal-levels .internal-levels-list .draggable.ui-draggable-dragging {
    width: 264px !important;
}
.internal-levels .internal-levels-list .draggable.ui-draggable-dragging > span {
    background: #F8DDBF;
}
.internal-levels .internal-levels-list .draggable-btn {
    display: block;
    width: 100%;
    background: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000;
    border: 1px dashed #F2BF87;
    padding: 6px 8px;
    border-radius: 8px;
    margin-bottom: 8px;
    text-align: left;
    cursor: pointer;
}
.internal-levels .internal-levels-list .ui-draggable-disabled .draggable-btn {
    background: #F8DDBF;
    cursor: auto;
    border-style: solid;
    border-color: #F8DDBF;
}
.internal-levels .internal-levels-list .droppable.ui-draggable-dragging {
    width: 200px !important;
}
.job-track-groups {
    width: calc(100% - 314px);
}
.job-track-groups-list {
    display: flex;
    flex-wrap: wrap;
}
.job-track-groups-list .job-track-groups-item {
    width: calc(33.3% - 6px);
    background: #E4F3F6;
    border: 1px solid #E1E1E1;
    margin-right: 9px;
    margin-bottom: 9px;
    border-radius: 12px;
    overflow: hidden;
}
.job-track-groups-list .job-track-groups-item:nth-child(3n) {
    margin-right: 0;
}
.job-track-groups-list .job-track-groups-item .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000000DE;
    padding: 8px 12px;
}
.job-track-groups-list .job-track-groups-item .title .remove-career-track {
    display: inline-block;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #CB3F3F;
    border-radius: 8px;
    padding: 4px;
    cursor: pointer;
}
.job-track-groups-list .job-track-groups-item .title .remove-career-track img {
    display: block;
    width: 18px;
}
.job-track-groups-list .job-track-groups-item .empty {
    background: #CDE9EE;
    padding: 16px 24px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: center;
    color: rgba(0, 0, 0, .7);
}
.job-track-groups-list .job-track-groups-item .dropElement {
    background: #CDE9EE;
    padding: 6px;
}
.job-track-groups-list .job-track-groups-item .droppable .droppable-text {
    background: #80C8D4A6;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, .6);
    padding: 6px 8px;
    border-radius: 8px;
    border: 1px dashed transparent;
}
.job-track-groups-list .job-track-groups-item .droppable.ui-droppable-active .droppable-text {
    border-color: #1C9CB2;
    background: #A4D7E0;
}
.job-track-groups-list .job-track-groups-item .droppable.has-levels {
    padding: 0;
    border: none;
    background: transparent;
    max-height: 220px;
    overflow: auto;
}
.job-track-groups-list .job-track-groups-item .sortable-placeholder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    width: 100%;
    height: 36px;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000;
    padding: 6px 8px;
    border-radius: 8px;
    margin-top: 8px;
}
.job-track-groups-list .job-track-groups-item .droppable .dropped-level-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000;
    padding: 6px 8px;
    border-radius: 8px;
    margin-top: 8px;
}
.job-track-groups-list .job-track-groups-item .droppable .dropped-level-item .remove-level {
    cursor: pointer;
}
.job-track-groups-list .job-track-groups-item .droppable .dropped-level-item .remove-level img {
    display: block;
    width: 12px;
}
.job-track-groups-list .job-track-groups-item .droppable .dropped-level-item.ui-draggable-dragging {
    width: 243px !important;
    background: #F8DDBF;
}

.tooltip .tooltip-inner {
    white-space: pre-line;
}

.old-radios label {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-left: 16px;
    cursor: pointer;
}
.old-radios label input {
    margin-right: 8px;
}

.full-screen-wrapper.full-screen-window {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
}

#previewModal .modal-dialog,
#noticesModal .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 56px);
}
#previewModal .modal-content,
#noticesModal .modal-content {
    height: 80%;
    max-height: 702px;
    overflow: auto;
}
#previewModal .modal-body,
#noticesModal .modal-body {
    padding: 24px 0;
}
#previewModal .notice-content,
#noticesModal .notice-content {
    background: #fff;
    max-width: 100%;
    color: #333;
    line-height: 1.6;
    font-size: 16px;
    padding: 24px 36px;
    height: 540px;
    overflow: auto;
    border-radius: 16px;
}
#noticesModal .notice-title,
#previewModal .notice-title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#previewModal .notice-body h1,
#previewModal .notice-body h2,
#previewModal .notice-body h3,
#previewModal .notice-body h4,
#noticesModal .notice-body h1,
#noticesModal .notice-body h2,
#noticesModal .notice-body h3,
#noticesModal .notice-body h4 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}
#previewModal .notice-body p,
#noticesModal .notice-body p {
    margin-bottom: 1rem;
} 
#previewModal .notice-body a,
#noticesModal .notice-body a {
    color: #0d6efd;
    text-decoration: underline;
}
#previewModal .notice-body ul,
#noticesModal .notice-body ul,
#previewModal .notice-body ol,
#noticesModal .notice-body ol {
    list-style-type: auto;
    padding-left: 24px !important;
}
#previewModal .attachments,
#noticesModal .attachments {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: start;
}
#previewModal .attachment-img,
#noticesModal .attachment-img {
    width: 100%;
    max-width: 200px;
    border-radius: 8px;
    height: 200px;
    object-fit: cover;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
#previewModal .attachment-video,
#noticesModal .attachment-video {
    width: 100%;    
    height: auto;
    object-fit: cover;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
#previewModal .video-box,
#noticesModal .video-box {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}
/* #previewModal .video-box img,
#noticesModal .video-box img {
    width: 48px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
#previewModal .video-box::after,
#noticesModal .video-box:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    left: 0;
    top: 0;
} */
#previewModal .carousel-control-prev,
#previewModal .carousel-control-next,
#noticesModal .carousel-control-next,
#noticesModal .carousel-control-prev {
    width: 48px;
    height: 48px;
    color: #FFFFFF !important;
    background: #DDF0F3 !important;
    opacity: 1;
    top: 50%;
    margin-top: -24px;
}
#noticesModal .carousel-control-next,
#previewModal .carousel-control-next {
    right: -20px;
}
#noticesModal .carousel-control-prev,
#previewModal .carousel-control-prev {
    left: -20px;
}
/* .video-modal {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999999;
}
.video-modal video {
    width: 900px;
    height: 570px;
    background: #000;  
    border-radius: 28px;
} */
#previewModal .modal-footer,
#noticesModal .modal-footer {
    padding-top: 0;
}


@media (max-width: 1480px) {
    .container {
        width: 1170px !important;
        max-width: 1170px !important;
        margin-left: calc((100% - 1090px)/2);
    }
    .currency_list li {
        width: 174px;
    }
    .products-tab-item .job-families {
        width: 800px;
    }
    .products-tab-item .participation-requirements,
    .description .right-button {
        width: calc(100% - 830px);
    }
    .pageSlider .pageSlider-buttons {
        width: 1240px;
    }
    .blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li a span,
    .blue_page_head .blue_page_title .blue_page_title_left .blue_page_head_filters.blue_page_head_reports li button span {
        font-size: 13px;
    }
}
@media (min-width: 1200px) and (max-width: 1480px) {
    .container {
        max-width: 1170px !important;
    }
}
@media (max-height: 780px) {
    .sidebar-nav {
        padding: 8px 0;
    }
    .sidebar-nav > ul > li:not(:last-of-type) {
        margin-bottom: 8px;
    }
    .sidebar-nav .help-button {
        bottom: 8px;
    }
}