@font-face {
    font-family: 'icomoon';
    src: url('https://ca.sincron.biz/assets/fonts/icomoon.eot?7cohoww');
    src: url('https://ca.sincron.biz/assets/fonts/icomoon.eot?7cohoww#iefix') format('embedded-opentype'),
    url('https://ca.sincron.biz/assets/fonts/icomoon.ttf?7cohoww') format('truetype'),
    url('https://ca.sincron.biz/assets/fonts/icomoon.woff?7cohoww') format('woff'),
    url('https://ca.sincron.biz/assets/fonts/icomoon.svg?7cohoww#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/*
* CUSTOM SCROLLBAR for $(".custom-scroll-container-root").customScrollbar();
*/
.widget-custom-scrollbar {
    position: fixed;
    bottom: 0;
    left: 59px;
    display: none;
    width: calc(100% - 59px);
    height: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F1F8FC;
    z-index: 1000;
}

.widget-custom-scrollbar .scroll-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    cursor: pointer;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #0D9DC6;
}

/*
Start Beamer overwrite
*/
.beamer_defaultBeamerSelector {
    bottom: 10px !important;
    right: 1px !important;
}

.beamer_defaultBeamerSelector.bell_lines {
    background-color: #0d9dc6 !important;
}

/* bootstrap select */
.dropdown.bootstrap-select.bootstrap-select-element {
    border: none !important;
}

.dropdown.bootstrap-select.bootstrap-select-element .dropdown-menu .selected {
    color: #000;
}

.bootstrap-select-element button.btn.dropdown-toggle.form-control {
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

.bootstrap-select-element button.btn.dropdown-toggle.form-control:focus {
    outline: none !important;
    box-shadow: none;
}

.bootstrap-select-element .filter-option-inner-inner {
    font-size: 12px;
    color: #666;
}

/*********************/

/*
End Beamer overwrite
*/


.new_design [class^="icon-"], .new_design [class*=" icon-"],
.style-v2 [class^="icon-"], .new_design [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* contract template - sortable*/
.sortable_section_articol {
    background: #fff;
}

.sortable_section_articol.ui-sortable-helper {
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
}

/* contract template - sortable*/


.new_design .icon-Onboarding:before {
    content: "\e900";
}
.new_design .icon-My-Account:before {
    content: "\e901";
}
.new_design .icon-List-view:before {
    content: "\e902";
}
.new_design .icon-Data-Protection:before {
    content: "\e903";
}
.new_design .icon-cards-view:before {
    content: "\e904";
}
.new_design .icon-bell:before {
    content: "\e905";
}
.new_design .icon-analytics:before {
    content: "\e906";
}
.new_design .icon-Search:before {
    content: "\e907";
}
.new_design .icon-ReInitializeaza:before {
    content: "\e908";
}
.new_design .icon-Printeaza:before {
    content: "\e909";
}
.new_design .icon-Neplanificat:before {
    content: "\e90a";
}
.new_design .icon-Modifica:before {
    content: "\e90b";
}
.new_design .icon-Izolat:before {
    content: "\e90c";
}
.new_design .icon-Invizibil:before {
    content: "\e90d";
}
.new_design .icon-Exporta-CSV:before {
    content: "\e90e";
}
.new_design .icon-Arhiva:before {
    content: "\e90f";
}
.new_design .icon-Checked:before {
    content: "\e910";
}
.new_design .icon-training:before {
    content: "\e911";
}
.new_design .icon-time:before {
    content: "\e912";
}
.new_design .icon-chevron-right:before {
    content: "\e913";
}
.new_design .icon-chevron-bottom:before {
    content: "\e914";
}
.new_design .icon-chevron-top:before {
    content: "\e915";
}
.new_design .icon-settings:before {
    content: "\e916";
}
.new_design .icon-reference:before {
    content: "\e917";
}
.new_design .icon-quick-view:before {
    content: "\e918";
}
.new_design .icon-personnel:before {
    content: "\e919";
}
.new_design .icon-performance:before {
    content: "\e91a";
}
.new_design .icon-payroll:before {
    content: "\e91b";
}
.new_design .icon-Organization:before {
    content: "\e91c";
}
.new_design .icon-import-candidates:before {
    content: "\e91d";
}
.new_design .icon-download:before {
    content: "\e91e";
}
.new_design .icon-delete:before {
    content: "\e91f";
}
.new_design .icon-chevron-left:before {
    content: "\e920";
}
.new_design .icon-candidate-history:before {
    content: "\e921";
}
.new_design .icon-arrow-down:before {
    content: "\e922";
}
.new_design .icon-arrow-up:before {
    content: "\e923";
}
.new_design .icon-information:before,
.new_design .icon-info:before {
    content: "\e924";
}
.new_design .icon-remove:before {
    content: "\e925";
}
.new_design .icon-dropdown-check:before {
    content: "\e926";
}
.new_design .icon-export-icon:before {
    content: "\e927";
}
.new_design .icon-reference-list:before {
    content: "\e928";
}
.new_design .icon-log-co:before {
    content: "\e929";
}
.new_design .icon-convert:before {
    content: "\e92a";
}
.new_design .icon-calculation-basis:before {
    content: "\e92b";
}
.new_design .icon-draft:before {
    content: "\e92c";
}
.new_design .icon-left-align:before {
    content: "\e92d";
}
.new_design .icon-center-align:before {
    content: "\e92e";
}
.new_design .icon-save:before {
    content: "\e92f";
}
.new_design .icon-drafts:before {
    content: "\e930";
}
.new_design .icon-box-arrow-left:before {
    content: "\e931";
}
.new_design .icon-box-arrow-right:before {
    content: "\e932";
}
.new_design .icon-card-view:before {
    content: "\e933";
}
.new_design .icon-star-filled:before {
    content: "\e934";
}
.new_design .icon-star-empty:before {
    content: "\e935";
}
.new_design .icon-terminated:before {
    content: "\e936";
}
.new_design .icon-suspended:before {
    content: "\e937";
}
.new_design .icon-add:before {
    content: "\e938";
}
.new_design .icon-transfer:before {
    content: "\e939";
}
.new_design .icon-pie-chart:before {
    content: "\e93a";
}
.new_design .icon-stop:before {
    content: "\e93b";
}
.new_design .icon-rotate-cw:before {
    content: "\e93c";
}
.new_design .icon-prolonged:before {
    content: "\e93d";
}
.new_design .icon-exporta-docx:before {
    content: "\e93e";
}
.new_design .icon-exporta-pdf:before {
    content: "\e93f";
}
.new_design .icon-play:before {
    content: "\e940";
}
.new_design .icon-trash:before {
    content: "\e941";
}
.new_design .icon-corectie:before {
    content: "\e942";
}
.new_design .icon-first-page:before {
    content: "\e943";
}
.new_design .icon-last-page:before {
    content: "\e944";
}
.new_design .icon-chat:before {
    content: "\e945";
}
.new_design .icon-message:before {
    content: "\e946";
}
.new_design .icon-rechemare:before {
    content: "\e947";
}
.new_design .icon-list:before {
    content: "\e948";
}
.new_design .icon-overdue:before {
    content: "\e949";
}
.new_design .icon-approve:before {
    content: "\e94a";
}
.new_design .icon-paperclip:before {
    content: "\e94b";
}
.new_design .icon-import:before {
    content: "\e94c";
}
.new_design .icon-populate:before {
    content: "\e94d";
}
.new_design .icon-use-cases:before {
    content: "\e94e";
}
.new_design .icon-clone-plan:before {
    content: "\e94f";
}
.new_design .icon-propagate:before {
    content: "\e950";
}
.new_design .icon-thumb-ok:before {
    content: "\e951";
}
.new_design .icon-thumbs-down:before {
    content: "\e952";
}
.new_design .icon-upload:before {
    content: "\e953";
}
.new_design .icon-edit:before {
    content: "\e954";
}
.new_design .icon-add2:before {
    content: "\e955";
}
.new_design .icon-reminder:before {
    content: "\e956";
}
.new_design .icon-point:before {
    content: "\e957";
}
.new_design .icon-lock:before {
    content: "\e958";
}
.new_design .icon-play-solid:before {
    content: "\e959";
}
.new_design .icon-flag:before {
    content: "\e95a";
}
.new_design .icon-alert-circle:before {
    content: "\e95b";
}
.new_design .icon-approve:before {
    content: "\e95c";
}
.new_design .icon-view-flow:before {
    content: "\e95d";
}
.new_design .icon-cloneaza-activitati:before {
    content: "\e95e";
}
.new_design .icon-arrow-up-xl:before {
    content: "\e95f";
}
.new_design .icon-arrow-down-xl:before {
    content: "\e960";
}
.new_design .icon-mail:before {
    content: "\e961";
}
.new_design .icon-message-square:before {
    content: "\e962";
}
.new_design .icon-phone:before {
    content: "\e963";
}
.new_design .icon-ocr:before {
    content: "\e964";
}
.new_design .icon-360:before {
    content: "\e965";
}
.new_design .icon-project:before {
    content: "\e966";
}
.new_design .icon-remove-square:before {
    content: "\e967";
}
.new_design .icon-box-arrow-top-right:before {
    content: "\e968";
}
.new_design .icon-stop1:before {
    content: "\ea17";
}
.new_design .icon-finalize:before {
    content: "\e969";
}
.new_design .icon-tag:before {
    content: "\e96a";
}
.new_design .icon-map-pin:before {
    content: "\e96b";
}
.new_design .icon-approve1:before {
    content: "\e94a";
}
.new_design .icon-good:before {
    content: "\e96c";
}
.new_design .icon-good-1:before {
    content: "\e96d";
}
.new_design .icon-very-good:before {
    content: "\e96e";
}
.new_design .icon-very-good-1:before {
    content: "\e96f";
}
.new_design .icon-excellent-1:before {
    content: "\e976";
}
.new_design .icon-excellent:before {
    content: "\e970";
}
.new_design .icon-more-horizontal:before {
    content: "\e971";
}
.new_design .icon-editare-lista:before {
    content: "\e972";
}
.new_design .icon-experience:before {
    content: "\e973";
}
.new_design .icon-edit-mic:before {
    content: "\e974";
}
.new_design .icon-adauga-comentariu:before {
    content: "\e975";
}
.new_design .icon-file-plus:before {
    content: "\e977";
}
.new_design .icon-alert:before {
    content: "\e978";
}
.new_design .icon-briefcase:before {
    content: "\e979";
}
.new_design .icon-steluta-evaluare:before {
    content: "\e97a";
}
.new_design .icon-smile-2:before {
    content: "\e97b";
}
.icon-settings-2:before {
    content: "\e97c";
}
.icon-filter:before {
    content: "\e97d";
}
.icon-evaluare:before {
    content: "\e97e";
}
.icon-legitimatie:before {
    content: "\e97f";
}



/* Style - bootstrap select */

.new_design .select-dropdown-bootstrap.form-control {
    padding: 0;
}

.new_design .select-dropdown-bootstrap .btn.dropdown-toggle.form-control,
.new_design .form-inline .select-dropdown-bootstrap .btn.dropdown-toggle.form-control {
    width: 100%;
    min-height: 46px;
    font-family: "Open Sans", sans-serif;
    padding-left: 10px;
    margin-right: 20px;
    font-size: 12px;
    line-height: 1.25;
    color: #054A61;
    outline: none;
}


.new_design .select-dropdown-bootstrap.select-dropdown-bootstrap-xs.form-control{
    height: auto;
    border:none;
}
.new_design .select-dropdown-bootstrap.select-dropdown-bootstrap-xs .btn.dropdown-toggle.form-control{
    min-height: 40px;
    height: auto;
}

.new_design .select-dropdown-bootstrap select {
    visibility: hidden;
}

.new_design .select-dropdown-bootstrap.select-dropdown-bootstrap-xs .bootstrap-select{
    border: 1px solid #DAE0DE;
}
.new_design .select-dropdown-bootstrap.select-dropdown-bootstrap-xs .bootstrap-select:hover{
    outline: 1px solid #054A61;
}

.new_design .select-dropdown-bootstrap .bootstrap-select.open {
    outline: 1px solid #054A61 !important;
    border-radius: 4px;
}

.new_design .select-dropdown-bootstrap .bootstrap-select.open .dropdown-menu {
    display: block !important;

}

.new_design .select-dropdown-bootstrap:not(.w-full) .bootstrap-select .dropdown-menu > .inner {

    width: 275px;
}

.new_design .select-dropdown-bootstrap .dropdown:hover .dropdown-menu {
    display: none;
}

.new_design .select-dropdown-bootstrap .dropdown .dropdown-menu > li > a {
    padding: 5px 0px 5px 10px !important;
    white-space: normal;
}

.new_design .select-dropdown-bootstrap .dropdown .dropdown-menu > li > a:focus {
    outline: none;
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .bs-searchbox input:focus,
.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .bs-searchbox input:hover {
    border-color: #054A61
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .actions-btn {
    background-color: #d4ecf9;
    color: #054A61;
    font-size: 12px
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .actions-btn:hover {
    background: #C1E0F2;
    color: #054A61;;
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group button {
    width: calc(50% - 5px);
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group button.bs-select-all {
    margin-right: 5px;
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group button.bs-deselect-all {
    margin-left: 5px;
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox {
    padding-top: 3px;
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu li a span.text {
    width: auto;
    height: auto;
}

.new_design .select-dropdown-bootstrap .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    width: 12px;
    height: 12px;
    margin-right: 0;
}

.new_design .select-dropdown-bootstrap .bootstrap-select .dropdown-menu > .active > a,
.new_design .select-dropdown-bootstrap .bootstrap-select .dropdown-menu > .active > a:hover,
.new_design .select-dropdown-bootstrap .bootstrap-select .dropdown-menu > .active > a:focus {
    color: #FF851A;
    background-image: none;
    background-color: #F1F8FC;
}

.new_design .select-dropdown-bootstrap .btn.dropdown-toggle.form-control:focus,
.new_design .form-inline .select-dropdown-bootstrap .btn.dropdown-toggle.form-control:focus {
    outline: none !important;
    border: none;
}

.new_design .select-dropdown-bootstrap .btn.dropdown-toggle.form-control .filter-option,
.new_design .form-inline .select-dropdown-bootstrap .btn.dropdown-toggle.form-control .filter-option {
    display: flex;
}

.new_design .select-dropdown-bootstrap .btn.dropdown-toggle.form-control .filter-option-inner,
.new_design .form-inline .select-dropdown-bootstrap .btn.dropdown-toggle.form-control .filter-option-inner {

    display: flex;
    align-items: center;
    width: 100%;
    font-size: 12px;
    line-height: 1.25;
    color: #054A61;
}

.new_design .select-dropdown-bootstrap .btn.dropdown-toggle.form-control .filter-option-inner .filter-option-inner-inner,
.new_design .form-inline .select-dropdown-bootstrap .btn.dropdown-toggle.form-control .filter-option-inner .filter-option-inner-inner {
    width: 100%;
    font-size: 12px;
    line-height: 1.25;
    color: #054A61;
}

.new_design .select-dropdown-bootstrap .bootstrap-select .dropdown-toggle .caret,
.new_design .form-inline .select-dropdown-bootstrap .bootstrap-select .dropdown-toggle .caret {
    content: "";
    border: solid #B1BCBB;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 16px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    width: 4px;
    height: 4px;
    margin: 0;
}

.new_design .select-dropdown-bootstrap .dropdown-menu .bs-searchbox input,
.new_design .form-inline .select-dropdown-bootstrap .dropdown-menu .bs-searchbox input {
    width: 100%;
    padding: 0 5px !important;
}

/*progres widget*/
.new_design .progress-widget-theme {
    width: 100%;
    max-width: 100px;
    height: 10px;
    border: 1px solid #054a61;
    border-radius: 3px;
    overflow: hidden;
}

.new_design .progress-bar-theme {
    height: 100%;
    background-color: #054a61;
}

.new_design .progress-widget-theme.bg-blue-gray-light {
    border-color: #98BDD2;
    background-color: #fff;
}

.new_design .progress-widget-theme.bg-blue-gray-light .progress-bar-theme {
    background-color: #98BDD2;
}

.activity-item .activity-item-actions .activity-action-item {
    opacity: 0;
    pointer-events: none;

}

.activity-item:hover .activity-item-actions .activity-action-item {
    opacity: 1;
    pointer-events: auto;
}

/* Style - tippy */

.data-tippy-main-theme .tippy-backdrop {
    background-color: #FFFFFF;
}

.data-tippy-main-theme,
.tippy-box[data-theme~='main'] {
    background-color: #FFFFFF;

}


.data-tippy-main-theme .tippy-content,
.tippy-box[data-theme~='main'] .tippy-content {
    color: #054A61;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: "Open Sans", sans-serif !important;
}

.tippy-box[data-theme~='inlocuitor'] {
    text-transform: initial;
}


.tippy-tooltip.data-tippy-main-theme {
    padding: 0;
}

.data-tippy-main-theme[data-placement^='top'] > .tippy-arrow::before,
.tippy-tooltip.data-tippy-main-theme {
    padding: 0;
}

.data-tippy-main-theme[data-placement^='top'] > .tippy-arrow::before,
.tippy-box[data-theme~='main'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #fff;
}

.data-tippy-main-theme[data-placement^='bottom'] > .tippy-arrow::before,
.tippy-box[data-theme~='main'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #fff;
}

.data-tippy-main-theme[data-placement^='left'] > .tippy-arrow::before,
.tippy-box[data-theme~='main'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #fff;
}

.data-tippy-main-theme[data-placement^='right'] > .tippy-arrow::before,
.tippy-box[data-theme~='main'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #fff;
}


/**********************/

.tippy-box[data-theme~='info'] {
    background-color: #FFFFFF;

}

.tippy-box[data-theme~='info'] .tippy-content {
    color: #054A61;
    font-weight: 400;
    font-size: 1.2rem;
    /*text-transform: capitalize;*/
    font-family: "Open Sans", sans-serif !important;
}

.tippy-box[data-theme~='info'] .tippy-content strong {
    font-size: 1.2rem;
}

.tippy-box[data-theme~='info'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #fff;
}

.tippy-box[data-theme~='info'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #fff;
}

.tippy-box[data-theme~='info'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #fff;
}

.tippy-box[data-theme~='info'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #fff;
}

/* end Style - tippy */

/* */
.new_design .btn-back-to-top {
    position: fixed;
    bottom: 80px;
    right: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    background: #fff;
    -webkit-animation: beamer_pop-in .5s;
    -moz-animation: beamer_pop-in .5s;
    -ms-animation: beamer_pop-in .5s;
    cursor: pointer;
    z-index: 2147483000 !important;
    width: 40px;
    height: 40px;
}

.new_design .btn-icon {
    color: #054A61;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
    line-height: 1;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.new_design .btn-icon, .new_design .btn-icon:active, .new_design .btn-icon[disabled], .new_design fieldset[disabled] .btn-icon {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.new_design .btn-icon[disabled],
.new_design .btn-icon.disabled,
.new_design .btn-icon.disabled i {
    color: #bfd1db;
}

.new_design .btn-icon, .new_design .btn-icon:hover, .new_design .btn-icon:focus, .new_design .btn-icon:active {
    border-color: transparent;
    text-decoration: none;
    outline: none;
}


/**/

.new_design .native-select {
    position: relative;
    display: inline-block;
}

.new_design .native-select:after {
    content: "";
    border: solid #054A61;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .native-select select {
    appearance: none;
    padding: 0 1em 0 0;
    margin: 0;
    font-family: inherit;
    cursor: inherit;
    line-height: inherit;
    outline: none;
    border: 1px solid #054A61;
    font-size: 12px;
    min-height: 48px;
    border-radius: 3px;
    color: #054A61;
    background-color: #fff;
    padding: 0px 20px 0 10px;
}


.new_design .text-rosu {
    color: #DC3545 !important;
    font-family: "Open Sans", sans-serif;
}


/* registration */
#main_content {
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 12px;
}

#main_content .ui-widget {
    font-family: 'Open Sans', sans-serif !important;
}

#main_content .jqx-widget-content-bootstrap {
    font-family: 'Open Sans', sans-serif !important;
}

.pointer {
    cursor: pointer;
}


/**/
/*!* tailwindcss utility classes *!*/
/*.new_design .flex {*/
/*    display: flex;*/
/*}*/

/*.new_design .items-center {*/
/*    align-items: center;*/
/*}*/

/*.new_design .items-end {*/
/*    align-items: flex-end;*/
/*}*/

/****************/
/* Chosen Select Styles */
/****************/
.new_design .chosen-container-single .chosen-single,
.new_design .chosen-container-multi .chosen-choices {
    border: 1px solid #DAE0DE !important;
    min-height: 48px !important;
    display: flex;
    align-items: center;
}

.new_design .chosen-select-xs .chosen-container-single .chosen-single,
.new_design .chosen-select-xs .chosen-container-multi .chosen-choices {
    min-height: 40px !important;
}

.new_design .select-dropdown-xxs .chosen-container-single .chosen-single,
.new_design .select-dropdown-xxs .chosen-container-multi .chosen-choices {
    min-height: 34px !important;
    padding-top: 0px !important;
}

.new_design  .chosen-container-multi .chosen-choices li.search-field input[type=text]{
    color: #054A61;
    font-size: 12px !important;
    padding-left: 17px !important;
}

.new_design .chosen-container-multi .chosen-choices {
    flex-wrap: wrap;
}

.new_design .chosen-container-single .chosen-single:hover, .new_design .chosen-container-multi .chosen-choices:hover {
    border: 1px solid #054A61 !important;
}

.new_design .chosen-container-active.chosen-with-drop .chosen-single {
    box-shadow: none;
    background: transparent;
}

.new_design .user-contract-details .chosen-container-single .chosen-single span,
.new_design .chosen-container-single .chosen-single span {
    font-family: "Open Sans", sans-serif;
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    display: block;
    line-height: 1;
    height: auto;
    margin-right: 20px;
    font-size: 12px;
    line-height: 1.25;

    color: #054A61
}

.new_design .chosen-container .chosen-results li.highlighted {
    background: #d4ecf9 !important;
    color: #054A61;
}

.new_design .chosen-container-single .chosen-single div b {
    background: none;
    margin-top: 0;
}

.new_design .chosen-container-single .chosen-single div b:after,
.new_design .chosen-container-single .chosen-single div b:after {
    content: "";
    border: solid #B1BCBB;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .chosen-container-single .chosen-single:hover div b:after {
    border-color: #054A61;
}

/*fix overflow cut of select*/
.new_design #filtre_list .panel-accordion-form {
    overflow: inherit;
}

.new_design #filtre_list #collapseOne:not(.in) {
    overflow: hidden;
}

/*******************/
.new_design p.timesheet-modal_pargraph {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.new_design p.modal-pargraph_white {
    color: #ffff !important;
}

.new_design p.modal-dark_pargraph {
    color: #054A61 !important;
}

.new_design p.payroll-setari_description {
    font-size: 16px;
    font-weight: 700;
    color: #054A61;
    text-transform: none;
}

.new_design p.setari-table-border--lg {
    font-size: 16px;
    font-weight: 600;
    color: #054A61;
    text-transform: none;
    border-bottom: 1px solid #DAE0DE;
}

.new_design p.contract-payroll--table {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #6C757D;
    margin-bottom: 0px;
}

.new_design p.payroll-setari_descriptions {
    text-transform: uppercase;
}

.new_design p.payroll-table_pargraph-light {
    font-size: 16px;
    font-weight: 400;
}

.new_design p.payroll-import_pargraph-light {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0D9DC6;
}

.new_design p.table-import--payrol {
    font-size: 14px;
    font-weight: 700;
    color: #054A61;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.new_design p.premise-helping-text {
    font-size: 16px;
    font-weight: 400;
    color: #054A61;
    font-style: italic;
    text-transform: none;
}

.new_design p.payroll-configurations-title {
    font-size: 16px;
    font-weight: 400;
    color: #B1BCBB;
    text-transform: none;
}

.new_design p.add-color-theme__green {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.new_design p.add-date-scheduling-section {
    font-size: 16px;
    font-weight: 500;
    color: #054A61;
    margin-top: 5px;
}

.new_design p.add-date-scheduling-emplpoyees {
    text-transform: none;
    font-weight: 400;
}

.new_design p.add-date-theme__gray {
    color: #B1BCBB;
}

.new_design p.document-word-texts {
    font-size: 14px;
    font-weight: 400 !important;
    color: #6C757D !important;
    margin-bottom: 0px;
}

.new_design p.document-word-texts-file {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400 !important;
    color: #6C757D !important;
    margin-bottom: 0px !important;
}

.new_design p.document-word-texts-link {
    color: #0D9DC6;
    cursor: pointer;
}

.new_design p.document-word-texts-link:hover {
    color: #054A61;
}

.new_design p.text-default-itaclic {
    font-size: 12px;
    font-weight: 500;
    color: #FF851A !important;
    font-style: italic;
    text-transform: none;
}

.new_design h4.h4.modal-heading {
    font-size: 20px;
    font-weight: 400;
}

.new_design h4.h4.payyroll-left_top-heading {
    font-size: 20px;
}

.new_design h3.h3.overtime-modal_item-heading {
    font-size: 12px;
}

.new_design label.fullstop-dotted-theme {
    background-color: #28A745;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-bottom: 0px;
}

.new_design li.add-color-theme__red {
    color: #DC3545 !important;
}

.new_design li.add-color-theme__green {
    color: #28A745 !important;
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .new_design h4.h4.modal-heading {
        font-size: 18px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new_design h4.h4.modal-heading {
        font-size: 18px;
    }

    .new_design p.timesheet-modal_pargraph {
        font-size: 12px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .new_design h4.h4.modal-heading {
        font-size: 16px;
    }

    .new_design p.timesheet-modal_pargraph {
        font-size: 12px !important;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
    .new_design h4.h4.modal-heading {
        font-size: 16px;
        text-align: center !important;
    }

    .new_design h4.h4.payyroll-left_top-heading {
        font-size: 16px !important;
    }

    .new_design p.timesheet-modal_pargraph {
        font-size: 12px !important;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .new_design h4.h4.payyroll-left_top-heading {
        font-size: 16px !important;
    }
}

@media (min-width: 300px) and (max-width: 575px) {
    .new_design h4.h4.payyroll-left_top-heading {
        font-size: 14px !important;
    }

    .new_design h3.h3.overtime-modal_item-heading {
        font-size: 11px;
    }
}

.new_design .payroll_button {
    background: #FF851A !important;
    color: #ffff !important;
}

.new_design .payroll_button:hover {
    background: #E86E13 !important;
}

/* registration */
.new_design .login {
    background: #054A61;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
}

.new_design .table--align-vertical--line {
    border-left: 1px solid #DAE0DE;
}

.new_design .table--align-vertical--th:hover::before {
    border: 1px solid #054A61;
    border-bottom: 0px;
    border-right: 0px;
}

.new_design .payrol-slip--table {
    border-right: 1px solid #DAE0DE;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding-right: 10px !important;
}

.new_design .table--align-vertical--th {
    position: relative;
}

.new_design .username--danger-select {
    color: #DC3545 !important;
}

.new_design .onboarding-profile--tooltip {
    margin-top: 4px;
    margin-bottom: 4px;
}

.new_design .table-head-column-fixed {
    position: absolute;
    width: 128px;
    height: 15vh;
    z-index: 1;
    background: white;
    border-right: 1px solid #DAE0DE;
}

.new_design .user-data-table--clumn1 {
    padding-left: 100px !important;
}

.new_design .add-events-payroll--filters ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.new_design .left {
    float: left;
}

.new_design .add-events-payroll--filters .left {
    float: left;
}

.new_design .add-events-payroll--filters .right {
    float: right;
}

.new_design .add-events-payroll--filters .monthname {
    width: 25rem;
}

.new_design .add-events-payroll--filters .pointer {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.new_design .add-events-payroll--filters .header {
    border-bottom: 1px solid #ddd;
    padding: 0.5em;
    height: 40px;
    background-color: #98BDD2;
}

.new_design .add-events-payroll--filters .group:after {
    content: "";
    display: table;
    clear: both;
}

.new_design .add-events-payroll--filters .calendar p {
    line-height: 1.5em;
    margin: 0;
    color: #ffff;
}

.new_design .add-events-payroll--filters .calendar {
    background: #ffff;
    color: #777;
    padding: 0;
    max-width: 20em;
    min-height: 15em;
    text-transform: uppercase;
}

.new_design .add-events-payroll--filters .calendar li {
    float: left;
    width: calc(100% / 7);
    text-align: center;
    padding: 0.35em 0;
    cursor: pointer;
    height: 40px;
}

.new_design .well.performance-assessments-card {
    height: 80vh;
}

.new_design .add-events-payroll--filters .calendar li.empty {
    pointer-events: none;
}

.new_design .add-events-payroll--filters .calendar li:hover {
    color: #DC3545;
}

.new_design .add-events-payroll--filters .calendar li.active,
.new_design .add-events-payroll--filters .calendar li.active:hover {
    background-color: #98BDD2;
    color: #ffff;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

.new_design .add-events-payroll--filters .calendar li:hover {
    background-color: #98BDD2;
    border-radius: 50%;
    color: #ffff;
}

.new_design .select-colors-overview select {
    font-style: italic !important;
    color: #B1BCBB !important;
}

.new_design .calendar li.calendar-day-header:hover {
    background-color: #d6e6f0;
    border-radius: 0%;
    color: #ffff !important;
}

.new_design .calendar li.calendar-day-header.active {
    background-color: #d6e6f0 !important;
    border-radius: 0% !important;
}

.new_design .add-events-payroll--filters .calendar li.active span {
    color: #ffff;
}

.new_design .add-events-payroll--filters .calendar li:nth-child(-n + 7) {
    color: #054A61;
    background-color: #d6e6f0;
    padding-top: 9px;
}

.new_design .add-events-payroll--filters .calendar li {
    color: #054A61;
}

.new_design .add-events-payroll--filters .calendar li span {
    color: #054A61;
    vertical-align: sub;
    font-weight: 500;
}

.new_design .add-events-payroll--filters .center {
    text-align: center;
}

.new_design .table--align-vertical--th:hover::before {
    border: 1px solid #054A61;
    border-bottom: 0px;
    border-right: 0px;
}

.new_design .payrol-slip--table {
    border-right: 1px solid #DAE0DE;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding-right: 10px !important;
}

.new_design .dropdown-down--timesheet--edit::before {
    border: 1px solid #054A61 !important;
    border-top: 0px !important;
    border-right: 0px !important;
    -webkit-transform: rotate(132deg) !important;
    transform: rotate(132deg) !important;
    top: 20px !important;
}

.new_design .table--align-vertical--th {
    position: relative;
}

.new_design .username--danger-select {
    color: #DC3545 !important;
}

.new_design .accordion-dropdown-form--timesheet {
    /*margin-bottom: -35px;*/
}

.new_design .onboarding-profile--tooltip {
    margin-top: 4px;
}

.new_design .onboarding-left-profile-section {
    margin-top: 2rem;
}

.new_design .onboarding-table-overflow--lg {
    height: 500px;
}

.new_design .table--align-vertical--th::before {
    content: "";
    position: absolute;
    display: block;
    margin: -2px auto;
    width: 14px;
    left: -13px;
    height: 13px;
    top: 6px;
    border-top: 1px solid #DAE0DE;
    border-left: 1px solid #DAE0DE;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.new_design .user-management-formgroup .date-picker-input ul li {
    display: inline-block !important;
}

.new_design .user-management-formgroup
.date-picker-input
ul
li
.date-time-calendars
.form-input-text-left {
    width: 80px !important;
    margin: 11px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 34px !important;
}

.new_design .user-management-formgroup
.min-max-input-group {
    display: flex;
}

.new_design .user-management-formgroup
.min-max-input-group
.form-input-text-left {
    width: 80px !important;
    margin: 11px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.new_design a.dropdown-toggle--personnel {
    color: #FF851A !important;
}

.new_design .navbar-nav .active .dropdown-toggle {
    color: #FF851A !important;
}

.new_design .user-language-selected {
    display: inline-block;
}

.new_design .user-language-selected:hover .dot {
    opacity: 1 !important;
}

.new_design label.view-form--tooltip {
    width: 100px !important;
    max-width: none;
}

.new_design label.view-form--tooltip-file-upload {
    width: 144px !important;
    max-width: none !important;
}

.new_design label.view-form--tooltip-file {
    width: 120px !important;
    max-width: none !important;
}

.new_design .timeoff-accordion--expand {
    min-height: 100% !important;
}

.new_design span.left-section-profile-text {
    font-size: 16px;
    font-weight: 700;
    color: #054A61;
    vertical-align: text-top;
    margin-left: 5px;
}

.new_design .inputs:hover + .toggle-password {
    color: #054A61 !important;
    stroke: #054A61 !important;
    fill: #054A61 !important;
}

.new_design .inputs:hover + svg {
    stroke: #054A61 !important;
}

.new_design .inputs:hover + .add__stroke {
    stroke: #054A61 !important;
}

.new_design .btn-theme-transparent--downloads {
    font-size: 16px !important;
}

.new_design .btn-selected-time--scheduling {
    background-color: #EFF2F3 !important;
    color: #B1BCBB !important;
}

.new_design .add__stroke:hover {
    stroke: #054A61 !important;
}

.new_design .sidebar-left-label--sm {
    display: none;
}

.new_design .user-form-group-lg span.fa-eye:before {
    opacity: 0;
}

.new_design a.username-label--lg {
    font-size: 16px !important;
}

.new_design .user-form-group-lg span.fa-eye-slash:before {
    opacity: 0;
}

.new_design label.calendar-label--form {
    font-weight: 700 !important;
}

.new_design .user-click-change--sm {
    display: none;
}

.new_design .account-login {
    width: 500px;
}

.new_design .account-login .login-form label {
    font-weight: 600;
    color: #054A61;
    font-size: 16px;
}

.new_design .form-control,
.new_design .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.new_design form.login-form {
    max-width: 100%;
}

.new_design .login-form input,
.new_design .login-form select {
    width: 100%;
    position: relative;
    padding: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    outline: none;
    min-height: 55px;
    border: 1px solid #DAE0DE;
}

.new_design .login-form input:hover,
.new_design .login-form select:hover {
    /*border: 1px solid #054A61;*/
    /*border: 1px solid #E86E13;*/
}

.new_design .login-form input::-webkit-input-placeholder,
.new_design .login-form select::-webkit-input-placeholder {
    font-style: italic;
}

.new_design .login-form input:-ms-input-placeholder,
.new_design .login-form select::-ms-input-placeholder {
    font-style: italic;
}

.new_design .login-form input::-ms-input-placeholder,
.new_design .login-form select::-ms-input-placeholder {
    font-style: italic;
}

.new_design .login-form input::placeholder,
.new_design .login-form select::placeholder {
    font-style: italic;
}

.new_design .login-form .change_user_btn {
    cursor: pointer;
    color: #FF851A;
}

.new_design .login-form {
    background: #FFFFFF;
    float: left;
    width: 100%;
    padding: 30px;
    border-radius: 5px;
}

.new_design button.btn-theme--change {
    width: 100%;
    background: #FF851A;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 6px 12px;
    color: #FFFFFF;
    border: 0px;
    margin: 10px 0px 20px;
    text-transform: uppercase;
    border-radius: 5px;
    min-height: 55px;
}

.new_design input.btn-theme--change {
    width: 100%;
    background-color: #EFF2F3;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 6px 12px;
    border: 0px;
    margin: 10px 0px 20px;
    text-transform: uppercase;
    border-radius: 5px;
    min-height: 55px;
}

.new_design .btn-theme-custom--apply {
    margin-left: 40px !important;
}

.new_design .btn-dropdown-hidden::after {
    display: none !important;
}

.new_design .btn-dropdown-hidden {
    padding: 10px 20px !important;
    text-transform: none !important;
}

.new_design .btn-dropdown-hidden--import {
    padding: 8px 20px !important;
    text-transform: none !important;
}

.new_design .add-more-table-details {
    margin-top: 20px;
}

.new_design .add-more-table-details a {
    font-weight: 700;
    color: #0D9DC6;
    font-size: 14px;
}

.new_design .add-more-table-details a:hover {
    color: #054A61;
}

.new_design .add-more-table-details-other {
    padding-top: 5px;
}

.new_design .add-more-table-details-other a {
    font-weight: 400;
    color: #0D9DC6;
    font-size: 12px;
    padding-bottom: 8px;
    display: inline-block;
}

.new_design .add-more-table-details-other a:hover {
    color: #054A61;
}

.new_design button.btn-theme--change:hover {
    background-color: #E86E13;
}

.new_design input.btn-theme--change:hover:not([disabled]) {
    background-color: #E86E13 !important;
}

.new_design input.btn-theme--change.active {
    background-color: #ff851a;
}

.new_design .remember {
    float: left;
    width: 100%;
    margin: 10px 0 10px;
}

/* Customize the label (the container) */
.new_design .custom-checkbox {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400 !important;
    padding-top: 0px;
    float: left;
}

.new_design .user-filters-collapse--timesheet {
    font-weight: 700 !important;
}

.new_design .custom-checkbox--selected {
    margin-bottom: 0px !important;
    margin-top: -3px !important;
}

.new_design label.checked-label--lg {
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Hide the browser's default checkbox */
.new_design .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.new_design .custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #B1BCBB;
}

/* On mouse-over, add a grey background color */
.new_design .custom-checkbox:hover input ~ .checkmark {
    background-color: #054A61;
}

/* When the checkbox is checked, add a blue background */
.new_design .custom-checkbox input:checked ~ .checkmark {
    background-color: #054A61;
}

/* Create the checkmark/indicator (hidden when not checked) */
.new_design .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.new_design .custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.new_design .custom-checkbox .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #FFFFFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .table-content-more-tooltip .tooltip-on-top .tooltiptext-top,
.new_design .tool-tip-md-edit .tooltiptext-top {
    margin-top: -19px !important;
    margin-left: -24px !important;
}

.new_design .dashboard-setting .tooltiptext-top {
    text-align: center !important;
    width: 100px !important;
    margin-left: -35px !important;
}

.new_design .checked-label--lg {
    position: relative;
}

@media (max-width: 767px) {
    .new_design .account-login {
        width: 90%;
    }

    .new_design form.login-form {
        max-width: 100%;
    }

    .new_design button.btn-theme--change {
        font-size: 13px;
    }

    .new_design input.btn-theme--change {
        font-size: 13px;
    }
}

.new_design .dropzone {
    min-height: 150px;
    border: 1px solid #DAE0DE;
    background: white;
    padding: 8px 8px;
    border-radius: 15px;
    height: 100%;
    overflow-y: auto;
}

.new_design .user-contract-details--header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.new_design .user-contract-details span {
    width: 20px;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
}

.new_design .user-contract-details--lg span.block__element {
    height: 100%;
    margin-top: 8px;
}

.new_design .user-contract-details span img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: sub;
}

.new_design .user-contract-details span {
    width: 20px;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
}

.new_design .timeoff-medical-leave--accordions {
    height: 490px;
    overflow-y: auto;
}

.new_design .user-employees-table {
    padding-left: 13px;
    min-height: 340px !important;
}

.new_design .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    min-height: 140px;
    min-width: 140px;
}

.new_design .dropzone .dz-preview .dz-image {
    border-radius: 0px;
    overflow: hidden;
    min-height: 140px;
    min-width: 140px;
    position: relative;
    display: block;
    z-index: 10;
    width: 120px;
    height: 120px;
}

.new_design .dropzone .dz-preview .dz-image img {
    display: block;
    min-height: 140px;
    min-width: 140px;
}

.new_design div.dataTables_wrapper div.dataTables_length label::after {
    padding-left: 1.3em;
}

.new_design .datatable-navigations p {
    font-size: 12px;
    font-weight: 500;
    color: #054A61;
    text-transform: uppercase;
    margin: 10px 0px 0px;
}

.new_design .datatable-navigations p.navigation-text {
    color: #0D9DC6;
}

.new_design button:disabled,
.new_design button[disabled] {
    background-color: #EFF2F3;
    color: #FFFFFF;
}

.new_design #sidebar_menu .fa {
    font-size: 20px !important;
    color: #F1F8FC;
}

.new_design .order-display-count-one {
    display: none;
}

.new_design .accordion-dropdown-lg
#accordion
.panel
.panel-heading
a.user-filters-collapse {
    color: #FF851A;
}

.new_design .accordion-dropdown-lg
#accordion
.panel
.panel-heading
a.user-filters-collapse::after {
    content: "";
    border: solid #FF851A;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    margin-right: -6px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.user-filters-collapse:hover,
.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.user-filters-collapse:focus {
    color: #E86E13;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.user-filters-collapse::after:hover,
.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.user-filters-collapse::after:focus {
    content: "";
    border: solid #E86E13;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
}

.new_design .dropzone {
    border-style: dashed;
}

.new_design .dropzone .image-picker-container {
    text-align: center;
}

.new_design .dropzone .image-picker-container .placeholder-view {
    margin-top: 2.5rem;
}

.new_design .dropzone .image-picker-container .placeholder-view .upload-file-picker span {
    width: 51px;
    display: inline-block;
    height: 51px;
    margin-right: 5px;
}

.new_design .dropzone .image-picker-container .placeholder-view .browse-desc {
    color: #DAE0DE;
    font-size: 16px;
}

.new_design .container-body-timeline {
    margin-top: 5rem;
}

.new_design .container-body-timeline .user-right-timeline .panel-heading-right .panel-title {
    font-size: 14px;
    font-weight: 700;
    color: #054A61;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.new_design .event-item:last-child:after {
    display: none;
}

.new_design .event-item:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #DAE0DE;
    margin: 15px 0;
    display: block;
}

.new_design .event-item {
    position: relative;
    padding-right: 35px;
}

.new_design .event-item .table {
    margin-bottom: 15px;
}

.new_design .event-item .table tr td {
    border: none;
    color: #054A61;
    width: 60%;
}

.new_design .event-item .table tr td:first-child {
    width: 40%;
}

.new_design [data-calendar-dashboard] {
    min-height: 188px;
}

.new_design .event-item-btn {
    position: absolute;
    right: -4px;
    top: 0;
}

.mustache-enum:after {
    content: ',';
    display: inline-block;
}

.mustache-enum:last-child:after {
    display: none;
}

.btn-theme {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    line-height: 1.428571429;
    font-weight: 400;
    text-transform: none;
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 0px;
    box-shadow: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
}

.btn-theme:hover {
    text-decoration: none;
}

.btn-theme.btn-theme-xs {
    padding: 5px 10px;
}

.new_design .btn-theme-loading {
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px auto;
    /** ATENTIE -  nu schimba calea, in pagina de login style.css este incarcat direct,
     astfel cale acatre poza este corecta*/
    background-image: url("https://ca.sincron.biz/assets/images/new/loading2.svg");
}

.btn-theme.btn-theme-primary {
    background: #FF851A;
    color: #FFFFFF;
}

.btn-theme.btn-theme-primary:disabled,
.btn-theme.btn-theme-primary.inactiv {
    background-color: #eff2f3;
    color: #B1BCBB;
}

.btn-theme.btn-theme-primary:not([disabled]):hover,
.btn-theme.btn-theme-primary:focus,
.btn-theme.btn-theme-primary:active,
.btn-theme.btn-theme-primary.active {
    background: #E86E13 !important;
}

.btn-theme.btn-theme-primary:active:disabled:hover,
.btn-theme.btn-theme-primary:disabled:hover,
.btn-theme.btn-theme-primary.inactiv:focus,
.btn-theme.btn-theme-primary.inactiv:active,
.btn-theme.btn-theme-primary.inactiv {
    background-color: #eff2f3 !important;
    color: #B1BCBB;
}

.btn-theme.btn-theme-blue {
    background: #62C9FC !important;
    color: #FFFFFF;
}

.btn-theme.btn-theme-blue:disabled,
.btn-theme.btn-theme-blue.inactiv {
    background-color: #29B5EB !important;
    color: #B1BCBB;
}

.btn-theme.btn-theme-blue:not([disabled]):hover,
.btn-theme.btn-theme-blue:focus,
.btn-theme.btn-theme-blue:active,
.btn-theme.btn-theme-blue.active {
    background: #29B5EB !important;
}

.btn-theme.btn-theme-blue:disabled:hover,
.btn-theme.btn-theme-blue.inactiv:focus,
.btn-theme.btn-theme-blue.inactiv:active,
.btn-theme.btn-theme-blue.inactiv {
    background-color: #29B5EB !important;
    color: #B1BCBB;
}

.btn-theme.btn-theme-secondary {
    background: #d4ecf9;
    color: #054A61;
}

.btn-theme.btn-theme-secondary:disabled,
.btn-theme.btn-theme-secondary.inactiv {
    background-color: #eff2f3 !important;
    color: #B1BCBB;
}

.btn-theme.btn-theme-secondary:hover,
.btn-theme.btn-theme-secondary:focus,
.btn-theme.btn-theme-secondary:active,
.btn-theme.btn-theme-secondary.active {
    background: #C1E0F2 !important;
}


.btn-theme.btn-theme-secondary:disabled:hover,
.btn-theme.btn-theme-secondary.inactiv:focus,
.btn-theme.btn-theme-secondary.inactiv:active,
.btn-theme.btn-theme-secondary.inactiv {
    background-color: #eff2f3 !important;
    color: #B1BCBB;
}

/**********/
.btn-theme.btn-theme-tertiary {
    border: 1px solid #A8C9DC;
    background: #FFFFFF;
    color: #054A61;
}

.btn-theme.btn-theme-tertiary:disabled,
.btn-theme.btn-theme-tertiary.inactiv {
    background-color: #eff2f3 !important;
    color: #B1BCBB;
}

.btn-theme.btn-theme-tertiary:hover,
.btn-theme.btn-theme-tertiary:focus,
.btn-theme.btn-theme-tertiary:active {
    background: #fff !important;
    border-color: #054A61;
}

.btn-theme.btn-theme-tertiary.active {
    border-color: #FF851A;
}

.btn-theme.btn-theme-tertiary:disabled:hover,
.btn-theme.btn-theme-tertiary.inactiv:focus,
.btn-theme.btn-theme-tertiary.inactiv:active,
.btn-theme.btn-theme-tertiary.inactiv {
    background-color: #eff2f3 !important;
    color: #B1BCBB;
}

/*btn group*/
.btn-group-theme {
    position: relative;
    display: inline-block;
}

.btn-group-theme .dropdown-content-block {
    display: none;
    position: absolute;
    top: calc(100% + 25px);
    background-color: #D4ECF9;
    min-width: 200px;

    z-index: 5;
    padding: 10px;
    border-radius: 10px;
}


.btn-group-theme .dropdown-content-block.js-visible {
    display: block;
}

.btn-group-theme .icon {
    padding-left: 8px;
}

.btn-group-theme .icon i {
    display: inline-block;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform 0.3s ease;
    transform-origin: center center;
}

.btn-group-theme.js-visible .icon i {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform-origin: center center;
}

.btn-group-theme .dropdown-content-block {
    display: none;
    /* Other styles */
}

.btn-group-theme.js-visible .dropdown-content-block {
    display: block;
}

.btn-group-theme .dropdown-content-block::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 10px;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #D4ECF9 transparent;
}

.btn-group-theme .dropdown-toggle.align-left + .dropdown-content-block {
    left: 0;
}

.btn-group-theme .dropdown-toggle.align-right + .dropdown-content-block {
    right: 0;
}

.btn-group-theme .dropdown-toggle.align-right + .dropdown-content-block::before {
    left: auto;
    right: 10px;
}

.btn-group-theme .dropdown-content-block a {
    color: #054A61;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0px;
    text-decoration: none;
    display: block;
    padding: 4px 12px 14px;
    cursor: pointer;
}

.btn-group-theme .dropdown-content-block a:hover {
    color: #FF851A;
}

.btn-group-theme .dropdown-content-block a.inactiv,
.btn-group-theme .dropdown-content-block a.inactiv:hover:focus {
    outline: none;
    background: transparent !important;
    color: #B1BCBB !important;
}

/***************/
.new_design .modal-dialog .modal-header {
    padding-left: 34px;
    padding-top: 34px;
}

/*
Start Jquery Ui Dialog overwrite
*/
.ui-dialog.ui-widget {
    border-radius: 3px;
    box-shadow: 0 1px 4px 0px rgb(0 0 0 / 16%);
    font-family: "Open Sans", sans-serif;
}

.ui-dialog .ui-dialog-titlebar {
    border-bottom-color: transparent !important;
}

.ui-dialog.ui-widget .ui-dialog-titlebar.ui-widget-header {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 30px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none;
    box-shadow: none !important;
    outline: none !important;
    right: 24px;
    top: 34px;
    margin: 0;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    transform: scale(1.2);
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-active,
.ui-dialog .ui-dialog-titlebar-close.ui-state-focus,
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
    border: none !important;
    outline: none !important;
}


.ui-dialog.ui-widget .ui-icon-closethick {

    background-size: 100% auto;
    outline: none !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-dialog.ui-widget .ui-icon-closethick:before {
    content: "\e925";
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #054a61;
    font-size: 12px;
    text-indent: 0;

}


.ui-dialog .ui-dialog-title {
    font-size: 1.8rem;
    line-height: 2.05rem;
    color: #054a61;
    font-weight: 400;
}

.new_design .nav-tabs.nav-tabs-theme {
    border: none;
}

.new_design .nav-tabs.nav-tabs-theme > li > a {
    color: #054a61;
    padding: 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
}

.new_design .nav-tabs.nav-tabs-theme > li.active > a,
.new_design .nav-tabs.nav-tabs-theme > li > a:hover {
    background-color: #FFFFFF !important;
    color: #FF851A;
    border: none;
}

.new_design .tab-content.tab-content-theme .tab-pane {

}

/**/
.new_design .card-block {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 34px;
    margin-bottom: 30px;
}
.new_design .card-block.card-block-xs {
    padding: 20px 34px;
    margin-bottom: 20px;
}

.new_design .leave-item-list-box {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.new_design .leave-item-list-box .leave-item {
    padding: 20px;
    min-height: 100px;
    margin-right: 35px;
    display: flex;
    align-items: center;
    color: #054A61;
    border: 1px solid #DAE0DE;
    border-radius: 5px;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}

.new_design .leave-item-list-box .leave-item:last-child {
    margin-right: 0;
}

.new_design .leave-item-list-box .leave-item .leave-item-segment {
    padding-right: 20px;
    position: relative;
}

.new_design .leave-item-list-box .leave-item .leave-item-actions {
    position: absolute;
    top: 0px;
    right: 0px;
}

.new_design .leave-item-list-box .leave-item .leave-item-segment .leave-item-actions {
    position: absolute;
    top: -20px;
    right: 5px;
}

.new_design .leave-item-list-box .leave-item .leave-item-actions .btn.btn-icon {
    padding: 6px;
}

.new_design .leave-item-list-box .leave-item .leave-item-segment:last-child {
    padding-right: 0;
}

.new_design .leave-item-list-box .leave-item.primary {
    color: #FF851A;
    border-color: #FF851A;
}

.new_design .leave-item-list-box .leave-item.secondary {
    color: #8AA9BB;
    border-color: #8AA9BB;
}

.new_design .panel-group.panel-group-theme .panel {
    box-shadow: none;
    border: none;
}

.new_design .panel-group.panel-group-theme .panel-heading {
    background: #fff;
    padding: 0;
}

.new_design .panel-group.panel-group-theme .panel-heading a {
    padding: 14px 34px;
    color: #0D9DC6;
    text-transform: capitalize;
    font-weight: bold;
    display: flex;
    width: 100%;
    align-items: center;
}

.new_design .panel-group.panel-group-theme .panel-heading a .icon {
    transform: rotate(0deg);
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.new_design .panel-group.panel-group-theme .panel-heading a.collapsed .icon {
    transform: rotate(180deg);
}

/* contract status color text*/
.text-status-in_asteptare,
.text-status-asteptare,
.text-status-pending,
.text-status-waiting {
    color: #FF851A;
}

.text-status-detasat,
.text-status-detached {
    color: #FF851A;
}

.text-status-anulat,
.text-status-canceled {
    color: #dc3545;
}

.text-status-incetat,
.text-status-stopped {
    color: #dc3545;
}

.text-status-suspendat,
.text-status-suspended {
    color: #dc3545;
}

.text-status-draft,
.text-status-generat_contract,
.text-status-generat,
.text-status-activ {
    color: #28A745;
}

.ui-dialog .ui-dialog-content {
    padding: 15px 20px;
}

.ui-widget button.btn-theme {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    padding: 10px 15px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.ui-widget .ui-dialog-buttonpane {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0;
}

.ui-widget .ui-dialog-buttonpane button.btn-theme {
    margin-bottom: 0px !important;
}

.ui-widget button.btn-theme.ui-state-hover {
    border: none !important;
}

.ui-widget button.btn-theme .ui-button-text {
    font-size: 14px !important;
    padding: 0 !important;
}

.ui-widget button.btn-theme.mr-40 {
    margin-right: 40px !important;
}

.ui-widget button.btn-theme.btn-theme-secondary {
    background: #d4ecf9 !important;
    color: #054A61 !important;
}

.ui-widget button.btn-theme.btn-theme-secondary:hover,
.ui-widget button.btn-theme.btn-theme-secondary:focus,
.ui-widget button.btn-theme.btn-theme-secondary:active,
.ui-widget button.btn-theme.btn-theme-secondary.active,
.ui-widget button.btn-theme.btn-theme-secondary.ui-state-hover {
    background: #C1E0F2 !important;
}

.ui-widget button.btn-theme.btn-theme-primary {
    background: #FF851A !important;
    color: #FFFFFF !important;
}

.ui-widget button.btn-theme.btn-theme-primary:hover,
.ui-widget button.btn-theme.btn-theme-primary:focus,
.ui-widget button.btn-theme.btn-theme-primary:active,
.ui-widget button.btn-theme.btn-theme-primary.active,
.ui-widget button.btn-theme.btn-theme-primary.ui-state-hover {
    background: #E86E13 !important;
}

/* Style: form elements*/
.ui-dialog.ui-widget .form-group {
    margin-bottom: 15px;
}


.ui-dialog.ui-widget .form-horizontal .form-group {
    /*display: flex;*/
    /*align-items: center;*/
}

.modal-dialog .form-horizontal .form-group label,
.ui-dialog.ui-widget .form-horizontal .form-group label {
    padding-bottom: 7px;
}

.modal-dialog .form-group.has-error label,
.ui-dialog.ui-widget .form-group.has-error label {
    color: #dc3545;
}

.new_design .form-group.has-error select {
    border-color: #dc3545;
}


.new_design .form-group.has-error input,
.new_design .form-group.has-error textarea,
.new_design .form-group.has-error .chosen-container,
.modal-dialog .form-group.has-error input,
.ui-dialog.ui-widget .form-group.has-error input,
.modal-dialog .form-group.has-error textarea,
.ui-dialog.ui-widget .form-group.has-error textarea {
    border: 1px solid #dc3545;
    color: #dc3545;
}
 
.has-error-cell {
    border-top: 2px solid red;
    
}
.has-error-cell td {
    color: #dc3545 !important;
    font-weight: bold;
}

.modal-dialog .form-group input,
.ui-dialog.ui-widget .form-group input,
.modal-dialog .form-group textarea,
.ui-dialog.ui-widget .form-group textarea,
.modal-dialog .form-group select,
.ui-dialog.ui-widget .form-group select {
    border: 1px solid #DAE0DE;
    background-color: #FFFFFF;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
    color: #054A61;
}


.modal-dialog .form-group input:focus,
.ui-dialog.ui-widget .form-group input:focus,
.modal-dialog .form-group textarea:focus,
.ui-dialog.ui-widget .form-group textarea:focus {
    box-shadow: none;
    border: 1px solid #054A61;
}

.modal-dialog .form-group input:hover,
.ui-dialog.ui-widget .form-group input:hover,
.modal-dialog .form-group textarea:hover,
.ui-dialog.ui-widget .form-group textarea:hover,
.modal-dialog .form-group select:hover,
.ui-dialog.ui-widget .form-group select:hover {
    border: 1px solid #054A61;
    background-color: #FFFFFF;
}

.modal-dialog .form-group label,
.ui-dialog.ui-widget .form-group label {
    font-family: "Open Sans", Sans-Serif;
    font-size: 1.2rem;
    line-height: 1.45rem;
    color: #6C757D;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

/********/
/**
Style: File upload Button
 */
input[type=file].button,
input[type=file] {
    border: none;
}

input[type=file].button::file-selector-button,
input[type=file]::file-selector-button {
    margin-right: 20px;
    border: none;
    background: #d4ecf9;
    color: #054A61;
    cursor: pointer;
    transition: background .2s ease-in-out;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
}

input[type=file].button::file-selector-button:hover,
input[type=file]::file-selector-button:hover {
    background: #C1E0F2;
}

/*******************/


.new_design .container-body-timeline .btn-theme-warning {
    background-color: #FF851A;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    border: none;
    margin: 5px;
    margin-left: 0px;
    min-height: 42px;
}

.new_design .container-body-timeline .btn-theme-warning:hover {
    background-color: #E86E13;
}

.new_design .container-body-timeline .btn-theme-transparent {
    background-color: #d4ecf9;
    color: #054A61;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    border: none;
    margin: 5px;
    min-height: 42px;
}

.new_design .container-body-timeline .btn-theme-transparent:hover {
    background-color: #C1E0F2;
}

.new_design .container-timeline {
    text-align: center;
    margin-top: 30px;
}

.new_design .container-timeline .timeline {
    counter-reset: test 20;
    position: relative;
    display: inline-block;
    margin-top: 20px;
}

.new_design .container-timeline .timeline li {
    list-style: none;
    float: left;
    width: 170px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #054A61;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
}

.new_design .container-timeline .timeline li.time-line-text {
    color: #FF851A;
}

.new_design .container-timeline .timeline li:before {
    counter-increment: test;
    content: counter(test);
    width: 25px;
    height: 25px;
    border: 1px solid #054A61;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 25px;
    margin: 0 auto 10px auto;
    background: #F1F8FC;
    color: transparent;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
}

.new_design .container-timeline .timeline li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #054A61;
    top: 12px;
    left: -50%;
    z-index: -999;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.new_design .container-timeline .timeline li:first-child:after {
    content: none;
}

.new_design .container-timeline .timeline li.active-tl {
    color: #054A61;
}

.new_design .container-timeline .timeline li.active-tl:before {
    background: #054A61;
}

.new_design .container-timeline .timeline li.active-tl + li:after {
    background: #054A61;
}

.new_design container-timeline .timeline.timeline-wizard--changes li {
    width: 320px;
}

.new_design .container-timeline ul:nth-child(1) {
    color: transparent;
}

.new_design .container-timeline.container-timeline--changes {
    margin-bottom: 100px;
}

.new_design .accordion-dropdown-lg #accordion,
.new_design .accordion-dropdown-lg #accordion1 {
    margin: auto;
}

.new_design .accordion-dropdown-lg #accordion .panel,
.new_design .accordion-dropdown-lg #accordion1 .panel {
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
    margin-bottom: 0px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading {
    color: #0D9DC6;
    background-color: #FFFFFF !important;
    border-color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    padding: 15px 20px;
    letter-spacing: 1px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading.panel-heading-management,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading.panel-heading-management {
    padding: 20px 129px;
    padding-left: 0px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading.panel-heading-management a,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading.panel-heading-management a {
    font-size: 12px;
    letter-spacing: 0px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading.panel-heading-management--modules,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading.panel-heading-management--modules {
    padding: 20px 55px;
    padding-left: 0px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading.users-table--dropdown--custom,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading.users-table--dropdown--custom {
    padding: 20px 129px;
    padding-left: 0px;
    display: inline-block;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading.users-table--dropdown--timesheet,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading.users-table--dropdown--timesheet {
    padding: 20px 70px;
    padding-left: 0px;
    margin-left: 0px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a {
    display: block;
    position: relative;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label:hover,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label:hover {
    color: #B1BCBB;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label:focus,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label:focus {
    color: #B1BCBB;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label .toggle-switches-btn,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label .toggle-switches-btn,
.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label .toggle-switches-btn_0,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label .toggle-switches-btn_0,
.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label .toggle-switches-btn_1,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label .toggle-switches-btn_1 {
    margin-right: 10px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label label,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label label {
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    margin-top: 4px;
    text-transform: capitalize;
    color: #054A61;
    letter-spacing: 0px;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label label:hover,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label label:hover {
    color: #B1BCBB;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label label:focus,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label label:focus {
    color: #B1BCBB;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label::after,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label::after {
    content: "";
    border: solid #054A61;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label:hover:after,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label:hover:after {
    border: solid #B1BCBB;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a.toggle-switch-label:focus:after,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a.toggle-switch-label:focus:after {
    border: solid #B1BCBB;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a:focus,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a:focus {
    color: #FF851A;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a::after,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a::after {
    content: "";
    border: solid #0D9DC6;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a:hover:after,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a:hover:after {
    border: solid #FF851A;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a:focus:after,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a:focus:after {
    border: solid #FF851A;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading a[aria-expanded="true"]::after,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a[aria-expanded="true"]::after {
    -webkit-transform: rotate(47deg);
    transform: rotate(47deg);
    top: 2px;
}

.new_design .expand-colapse-cta.collapsed::after {
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    top: 0px !important;
}

.new_design .expand-colapse-cta::after {
    -webkit-transform: rotate(-135deg) !important;
    transform: rotate(-135deg) !important;
    top: 6px !important;
}

.new_design .accordion-dropdown-lg #accordion .panel .panel-heading:hover,
.new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading:hover {
    color: #FF851A;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form {
    min-height: 100px !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form.accordion-dropdown-form--contract {
    min-height: 50px !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default {
    background-color: transparent;
}

/**
Style: Panel
*/
.panel.panel-theme {
    border-color: transparent;
    border-bottom: 1px solid #054a61;
    box-shadow: none;
}

.panel.panel-theme .panel-heading {
    padding: 15px;
    background-color: #fff !important;
    background-image: none !important;
    color: #054a61;
    font-size: 14px;
    border-color: transparent;
    position: relative;
    padding-right: 30px;
}


.panel.panel-theme .panel-heading:hover {
    background-color: #F1F8FC !important;
}

.panel.panel-theme .panel-heading .panel-title {
    font-size: 14px;
    color: #054a61;
    font-weight: 400;
    cursor: pointer;
}

.panel.panel-theme .panel-heading .panel-title:after {
    font-family: 'icomoon';
    content: "\e915";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 12px;
    color: #054a61;
}

.panel.panel-theme .panel-heading .panel-title.collapsed:after {
    content: "\e914";
}

.panel.panel-theme.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: transparent;
}

/**********************/

.new_design .select-dropdown .chosen-container-multi .chosen-choices li.search-choice,
.new_design .chosen-container-multi .chosen-choices li.search-choice {
    background: #E2F0F7;
    border-radius: 4px;
    font-size: 12px;
    border: none;
    color: #054A61;
    padding: 5px 26px 5px 5px;
}

.new_design .select-dropdown .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.new_design .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
    background-image: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.new_design .select-dropdown .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before,
.new_design .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{
    font-family: 'icomoon' !important;
    content: "\e925";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    font-size: 8px;
    color: #8aa9bb;
}

.new_design .select-dropdown .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
    color: #054A61;
}

.new_design .select-dropdown .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #054A61;
    font-weight: 400;
    font-size: 12px;
}

.new_design .select-dropdown .chosen-single.input-error,
.new_design .chosen-single.input-error
{
    border-color: #dc3545 !important;
}

/**
/* start: input styling*/
/**/
.new_design .form-group-label {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #6C757D;
    letter-spacing: 0.7px;
    margin-bottom: 0;
    margin-top: 10px;
}

.new_design label.filters-label {
   
    font-weight: 600;
    margin-bottom: 5px;
 
}

.new_design .form-group-input {
    font-family: "Open Sans", sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #DAE0DE;
    min-height: 48px;
    color: #054A61;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    width: 100%;
    margin: 0;

}

.new_design .form-group-input:disabled {
    color: #B1BCBB;
    border-color: #eff2f3;
}


.new_design .form-group-xs.form-group-input {
    min-height: 40px;
     color: #054A61;
}

.new_design .form-group-input:hover {
    border: 1px solid #054A61;
}

.new_design .form-group-input:hover:disabled {
    border-color: #eff2f3;
}

.new_design .form-group-input:focus,
.new_design .form-group-input:focus-visible {
    box-shadow: none;
    outline: none;
}
.new_design .form-group-input.input-error{
    border-color: #dc3545 !important;
}

.new_design .form-group-input-endAdornment {
    background-color: #FFFFFF;
    border: 1px solid #DAE0DE;
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    width: 100%;

    position: relative;
}

.new_design .form-group-input-endAdornment:hover {
    border: 1px solid #054A61;
}

.new_design .form-group-input-endAdornment i {
    /*color:#0d9dc6;*/
    transition: color ease-in-out 0.15s;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);

}

.new_design .form-group-input-endAdornment:hover i {
    /*color: #054A61;*/
}

.new_design .form-group-input-endAdornment:hover input {
    box-shadow: none;
}

.new_design .form-group-input-endAdornment input {
    font-family: "Open Sans", sans-serif;
    background-color: #FFFFFF;
    border: none;
    min-height: 48px;
    color: #054A61;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 38px 5px 10px !important;
    margin: 0;
    width: 100%;
}

.new_design .form-group-xs.form-group-input-endAdornment input {
    min-height: 40px;
}

.new_design .form-group-input-endAdornment input:focus {
    box-shadow: none;
}


.new_design .form-group-input::-webkit-input-placeholder,
.new_design .form-group-input:-ms-input-placeholder,
.new_design .form-group-input::placeholder
.new_design .form-group-input-endAdornment input::placeholder {
    font-style: italic;
    font-size: 12px;
    color: #B1BCBB;
}

/* end: input styling*/

/**
/* start: textarea styling*/
/**/
.new_design .form-group-textarea {
    font-family: "Open Sans", sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #DAE0DE;
    min-height: 108px;
    color: #054A61;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 10px !important;
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    width: 100%;
    margin-bottom: 0;
}

.new_design .form-group-textarea:hover {
    border: 1px solid #054A61;
}

.new_design .form-group-textarea:focus {
    box-shadow: none;
}

.new_design .form-group-textarea.form-group-textarea-xl {
    min-height: 197px;
}
.new_design .form-group-textarea.input-error{
    border-color: #dc3545 !important;
}


/* end: textarea styling*/

.new_design .form-group-select {
    font-family: "Open Sans", sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #DAE0DE;
    min-height: 28px;
    color: #054A61;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px;
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin: 0;
}

.new_design .form-group-select.form-group-select-base {
    min-height: 40px;
}

.new_design .form-group-select:hover {
    border: 1px solid #054A61;
}

/**
/* start: custom toggle switch styling*/
/**/

.form-group-switch {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
}

.form-group-switch .toggle-knob {
    opacity: 0;
    width: 0;
    height: 0;
}

.form-group-switch .toggle-lable {
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;
    transform: translateY(-50%);
    background-color: #b1bcbb;
    transition: .4s;
    border-radius: 34px;
    padding: 0;
    margin: 0;
}

.form-group-switch .toggle-lable:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    right: -1px;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #fff;
    border: 1px solid #b1bcbb;
    transition: .4s;
    border-radius: 50%;
}

.form-group-switch .toggle-knob:checked + .toggle-lable {
    background-color: rgb(5, 74, 97);
}

.form-group-switch .toggle-knob:checked + .toggle-lable:before {
    transform: translate(-9px, -50%);
    border: 1px solid rgb(5, 74, 97);
}

/****************************
*/



.new_design .form-group-select:hover {
    border: 1px solid #054A61;
}

/**
/* start: custom checkbox styling*/
/**/
/* Hide the checkbox */
.new_design .form-group-checkbox [type="checkbox"]:not(:checked),
.new_design .form-group-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

/* Prepare the label */
.new_design .form-group-checkbox [type="checkbox"]:not(:checked) + label,
.new_design .form-group-checkbox [type="checkbox"]:checked + label {
    font-family: "Open Sans";
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer; /* affiche un curseur adapté */
    padding-top: 0px;
    color: #054a61 !important;
    font-size: 1.4rem;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 0;
}

/*Checkboxes aspect */
/* :before is for the box */
.new_design .form-group-checkbox [type="checkbox"]:not(:checked) + label:before,
.new_design .form-group-checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px; /* dim. of the box */
    border: 1px solid #b1bcbb;
    background: #fff;
    border-radius: 6px;

}

/* Check symbol aspect */
.new_design .form-group-checkbox [type="checkbox"]:not(:checked) + label:after,
.new_design .form-group-checkbox [type="checkbox"]:checked + label:after {

    font-family: 'icomoon';
    content: "\e910";
    position: absolute;
    top: 1px;
    left: 4px;
    font-size: 12px;
    color: #fff;
    transition: all .2s; /* animation incoming :p */
}

/* if "not checked" */
.new_design .form-group-checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0; /* invisible */
    transform: scale(0); /* scaled down to 0 */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

/* If "checked" */
.new_design .form-group-checkbox [type="checkbox"]:checked + label {
    color: #054a61;
}

.new_design .form-group-checkbox [type="checkbox"]:checked + label:after {
    opacity: 1; /* visible */
    transform: scale(1); /* scaled up to normal */
}

.new_design .form-group-checkbox [type="checkbox"]:checked + label:before {
    background: #054a61;
}

/* Disabled aspect */
.new_design .form-group-checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
.new_design .form-group-checkbox [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

/* Disabled checked aspect */
.new_design .form-group-checkbox [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

/* Styling label when disabled? :p */
.new_design .form-group-checkbox [type="checkbox"]:disabled + label {
    color: #aaa !important;

}

/* Focused item */
.new_design .form-group-checkbox [type="checkbox"].input-error + label:before,
.new_design .form-group-checkbox [type="checkbox"].input-error + label:hover:before {
    border: 1px solid #dc3545;
}

/* end: custom checkbox styling*/


/**
/* start: custom radio styling*/
/**/
/* Hide the radio */
.new_design .form-group-radio [type="radio"]:not(:checked),
.new_design .form-group-radio [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

/* Prepare the label */
.new_design .form-group-radio [type="radio"]:not(:checked) + label,
.new_design .form-group-radio [type="radio"]:checked + label {
    font-family: "Open Sans";
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer; /* affiche un curseur adapté */
    padding-top: 0px;
    color: #054a61 !important;
    font-size: 1.4rem;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 0;
}

/*radioes aspect */
/* :before is for the box */
.new_design .form-group-radio [type="radio"]:not(:checked) + label:before,
.new_design .form-group-radio [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px; /* dim. of the box */
    border: 1px solid #b1bcbb;
    background: #fff;
    border-radius: 50px;

}

/* Check symbol aspect */
.new_design .form-group-radio [type="radio"]:not(:checked) + label:after,
.new_design .form-group-radio [type="radio"]:checked + label:after {


    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #054a61;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    transition: all .2s; /* animation incoming :p */
}

/* if "not checked" */
.new_design .form-group-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0; /* invisible */
    transform: scale(0); /* scaled down to 0 */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

/* If "checked" */
.new_design .form-group-radio [type="radio"]:checked + label {
    color: #054a61;
}

.new_design .form-group-radio [type="radio"]:checked + label:after {
    opacity: 1; /* visible */
    transform: scale(1); /* scaled up to normal */

}

.new_design .form-group-radio [type="radio"]:checked + label:before {

}

/* Disabled aspect */
.new_design .form-group-radio [type="radio"]:disabled:not(:checked) + label:before,
.new_design .form-group-radio [type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

/* Disabled checked aspect */
.new_design .form-group-radio [type="radio"]:disabled:checked + label:after {
    color: #999;
}

/* Styling label when disabled? :p */
.new_design .form-group-radio [type="radio"]:disabled + label {
    color: #aaa !important;

}

/* Focused item */
.new_design .form-group-radio [type="radio"]:checked:focus + label:before,
.new_design .form-group-radio [type="radio"]:not(:checked):focus + label:before,
.new_design .form-group-radio [type="radio"]:not(:checked) + label:hover:before {
    border: 1px solid #054a61;
}

/* Focused item */
.new_design .form-group-radio [type="radio"].input-error + label:before,
.new_design .form-group-radio [type="radio"].input-error + label:hover:before {
    border: 1px solid #dc3545;
}

/* end: custom radio styling*/

/* jquery ui - datepicker style*/

.ui-widget.ui-datepicker {
    width: 17em;
    /*width: 339px;*/
    padding: .2em .2em 0;
    display: none;
    border-radius: 5px;
    border: 1px solid #DAE0DE;
    font-family: "Open Sans", sans-serif;
    z-index: 2;
}

.ui-widget.ui-datepicker:not(.ui-multiselect) {
    padding: 0 15px 15px !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 10px 0 10px;
    border: none !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 50%;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-widget-header .ui-corner-all.ui-state-hover {
    background: transparent;
    border: none !important;
    cursor: pointer;
}

.ui-datepicker .ui-widget-header .ui-corner-all.ui-state-hover .ui-icon.ui-icon-circle-triangle-e:before,
.ui-datepicker .ui-widget-header .ui-corner-all.ui-state-hover .ui-icon.ui-icon-circle-triangle-w:before {
    color: #054A61;
}

.ui-datepicker .ui-widget-header .ui-corner-all .ui-icon {
    background-image: none;
}

.ui-datepicker .ui-widget-header .ui-corner-all .ui-icon.ui-icon-circle-triangle-e:before {
    font-family: 'icomoon' !important;
    content: "\e913";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    font-size: 10px;
    color: #0D9DC6;
    text-indent: 0;
    text-align: center;
    line-height: 16px;
}

.ui-datepicker .ui-widget-header .ui-corner-all .ui-icon.ui-icon-circle-triangle-w:before {
    font-family: 'icomoon' !important;
    content: "\e920";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    font-size: 10px;
    color: #0D9DC6;
    text-indent: 0;
    text-align: center;
    line-height: 16px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    color: #98BDD2;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    color: #054A61;
    font-size: 14px;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
    text-align: center;
}


.ui-datepicker.ui-widget-content td a.ui-state-default {
    color: #98BDD2 !important;
    border: none !important;
    background: none !important;
}

.ui-datepicker.ui-widget-content td a.ui-state-default.ui-state-hover {
    color: #054A61 !important;
    border: none !important;
    background: none !important;
}

.ui-datepicker.ui-widget-content td a.ui-state-default.ui-state-highlight {
    border-radius: 100px;
    border: 1px solid #98bdd2 !important;
    background: none !important;
    color: #98BDD2 !important;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}


/*******/
.content-theme-tinymce-styling {
    font-family: "Open Sans", sans-serif !important;
    color:#054A61 !important;
    font-size:14px !important;
    line-height: 1.5!important;
}
.content-theme-tinymce-styling p,
.content-theme-tinymce-styling span,
.content-theme-tinymce-styling strong,
.content-theme-tinymce-styling em,
.content-theme-tinymce-styling *
{
    font-size:14px !important;
    line-height: 1.5!important;
}
.content-theme-tinymce-styling table{
    width: 100%;!important;
}
.new_design  .table-theme .table.content-theme-tinymce-styling tbody tr td{
    padding-left:10px;
    padding-right:10px;
}

    /**
    /* start: bootstrap-table */
/**/

.table-theme-style tr td {
    color: #054a61 !important;
}

.new_design .table-theme .table thead th.border-invisible {
    border: 1px solid transparent;
}

/*.new_design .table-theme .table tbody tr td input[type=text]{*/
/*    font-size: 14px !important;*/
/*    padding:6px 8px !important;*/
/*    height: auto !important;*/
/*    line-height: 16px;*/
/*    color: #054A61;*/
/*    text-align: right;*/
/*}*/
/*.new_design .table-theme .table tbody tr td input[type=text]:disabled {*/
/*    color: #B1BCBB;*/
/*    border:none;*/
/*    background: transparent;*/
/*}*/
.new_design .table-theme .table.table-cell-align-center tbody tr td {
    vertical-align: middle;
}

.new_design .table-theme .table.table-hover tbody tr:hover td {
    background-color: #F1F8FC;
}

.new_design .inactive-block {
    opacity: 0.5;
    pointer-events: none;
}

.new_design .table-theme .table thead th {
    text-transform: uppercase;
    color: #054A61;
    font-size: 12px;
    font-weight: 600;
    padding: 7px;
    vertical-align: bottom;
    border-bottom: 1px solid #DAE0DE;
    letter-spacing: 0.7px;
    padding-left: 5px;
    padding-right: 5px;
}


.new_design .table-theme tbody tr:not(.h-auto) {
    height: 50px;
}


.new_design .table-theme .table tbody tr td {
    padding-left: 5px;
    padding-right: 5px;
}

.new_design .table.table-theme tbody tr td {
    font-size: 14px;
    color: #054A61;
    border-top: 1px solid #DAE0DE;
    vertical-align: middle;

}


.new_design .table-theme .table tbody tr td input[type=text] {
    font-size: 14px !important;
    padding: 6px 8px !important;
    height: auto !important;
    line-height: 16px;
    color: #054A61;
}

.new_design .table-theme .table tbody tr td input[type=text]:not(.text-left):not(.text-center) {
    text-align: right;
}

.new_design .table-theme .table tbody tr td input[type=text]:disabled {
    color: rgba(5, 74, 97, 0.6);
    border: none;
    background: transparent;
}

.new_design .table-theme .table.table-cell-align-center tbody tr td {
    vertical-align: middle;
}

.new_design .table-theme .table-hover.tabletbody tr:hover td {
    background-color: #F1F8FC;
}

.new_design .table-theme .bootstrap-table .fixed-table-container .table thead th .both {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both.svg");
    background-size: 11px auto;
    background-position: center;
}

.new_design .table-theme .bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both-up.svg");
    background-size: 11px auto;
    background-position: center;
}

.new_design .table-theme .bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both-down.svg");
    background-size: 11px auto;
    background-position: center;
}

/***********/
/* custom sortable icons position in table header*/
/***********/

.new_design .table-theme.table-theme-sortable-custom .bootstrap-table .fixed-table-container .table thead th .both {
    background-image: none;
    background-size: 11px auto;
}

.new_design .table-theme.table-theme-sortable-custom .bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: none;
    background-size: 11px auto;
}

.new_design .table-theme.table-theme-sortable-custom .bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: none;
    background-size: 11px auto;

}

.new_design .table-theme.table-theme-sortable-custom .bootstrap-table .fixed-table-container .table thead th .sort-item-icon {
    min-width: 12px;
    width: 12px;
    height: 20px;
    display: inline-flex;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.new_design .table-theme.table-theme-sortable-custom .bootstrap-table .fixed-table-container .table thead th .both .sort-item-icon {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both.svg");
    background-size: 11px auto;
    background-position: center;
}

.new_design .table-theme.table-theme-sortable-custom .bootstrap-table .fixed-table-container .table thead th .asc .sort-item-icon {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both-up.svg");
    background-size: 11px auto;
    background-position: center;
}

.new_design .table-theme.table-theme-sortable-custom .bootstrap-table .fixed-table-container .table thead th .desc .sort-item-icon {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both-down.svg");
    background-size: 11px auto;
    background-position: center;
}


.new_design .table-theme .vue-table-theme thead th .sort-item-icon {
    width: 11px;
    height: 20px;
    background-repeat: no-repeat;
}

.new_design .table-theme .vue-table-theme thead th .both .sort-item-icon {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both.svg");
    background-size: 11px auto;
    background-position: center;
}

.new_design .table-theme .vue-table-theme thead th .asc .sort-item-icon {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both-up.svg");
    background-size: 11px auto;
    background-position: center;
}

.new_design .table-theme .vue-table-theme thead th .desc .sort-item-icon {
    background-image: url("https://ca.sincron.biz/assets/images/new/arrow-both-down.svg");
    background-size: 11px auto;
    background-position: center;
}

.new_design .limit-column-wrapper {
    width: 200px; /* Replace with the desired width */
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

/*.new_design .limit-column-wrapper {*/
/*    width: 150px; !* Replace with the desired width *!*/
/*    overflow-wrap: break-word;*/
/*    word-wrap: break-word;*/
/*    word-break: break-word;*/
/*}*/

.new_design .limit-column-wrapper-min-xs {
    min-width: 100px; /* Replace with the desired width */
}

.new_design .limit-column-wrapper-xs {
    width: 100px; /* Replace with the desired width */

}


.new_design .table-theme-pagination.pagination > li > a,
.new_design .table-theme-pagination.pagination > li > span i,
.new_design .table-theme-pagination.pagination > li > span,
.new_design .table-theme .pagination > li > a,
.new_design .table-theme .pagination > li > span i,
.new_design .table-theme .pagination > li > span {
    border: none;
    color: #0D9DC6;
    font-size: 14px;
}

.new_design .table-theme-pagination.pagination > .active > a,
.new_design .table-theme-pagination.pagination > .active > span,
.new_design .table-theme-pagination.pagination > .active > a:focus,
.new_design .table-theme-pagination.pagination > .active > span:focus,
.new_design .table-theme .pagination > .active > a,
.new_design .table-theme .pagination > .active > span,
.new_design .table-theme .pagination > .active > a:focus,
.new_design .table-theme .pagination > .active > span:focus {
    background: none;
    color: #054a61;
    font-weight: bold;
}

.new_design .table-theme-pagination.pagination > li > a:hover,
.new_design .table-theme-pagination.pagination > li > span:hover,
.new_design .table-theme-pagination.pagination > li > span:hover i,
.new_design .table-theme-pagination.pagination > li > a:focus,
.new_design .table-theme-pagination.pagination > li > span:focus,
.new_design .table-theme .pagination > li > a:hover,
.new_design .table-theme .pagination > li > span:hover,
.new_design .table-theme .pagination > li > span:hover i,
.new_design .table-theme .pagination > li > a:focus,
.new_design .table-theme .pagination > li > span:focus {
    background: none;
    color: #054a61;

}

.new_design .table-theme-pagination.pagination > .active > a:hover,
.new_design .table-theme-pagination.pagination > .active > span:hover,
.new_design .table-theme-pagination.pagination > .active > span:hover i,
.new_design .table-theme .pagination > .active > a:hover,
.new_design .table-theme .pagination > .active > span:hover,
.new_design .table-theme .pagination > .active > span:hover i {
    background: none;
    color: #054a61;
}

.new_design .table-theme-pagination.pagination > .disabled > a,
.new_design .table-theme-pagination.pagination > .disabled > span,
.new_design .table-theme-pagination.pagination > .disabled > span i,
.new_design .table-theme .pagination > .disabled > a,
.new_design .table-theme .pagination > .disabled > span,
.new_design .table-theme .pagination > .disabled > span i {
    background: none;
    color: #bfd1db;
}

.new_design .table-theme .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a {
    color: #bfd1db;
}

.new_design .table-theme.table-theme-pulled-top-pagination .fixed-table-pagination:not(:last-child) {
    margin-top: -75px;
}

.new_design .table-theme.table-theme-pulled-top-pagination .fixed-table-container {
    margin-top: 34px;
    margin-bottom: 34px;

}

.new_design .table-theme.table-theme-pagination-centered .fixed-table-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.new_design .table-theme.table-theme-pagination-centered .fixed-table-pagination > .pagination-detail {
    display: inline-flex;
}

.new_design .table-theme.table-theme-pagination-centered .fixed-table-pagination > .pagination {
    display: inline-flex;
}

.new_design .table-theme.table-theme-pagination-centered .fixed-table-pagination > .pagination-detail .pagination-info {
    line-height: 0;
}

.new_design .table-theme tbody tr:not(.h-auto) {
    height: 50px;
}

.tr-xs tbody tr:not(.h-auto) {
    height: 40px !important;
}

/* end: bootstrap-table */
.new_design .payslip-widget .payslip-list .month,
.new_design .payslip-widget .placeholder-month {
    min-width: 50px;
}

/**
/* start:ui elements */
/**/

.new_design .card-box {
    background-color: #fff;
    border-radius: 5px;
    padding: 34px;
    margin-bottom: 30px;
}

/* end:ui elements */

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #054A61;
    letter-spacing: 0.7px;
}

.new_design .calendar-schedule-widget {

}

.new_design .calendar-schedule-widget .calendar-schedule-header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-left: 60px;
    padding-bottom: 5px;
}

.new_design .calendar-schedule-widget .calendar-schedule-header .calendar-schedule-header-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #054A61;
    text-align: center;
    font-weight: bold;
}

.new_design .calendar-schedule-widget .calendar-schedule-header .calendar-schedule-btn {
    color: #0D9DC6;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 0;
    cursor: pointer;
    text-decoration: none;
    transition: all ease-in-out 0.15s;
}

.new_design .calendar-schedule-widget .calendar-schedule-header .calendar-schedule-btn i {
    color: #0D9DC6;
    font-size: 10px;
}

.new_design .calendar-schedule-widget .calendar-schedule-header .calendar-schedule-btn:hover,
.new_design .calendar-schedule-widget .calendar-schedule-header .calendar-schedule-btn:hover i {
    color: #054A61;
}


.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text {
    width: 100%;
    border: 1px solid #DAE0DE !important;
    min-height: 48px;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text.select-dropdown {
    border: none !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text:hover {
    border: 1px solid #054A61;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text::-webkit-input-placeholder {
    font-size: 14px;
    font-style: italic;
    color: #B1BCBB;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text:-ms-input-placeholder {
    font-size: 14px;
    font-style: italic;
    color: #B1BCBB;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text::-ms-input-placeholder {
    font-size: 14px;
    font-style: italic;
    color: #B1BCBB;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text::placeholder {
    font-size: 12px;
    /*font-style: italic;*/
    color: #B1BCBB;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text.form-input-text-left {
    width: 180px;
    margin: 40px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #FFFFFF;
    margin-bottom: 15px;
    border: 1px solid none;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text.form-input-text-left:not(.select-dropdown):hover {
    border: 1px solid #054A61 !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text.form-input-text-right {
    border: 1px solid none;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text.form-input-text-right:hover {
    border: 1px solid #054A61 !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text.select-option-menu:after {
    content: "";
    border: solid #0D9DC6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent {
    color: #0D9DC6;
    background-color: transparent !important;
    border-color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    padding: 15px 20px;
    width: 200px;
    letter-spacing: 1px;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.users-table--dropdown {
    padding: 15px 93px 15px 0px;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg {
    width: 100%;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.user-filters-collapse::after {
    content: "" !important;
    border: 1px solid #054A61 !important;
    border-top: 0px !important;
    border-left: 0px !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-medical-collapse--links {
    font-size: 16px !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-medical-collapse--links::after {
    right: -20px !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-medical-collapse--links:hover {
    color: #054A61 !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-collapse-accordion .timeoff-heading--lg ul.user-leave-order--list li {
    display: inline-block;
    color: #054A61;
    font-size: 16px;
    font-weight: 600;
    padding: 45px;
    padding-top: 0px;
    padding-left: 0px;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-collapse-accordion .timeoff-heading--lg ul.user-leave-order--list li.color-theme__green {
    color: #28A745;
    font-weight: 500;
    text-transform: capitalize;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-collapse-accordion .timeoff-heading--lg ul.user-leave-order--list li.color-theme__blue {
    font-weight: 500;
    text-transform: capitalize;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-collapse-accordion .timeoff-heading--lg ul.user-leave-order--collapse li {
    padding-bottom: 0px;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--md {
    width: 400px;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form--contract {
    margin-bottom: 0px !important;
}

.new_design .accordion-dropdown-lg.accordion-dropdown-form--feedback {
    min-height: 60px !important;
}

.new_design .table-responsive-lg {
    border-top: none !important;
    overflow: auto;
}

.new_design .table-responsive-lg table {
    margin-bottom: 0px;
}

.new_design .table-responsive-lg table thead tr th {
    border-bottom: 1px;
}

.new_design .table-responsive-lg table thead tr th.table-heading-lg {
    text-transform: uppercase;
    color: #054A61;
    font-size: 12px;
}

.new_design .table-responsive-lg table thead tr th.table-heading-lg span {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    display: inline-block;
}

.new_design .table-responsive-lg table thead tr th.table-heading-lg span img {
    width: 100%;
    vertical-align: baseline;
}

.new_design .table-responsive-lg table thead tr th.datatable-responsive-lg {
    text-transform: uppercase;
    color: #054A61;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.7px;
}

.new_design .table-responsive-lg table thead tr th.user-combined-listing--table {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.new_design .table-responsive-lg table thead tr th.user-combined-listing--table h6.h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

.new_design .table-responsive-lg table thead tr th.user-combined-listing--table ul.user-combined-listing--lg li {
    display: inline-block;
    font-size: 12px;
    padding: 40px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
}

.new_design .table-responsive-lg table thead tr th.user-combined-listing--table hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

.new_design .table-responsive-lg table thead tr th.table-head-details--responsive {
    min-width: 180px;
}

.new_design .table-responsive-lg table thead tr th.user-table--status {
    padding-left: 10rem;
}

.new_design .table-responsive-lg table thead tr th.user-table-actions {
    text-align: right;
    padding-right: 14px;
}

.new_design .table-responsive-lg table thead tr th.user-actions--icons--changes {
    text-align: center;
    position: absolute;
    width: 200px;
    right: 22px;
    top: auto;
    margin-top: 0px;
    background-color: #ffff;
    border-left: 1px solid #DAE0DE;
    border-bottom: none;
}

.new_design .table-responsive-lg table tbody tr.table-row-responsive {
    height: 45px;
}

.new_design .table-responsive-lg table tbody tr.table-data-time-scheduling td.user-table-taxt--outline {
    min-width: 140px;
}

.new_design .table-responsive-lg table tbody tr.table-row-responsive--md {
    height: 75px;
}

.new_design .table-responsive-lg table tbody tr.table-row-responsive__leave {
    height: 50px;
}

.new_design .table-responsive-lg table tbody tr.table-row-responsive--lg {
    height: 108px;
}

.new_design .table-responsive-lg table tbody tr.table-row-responsive--feedback {
    height: 60px;
}

.new_design .table-responsive-lg table tbody tr.table-row-responsive--fixed {
    height: 60px !important;
}

.new_design .table-responsive-lg table tbody tr.table-row-responsive--contract {
    height: 60px;
}

.new_design .table-responsive-lg table tbody tr td {
    padding: 6px;
}

.new_design .table-responsive-lg table tbody tr td.user-action-icons span {
    vertical-align: middle;
}

.new_design .table-responsive-lg table tbody tr td.user-action-management-tools span label.tooltiptext-top {
    margin-top: -16px;
    margin-left: -20px;
}

.new_design .table-responsive-lg table tbody tr td.table-detail-lg {
    color: #054A61;
    font-weight: 500;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
}

.new_design .table-responsive-lg table tbody tr td.table-user-name {
    color: #0D9DC6;
    text-transform: capitalize;
    font-weight: 400;
    vertical-align: middle;
    font-size: 16px;
}

.new_design .table-responsive-lg table tbody tr td.table-user-name--lg {
    font-size: 16px;
}

.new_design .table-responsive-lg table tbody tr td.table-user-name--lg a {
    color: #0D9DC6;
}

.new_design .table-responsive-lg table tbody tr td.table-user-name--lg a:hover {
    color: #054A61 !important;
}

.new_design .table-responsive-lg table tbody tr td.table-user-name--lg span:hover {
    color: #054A61;
}

.new_design .table-responsive-lg table tbody tr td.table-user-name--lg span.user-lastname--lg {
    font-weight: 700;
    margin: 0px;
}

.new_design .table-responsive-lg table tbody tr td.table-detail-button .btn-theme-warning {
    background-color: #FF851A;
    color: #FFFFFF;
    vertical-align: middle;
    border: none;
    outline: none;
    text-transform: capitalize;
}

.new_design .table-responsive-lg table tbody tr td.table-detail-button .btn-theme-warning:hover {
    background-color: #E86E13;
}

.new_design .table-responsive-lg table tbody tr td.table-user-text {
    color: #B1BCBB;
    vertical-align: middle;
    font-size: 16px;
}

.new_design .table-responsive-lg table tbody tr td.table-user-avatar {
    width: 48px;
}

.new_design .table-responsive-lg table tbody tr td.table-user-checkbox {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing {
    text-align: left;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li {
    padding: 30px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.user-data-count--md {
    padding: 10px;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-btn-class {
    padding: 3px 7px 3px 23px !important;
    border: 1px solid #B1BCBB !important;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-class-btn--column {
    margin: 48px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-input-fields-data {
    padding: 0px !important;
    border: 0px solid transparent !important;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-input-fields-data:hover {
    background-color: transparent !important;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-input-fields-data .user-form--input-data {
    padding: 3px 7px 3px 11px !important;
    border: 1px solid #b1bcbb !important;
    width: 66px;
    border-radius: 5px;
    /* margin: 5px; */
    margin-top: 0px;
    margin-bottom: 0px;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-input-fields-data .user-form--input-data::-webkit-input-placeholder {
    font-size: 16px;
    color: #054A61;
    font-weight: 500;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-input-fields-data .user-form--input-data:-ms-input-placeholder {
    font-size: 16px;
    color: #054A61;
    font-weight: 500;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-input-fields-data .user-form--input-data::-ms-input-placeholder {
    font-size: 16px;
    color: #054A61;
    font-weight: 500;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.table-input-fields-data .user-form--input-data::placeholder {
    font-size: 16px;
    color: #054A61;
    font-weight: 500;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.user-data--count a {
    color: #B1BCBB;
    font-size: 16px;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.user-data-listing--md {
    padding-left: 20px;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.user-wizard-employees--md {
    padding: 12px;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.add-user--value {
    margin-left: 0px !important;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--listing ul li.add-user-value--table {
    padding-left: 45px !important;
    padding-right: 0px !important;
}

.new_design .table-responsive-lg table tbody tr td.user-data-table--wizard {
    text-align: center;
}

.new_design .table-responsive-lg table tbody tr td.table-user-text--lg {
    color: #054A61;
    font-size: 16px;
}

.new_design .table-responsive-lg table tbody tr td.table-user-text--lg p {
    margin-bottom: 0px;
}

.new_design .table-responsive-lg table tbody tr td.employee-status--progress span {
    color: #B013E9;
    font-size: 14px !important;

}

.new_design .table-responsive-lg table tbody tr td.employee-status--test {
    color: #0D9DC6;
}

.new_design .table-responsive-lg table tbody tr td.employee-status--approved {
    color: #B1BCBB;
}

.new_design .table-responsive-lg table tbody tr td.onboarding-table-icon-show span {
    margin-left: 10px;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li {
    display: inline-block;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn-class {
    padding: 5px 15px;
    border: 1px solid #054A61;
    border-radius: 5px;
    margin: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn-class a {
    color: #054A61;
    font-weight: 500;
    text-transform: none;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn-class:hover {
    border: 1px solid #D4ECF9;
    background-color: #D4ECF9;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--success {
    border: 1px solid #DAE0DE;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--success a {
    color: #054A61;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--success a:hover {
    color: #28A745;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--success a:focus {
    font-size: 16px;
    color: #28A745;
    font-weight: 700;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--success:hover {
    border: 1px solid #90EE90;
    background-color: #90EE90;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--success:focus {
    border: 1px solid transparent;
    background-color: #DFF3E3;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.btn-btn-green--theme {
    border: 1px solid #DAE0DE;
    background-color: #90EE90;
    cursor: pointer;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.btn-btn-green--theme:hover {
    background-color: #DFF3E3;
    border: 1px solid #DFF3E3;
    color: #28A745;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.btn-btn-green--theme:focus {
    background-color: #DFF3E3 !important;
    border: 1px solid #DFF3E3 !important;
    color: #28A745;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.btn-btn-green--theme a {
    color: #054A61;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.btn-btn-green--theme a:hover {
    color: #28A745;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn-to-do {
    border: 1px solid #DAE0DE;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn-to-do:hover {
    background-color: #E2F0F7;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn-to-do:focus {
    background-color: #E2F0F7;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--danger {
    border: 1px solid #DAE0DE;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--danger:hover {
    background: #F9E4E6;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--danger a {
    color: #054A61;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--danger a:hover {
    color: #DC3545;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn--danger:hover {
    border: 1px solid #F8C8DC;
    background-color: #F8C8DC;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.btn-btn-danger--theme {
    border: 1px solid #F8C8DC;
    background-color: #F8C8DC;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.btn-btn-danger--theme a {
    color: #DC3545;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn-light--theme {
    border: 1px solid #D4ECF9;
    background-color: #D4ECF9;
}

.new_design .table-responsive-lg table tbody tr td.table-content-more-tooltip ul li.table-btn-light--theme a {
    color: #054A61;
}

.new_design .table-responsive-lg table tbody tr td.table--align-vertical--line {
    color: gray;
}

.new_design .table-responsive-lg table tbody tr td.user-actions--icons {
    text-align: right;
    padding-right: 14px;
}

.new_design .table-responsive-lg table tbody tr td.user-actions--icons span {
    margin: 20px;
}

.new_design .table-responsive-lg table tbody tr td.user-actions--icons span.view-attachment--viewers {
    margin-left: 0px;
}

.new_design .table-responsive-lg table tbody tr td.user-actions--icons--changes {
    text-align: center;
    position: absolute;
    width: 200px;
    right: 22px;
    top: auto;
    margin-top: 0px;
    background-color: #ffff;
    border-left: 1px solid #DAE0DE;
}

.new_design .table-responsive-lg table tbody tr td.user-actions--icons--wizard {
    text-align: center;
}

.new_design .table-responsive-lg table tbody tr td.user-actions--icons--onboarding {
    text-align: right;
}

.new_design .table-responsive-lg table tbody tr td.action-table--documents {
    text-align: right;
    padding-right: 43px;
}

.new_design .table-responsive-lg table tbody tr td.table-detail--elements {
    padding-left: 0px;
}

.new_design .table-responsive-lg table tbody tr td.table-detail--elements span.block__element {
    height: 100%;
}

.new_design .table-responsive-lg table tbody tr td.table-detail--elements span.block__element a.username-label--lg {
    display: inherit;
    margin-top: 11px;
}

.new_design .table-responsive-lg table tbody tr td.table-detail--elements span.block__element a.username-label--lg span.table-listing--onboarding {
    width: 18px;
    color: #054A61;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}

.new_design .table-responsive-lg table tbody tr td.table-detail--elements span.block__element a.username-label--lg span.table-listing-column--right {
    width: 100%;
    height: 100%;
}

.new_design .table-responsive-lg table tbody tr td.table-detail--elements span.block__element a.username-label--lg span.table-listing-column--right:hover {
    color: #054A61;
}

.new_design .table-responsive-lg table tbody tr td.table-detail--elements span.block__element__onboarding {
    width: 100%;
}

.new_design .table-responsive-lg table tbody tr td.username--theme {
    color: #28A745;
}

.new_design .table-responsive-overflow {
    overflow: auto;
}

.new_design .table-responsive-overflow.table-custom-flow--tabs {
    margin-top: 30px;
}

.new_design #list_dimensiuni_analitice .table-custom-flow--tabs {
    margin-top: 10px;
}

.new_design #list_dimensiuni_analitice_arhiva .table-custom-flow--tabs {
    margin-top: 10px;
}

.new_design .table-responsive-overflow .data-table-responsive {
    min-width: 932px;
    overflow: hidden;
}

.new_design .table-responsive-overflow .data-table-responsive.data-table-responsive--timeoff {
    min-width: 750px;
}

.new_design .table-responsive-overflow .data-table-responsive.data-table-responsive-tabs {
    min-width: 622px !important;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg {
    min-width: 1660px !important;
    overflow: auto;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table thead tr th span.block__element {
    width: 100%;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table thead tr th span.block__element svg.block__element-svg {
    margin-right: 2rem;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td.user-manager-details a {
    color: #054A61;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td.user-manager-details a.username-label--lg {
    font-size: 16px !important;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td p {
    font-size: 12px;
    color: #6C757D;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: lowercase;
}

.new_design .bootstrap-table table tbody tr td p {
    font-size: 12px;
    color: #6C757D;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: lowercase;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td a,
.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td .a,
.new_design .bootstrap-table table tbody tr td a,
.new_design .bootstrap-table table tbody tr td .a {
    color: #0D9DC6;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td a:hover,
.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td .a:hover,
.new_design .bootstrap-table table tbody tr td a:hover,
.new_design .bootstrap-table table tbody tr td .a:hover {
    color: #054A61;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td.table-detail-lg {
    min-width: 135px;
    text-align: center;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td.table-detail-lg--contract {
    padding-left: 0px;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td.table-detail-contract--employees {
    padding-left: 7px;
    text-align: left;
}

.table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td.working-contract--days {
    padding-left: 8px;
    text-align: left;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td span.user-profile--label {
    width: 60px;
    height: 100%;
    margin-top: 0px;
    margin-right: 0px;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td span.user-profile--performance {
    width: 35px;
    height: 35px;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td span.user-lastname--lg {
    font-weight: 700;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td span.block__element {
    width: 100%;
    margin-left: 5px;
    text-align: left;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td span.block__element__performance {
    margin-left: 0px;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td .user-management-formgroup .form-input-text-left {
    border: none;
    background-color: none;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td .user-management-formgroup .form-input-text-left::after {
    content: "";
    right: 40px;
    border: solid #0D9DC6;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td .user-management-formgroup .form-input-text-left select {
    color: #0D9DC6;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg table tbody tr td .user-management-formgroup .form-input-text-left select:hover {
    color: #054A61;
}

.new_design .table-responsive-overflow .data-table-responsive.onboarding-selected-table-dropdown table tbody tr td {
    height: 75px;
    padding: 6px;
    line-height: 16px;
}

.new_design .table-responsive-overflow .data-table-responsive.onboarding-selected-table-dropdown table tbody tr td.table-detail--elements {
    vertical-align: text-bottom;
}

.new_design .table-responsive-overflow .data-table-responsive.onboarding-selected-table-dropdown table tbody tr td.table-detail--elements span.block__element__onboarding {
    margin-top: 11px;
}

.new_design .table-responsive-overflow .data-table-responsive.onboarding-selected-table-dropdown table tbody tr td a.table-add-data-selected {
    margin-right: 25px;
}

.new_design .table-responsive-overflow .data-table-responsive.onboarding-selected-table-dropdown table tbody tr td span.table-add-data-selected {
    margin-right: 25px;
}

.new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--wizard {
    min-width: 100% !important;
}

.new_design .table-responsive-overflow .data-table-responsive.onboarding-table-overflow--lg {
    height: 500px;
}

.new_design .table-responsive-overflow .data-table-responsive.user-collapse-medical--leave table tbody tr td a::after {
    display: none !important;
}

.new_design .table-responsive-overflow .data-table-responsive.data-table--slips table thead tr th {
    border-bottom: 1px solid transparent;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.new_design .table-responsive-overflow .data-table-responsive.data-table--slips table thead tr th.payrol-slip--detail {
    color: #0D9DC6;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}

.new_design .table-responsive-overflow .data-table-responsive.data-table--slips table thead tr th.payrol-slip--detail a {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #0D9DC6;
}

.new_design .table-responsive-overflow .data-table-responsive.data-table--slips table thead tr th.payrol-slip--detail a:hover {
    color: #054A61;
}

.new_design .table-responsive-overflow .data-table-responsive.data-table--slips table thead tr th.color-theme__gray {
    color: #B1BCBB;
}

.new_design .user-companies-listing--lg p {
    color: #0D9DC6;
    font-weight: 500;
}

.new_design .user-companies-listing--lg p label {
    text-transform: uppercase;
    font-weight: 700;
    color: #0D9DC6 !important;
    text-align: left;
}

.new_design .user-companies-listing--lg span.tooltip-top-titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 54px;
}

.new_design .user-companies-listing--lg span.tooltip-top-titles .tool-tip-md-edit {
    margin-right: 30px;
}

.new_design .user-companies-listing--lg span.tooltip-top-titles .tool-tip-md-edit img.user-tooltip--right {
    margin: 2px 14px 2px 2px;
}

.new_design .user-companies-listing--lg span.tooltip-top-titles .tool-tip-md-edit img.user-tooltip-company--sheet {
    margin: 2px 40px 2px 2px;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg {
    margin-top: 20px;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg p {
    font-size: 14px;
    font-weight: 500;
    color: #6C757D;
    text-transform: none;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg p.paragraph-text-on-card {
    margin-bottom: 25px;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg .company-employees-listing-one {
    margin-top: 30px;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg .company-employees-listing-one p {
    text-transform: uppercase;
    font-size: 12px;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg .company-employees-listing-one p.file-uploaded {
    font-size: 14px;
    text-transform: uppercase;
    color: #0D9DC6;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg .company-employees-listing-one p.file-uploaded a {
    color: #0D9DC6;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg .company-employees-listing-one p.file-uploaded a:hover {
    color: #054A61;
}

.new_design .user-companies-listing--lg .company-employees-sheet--lg .company-employees-listing-one p.file-uploaded span {
    margin-left: 5px;
}

.new_design .user-companies-listing--lg form .user-form-group .form-input-text {
    border: none;
    height: 100%;
}

.new_design .user-companies-listing--lg form .user-form-group .form-input-text select {
    text-transform: none;
    font-style: normal;
    font-weight: 500;
}

.new_design .user-companies-listing--lg form .user-form-group .form-input-text select.value-accepted {
    color: #28A745;
}

.new_design .user-companies-listing--lg form .user-form-group .form-input-text select option.value-accepted {
    color: #28A745;
}

.new_design .user-companies-listing--lg form .user-form-group .date-calendar-input--theme {
    background: url("https://ca.sincron.biz/assets/images/new/icons/calendar-job.svg") no-repeat;
    position: relative;
    background-position: right;
    background-origin: content-box;
    background-size: 14px;
    padding-right: 6px !important;
}

.new_design .user-companies-listing--lg form .user-form-group.user-form-group--company {
    margin-bottom: 25px;
}

.new_design .user-companies-listing--lg form .user-form-group.user-form-group-company--overview {
    position: relative;
}

.new_design .user-companies-listing--lg form .user-form-group.user-form-group-company--overview .toggle-switches-selected {
    text-align: right;
    margin-right: 31px;
    right: 0px;
    position: absolute !important;
}

.new_design .user-companies-listing--lg form .user-form-group.user-form-group-company--overview .toggle-switches-selected label {
    margin-top: -34px;
    position: absolute;
}

.new_design .user-companies-listing--lg.user-companies-listing--first {
    margin-bottom: 12rem;
}

.new_design .user-companies-listing--lg.user-companies-listing--representative p.user-contract-details--sheets {
    color: #054A61;
    font-weight: 700;
}

.new_design .user-companies-listing--lg.user-companies-listing--representative form.user-detail-listings--sheet {
    margin-top: 30px;
}

.new_design .user-multiple-image-picker .panel-heading-right {
    margin-top: 2rem;
}

.new_design .user-multiple-image-picker .panel-heading-right h6.h6 {
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    color: #054A61;
    text-transform: capitalize;
}

.new_design .files-attached-overviews {
    margin-top: 30px;
}

.new_design .files-attached-overviews.files-attached-overviews--colors {
    margin-top: 15px;
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul {
    margin-top: 10px !important;
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul li {
    display: inline-block;
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul li span.edit-color-change {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    display: inline-block;
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul li span.edit-color-change:hover {
    background: url("https://ca.sincron.biz/assets/images/new/icons/done.png");
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul li span.edit-color-change:hover img.color-effected {
    opacity: 1;
    -o-object-fit: contain;
    object-fit: contain;
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul li span.edit-color-change img.color-effected {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 3px;
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul li span.edit-color-delete:hover {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    display: inline-block;
    background-color: #c6d3d2 !important;
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul li span.edit-color-delete:hover img.color-effected {
    opacity: 1;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 3px;
}

.new_design .files-attached-overviews.files-attached-overviews--attached {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    align-items: center;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .change-color-picker--overviews {
    margin-left: 10px;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .change-color-picker--overviews h6 {
    margin-top: 0px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #054A61;
    /*text-transform: capitalize;*/
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .change-color-picker--overviews h6::after {
    border-right: 1px solid #054A61;
    border-bottom: 1px solid #054A61;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: -15px;
    top: 5px;
    -webkit-transform: rotate(42deg);
}

.new_design .files-attached-overviews.files-attached-overviews--attached .change-color-picker--overviews.active h6::after {
    transform: rotate(224deg);
    top: 10px;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .change-color-picker--overviews h6 span.checked-default-colors {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    display: inline-block;
    background-color: #B1BCBB;
    vertical-align: top;
    margin-right: 5px;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .change-color-picker--overviews h6 span.checked-default-colors img.selected-colors {
    opacity: 0;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .change-color-picker--overviews h6 span.checked-default-colors:hover {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    display: inline-block;
    background-color: #c6d3d2;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .change-color-picker--overviews h6 span.checked-default-colors:hover img.selected-colors {
    vertical-align: top;
    opacity: 1;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .user-custom-checkbox--contract {
    margin-left: 10px;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .user-custom-checkbox--contract .checkbox {
    margin-top: -5px;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .user-custom-checkbox--contract .checkbox label.checkbox-datatable-description {
    padding-left: 3rem;
    font-size: 13px;
    font-weight: 400;
    color: #054A61;
    text-transform: capitalize;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .user-custom-checkbox--contract .checkbox label.checkbox-datatable-description::after {
    border-right: 1px solid #054A61;
    border-bottom: 1px solid #054A61;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: -17px;
    top: 7px;
    -webkit-transform: rotate(224deg);
    transform: rotate(224deg);
}

.new_design .files-attached-overviews.files-attached-overviews--attached .user-custom-checkbox--contract .checkbox label.checkbox-edit-color::after {
    display: none;
}

.new_design .files-attached-overviews.files-attached-overviews--attached .user-custom-checkbox--contract .checkbox label.checkbox-edit-color span label.add-tootltips-overviews::before {
    display: none;
}

.new_design .files-attached-overviews--lg {
    margin-top: 40px;
}

.new_design .login-form-logo {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

.new_design .login-form-logo span.user-logo-registered {
    width: 250px;
    display: inline-block;
}

.new_design .login-form-logo span.user-logo-registered img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.new_design .account-login .login-form .form-control-plaintext {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    min-height: initial;
    padding: 3px;
}

.new_design .account-login .login-form label.user-login-label-lg {
    font-weight: 400;
}

.new_design .account-login .login-form .user-form-group-lg {
    margin-bottom: 25px;
    min-height: 55px;
}

.new_design .account-login .login-form .user-form-group-lg span.field-icon {
    float: right;
    margin-top: -39px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
    color: #B1BCBB;
    font-size: 16px;
}

.new_design .account-login .login-form .user-form-group-lg span.field-icon:hover {
    color: #054A61;
}

.new_design .account-login .login-form .language-select-flag .dot {
    height: 8px;
    width: 8px;
    background-color: #FF851A;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    opacity: 0;
}

.new_design .account-login .login-form .language-select-flag .dot.active {
    opacity: 1;
}

.new_design .account-login .login-form .language-select-flag .dot:hover {
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari 3-8 */
    transform: scale(1.2);
}

.new_design .account-login .login-form .language-select-flag .dot:focus {
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari 3-8 */
    transform: scale(1.2);
    opacity: 1;
}

.new_design .account-login .login-form .language-select-flag img {
    margin: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    cursor: pointer;
}

.new_design .account-login .login-form .language-select-flag img.img-fluid-icons {
    margin-left: 0px;
    width: 28px;
    height: 26px;
    margin-right: 20px;
}

.new_design .account-login .login-form .language-select-flag img.img-fluid-right {
    margin-left: 0px;
}

.new_design .account-login .login-form .form-vector-icon {
    margin-top: 4rem;
}

.new_design .account-login .login-form .form-vector-icon img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.new_design .account-login .login-form .remember label.user-form-label {
    color: #0D9DC6;
    font-size: 14px;
    font-weight: 400;
}

.new_design .account-login .login-form .remember label.user-form-label span {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
}

.new_design .account-login .login-form .remember label.user-form-label span img {
    width: 100%;
    height: 100%;
    vertical-align: baseline;
    -o-object-fit: contain;
    object-fit: contain;
}

.new_design .account-login .login-form .remember a,
.new_design .account-login .login-form .remember i {
    color: #0D9DC6;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
}

.new_design .account-login .login-form .remember a:hover,
.new_design .account-login .login-form .remember i:hover {
    color: #054A61;
}

.new_design .user-login-profile h6.h6 {
    color: #0D9DC6;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.new_design .user-login-profile h6.h6 span.users-profile-icon {
    width: 19px;
    height: 19px;
}

.new_design .user-login-profile h6.h6 span.users-profile-icon img {
    vertical-align: top;
}

.new_design .user-login-profile h6.h6:hover {
    color: #054A61;
}

.new_design .users-pie-chart {
    margin-top: 50px;
}

.new_design .users-pie-chart ul li {
    display: inline-block;
    padding: 30px;
    padding-left: 0px;
    text-align: center;
}

.new_design .users-pie-chart ul li .pie-value-table {
    width: 70px;
    height: 70px;
    background-color: #054A61;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
}

.new_design .users-pie-chart ul li .pie-value-table p {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    padding-top: 36px;
}

.new_design .users-pie-chart ul li .pie-value-table.pie-value--light {
    background-color: #44CAE0;
}

.new_design .users-pie-chart ul li .pie-value-table.pie-value--light3 {
    background-color: #022A33;
}

.new_design .users-pie-chart ul li .pie-value-table.pie-value--light-admin {
    background-color: #0D9DC6;
}

.new_design .users-pie-chart ul li .pie-value-table.pie-value--light2 {
    background-color: #1A6482;
}

.new_design .users-pie-chart ul li .clien-service {
    font-size: 16px;
    text-transform: capitalize;
    margin-top: 5px;
    text-align: center;
    color: #054A61;
}

.new_design .users-pie-chart ul li .pie-level-image {
    width: 130px;
    height: 100%;
}

.new_design .users-pie-chart ul li .pie-level-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: baseline;
}

.new_design .users-pie-chart ul li.pie-chart-add--value {
    padding-right: 0px;
}

.new_design .leave-application-section {
    margin-top: 2rem;
}

.new_design .leave-application-section p {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    color: #054A61;
}

.new_design .leave-application-section .vacation-section-vector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li {
    text-align: center;
    display: inline-block;
    padding: 10px;
    border: 1px solid #054A61;
    border-radius: 5px;
    margin: 10px;
    margin-left: 0px;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.col-first--warning {
    border: 1px solid #FF851A;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.col-first--warning .align-listing-applications span {
    color: #FF851A;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.col-first--warning .align-listing-applications p {
    color: #FF851A;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.next-theme--cards {
    border: 1px solid #8AA9BB;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.next-theme--cards .align-listing-applications span {
    color: #8AA9BB;
    font-weight: 500;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.next-theme--cards .align-listing-applications p {
    color: #8AA9BB;
    font-weight: 500;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.expira-theme--cards {
    border: 1px solid #5BC9E2;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.expira-theme--cards .align-listing-applications span {
    color: #5BC9E2;
    font-weight: 500;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.expira-theme--cards .align-listing-applications p {
    color: #5BC9E2;
    font-weight: 500;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.cards-middle--theme .align-listing-applications span {
    color: #054A61;
    font-weight: 500;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li.cards-middle--theme .align-listing-applications p {
    color: #054A61;
    font-weight: 500;
    font-size: 12px;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li span {
    font-weight: 600;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li span.total-days-states {
    width: 100%;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li span small {
    font-size: 12px;
    font-weight: 400;
    color: #B1BCBB;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li .align-listing-applications {
    display: inline-block;
    margin: 5px;
}

.new_design .leave-application-section .vacation-section-vector .vacation-left-section ul li .align-listing-applications p {
    margin-bottom: 0px;
}

.new_design .leave-application-section .vacation-section-vector .vacation-right-section span.vector-right-icon {
    width: 200px;
    height: 150px;
}

.new_design a.timeoff-collapse-accordion::after {
    content: "";
    border: solid #054A61 !important;
    border-width: 0 1px 1px 0 !important;
    display: inline-block;
    padding: 4px;
}

.new_design .timeoff-leave-container .time-off-employee-table .timeoff-heading--lg p {
    font-size: 14px;
    font-weight: 700;
    color: #054A61;
}

.new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg {
    min-width: 1200px;
    overflow: auto;
}

.new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg table tbody tr td.table-td--green {
    color: #28A745 !important;
}

.new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg table tbody tr td.table-content-theme {
    color: #054A61;
}

.new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg table tbody tr td.table-td--danger {
    color: #DC3545 !important;
}

.new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg table tbody tr td.table-td--theme {
    color: #054A61;
}

.new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg table tbody tr td small {
    color: #B1BCBB;
}

.new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg table tbody tr td small.user-add--tablenumber {
    font-size: 16px;
}

.new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg table tbody tr td span.edit-tooltip-icon--lg {
    width: 18px;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li {
    display: inline-block;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li .accordion-dropdown-form {
    min-height: 100% !important;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li .accordion-dropdown-form .timeoff-employee-listings {
    padding: 12px 0px 0px 0px !important;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li .accordion-dropdown-form .timeoff-employee-listings a {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: capitalize;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li .accordion-dropdown-form a.user-filters-collapse {
    color: #0D9DC6 !important;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li .accordion-dropdown-form a.user-filters-collapse::after {
    content: "";
    border: solid #0D9DC6 !important;
    border-width: 0 1px 1px 0 !important;
    display: inline-block;
    padding: 4px;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li .accordion-dropdown-form a.timeoff-medical-collapse--links {
    font-size: 13px !important;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li .accordion-dropdown-form a.timeoff-medical-collapse--links::after {
    right: -10px !important;
}

.new_design .timeoff-leave-container .table-bottom-leave--accordion ul li .accordion-dropdown-form a.timeoff-medical-collapse--links:hover {
    color: #054A61 !important;
}

.new_design .custom-library-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.new_design .custom-library-container .custom-library-left {
    margin-bottom: 50px;
}

.new_design .custom-library-container .custom-library-left.custom-library-left--assessments {
    margin-top: 30px;
    margin-bottom: 20px;
}

.new_design .custom-library-container .custom-library-right span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 20px;
}

.new_design .custom-library-container .custom-library-right span p {
    font-size: 16px;
    font-weight: 400;
    color: #054A61;
    margin-bottom: 0px;
    margin-right: 20px;
    text-transform: capitalize;
}

.new_design .employee-performance-heading {
    margin-bottom: 50px;
}

.new_design .employee-performance-heading.employee-performance--assesmentes {
    margin-bottom: 30px;
}

.new_design .employee-performance-heading p {
    display: block;
    text-align: left;
    width: 80%;
    color: #0D9DC6;
    text-transform: uppercase;
}

.new_design .employee-performance-heading span {
    display: block;
    width: 20%;
}

.new_design .employee-performance-heading span.employees-right-status {
    font-size: 16px;
    display: block;
    color: #28A745;
    text-transform: capitalize;
}

.new_design .employee-performance-heading span.employees-warning--lg {
    color: #054A61;
}

.new_design .employee-performance-heading span.performance-tool-tip-text {
    width: 20px;
}

.new_design .font-alert-icons {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: center;
}

.new_design .font-alert-icons ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.new_design .font-alert-icons ul li {
    display: inline-block;
    width: auto;
    margin-top: 14px;
}

.new_design .completion-rate--progress {
    border-radius: 20px;
    background-color: transparent;
    border: 1px solid #B1BCBB;
}

.new_design .completion-rate--progress .progress-rate--section {
    background-color: #B1BCBB;
    height: 10px;
    width: 67%;
    border-radius: 20px;
}

.new_design .user-left-profile-section {
    margin-top: 0px;
}

.new_design .user-left-profile-section .user-profile-feedback h6.h6 {
    margin-bottom: 0rem;
    font-size: 12px;
    font-weight: 700;
    color: #FF851A;
    text-transform: uppercase;
}

.new_design .user-left-profile-section .user-profile-feedback ul {
    padding-left: 2rem;
}

.new_design .user-left-profile-section .user-profile-feedback ul li {
    display: block;
}

.new_design .user-left-profile-section .user-profile-feedback ul li.listing-left-section {
    color: #054A61;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 6px;
}

.new_design .user-left-profile-section .user-profile-feedback ul li.listing-left-section-md {
    color: #054A61;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    margin-top: 10px;
}

.new_design .payroll-slips--container {
    height: 75px;
}

.new_design .payroll-slips--container .payrol-payslips-schedule {
    margin-top: -13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_design .payroll-slips--container .payrol-payslips-schedule ul li {
    display: inline-block;
    padding: 8px;
}

.new_design .payroll-slips--container .payrol-payslips-schedule ul li.payrol-slip--detail a {
    font-size: 16px;
    font-weight: 600;
    color: #0D9DC6;
    text-transform: capitalize;
}

.new_design .payroll-slips--container .payrol-payslips-schedule ul li.payrol-slip--detail a:hover {
    color: #054A61;
}

.new_design .payroll-slips--container .payrol-payslips-schedule ul li.payrol-slip--table a {
    color: #054A61;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

@media (min-width: 767px) and (max-width: 4920px) {
    .new_design nav.navbar .navbar-collapse-container {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .new_design nav.navbar .navbar-collapse-container ul.navbar-listing-center {
        float: none !important;
        width: 77% !important;
    }

    .new_design nav.navbar .navbar-collapse-container ul.navbar-listing-right {
        float: none !important;
        width: 23% !important;
        display: flex;
        align-items: center;
    }
}

.new_design .user-management-informations .user-form-group label {
    font-size: 12px;
    font-weight: 500;
    color: #6C757D;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.new_design .user-management-informations .user-form-group label.custom-checkbox-label {
    text-transform: capitalize;
    font-size: 12px !important;
}

.new_design .user-management-informations .user-form-group .user-form-text {
    height: 48px;
    border: 1px solid #DAE0DE;
    color: #054A61;
    box-shadow: none;
}

.new_design .user-management-informations .user-form-group .user-form-text::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #054A61;
}

.new_design .user-management-informations .user-form-group .select-dropdown {
    border: 0px;
    height: 48px;
}

.new_design .user-management-informations .user-form-group .user-form-text:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #054A61;
}

.new_design .user-management-informations .user-form-group .user-form-text::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #054A61;
}

.new_design .user-management-informations .user-form-group .user-form-text::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #054A61;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form--theme {
    color: #28A745 !important;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form--theme::-webkit-input-placeholder {
    color: #28A745 !important;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form--theme:-ms-input-placeholder {
    color: #28A745 !important;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form--theme::-ms-input-placeholder {
    color: #28A745 !important;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form--theme::placeholder {
    color: #28A745 !important;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form-company-sheet--text::-webkit-input-placeholder {
    font-style: italic;
    color: #B1BCBB;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form-company-sheet--text:-ms-input-placeholder {
    font-style: italic;
    color: #B1BCBB;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form-company-sheet--text::-ms-input-placeholder {
    font-style: italic;
    color: #B1BCBB;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form-company-sheet--text::placeholder {
    font-style: italic;
    color: #B1BCBB;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form-text-success::-webkit-input-placeholder {
    color: #28A745;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form-text-success:-ms-input-placeholder {
    color: #28A745;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form-text-success::-ms-input-placeholder {
    color: #28A745;
}

.new_design .user-management-informations .user-form-group .user-form-text.user-form-text-success::placeholder {
    color: #28A745;
}

.new_design .user-management-informations .user-form-group.user-email-templates {
    font-size: 14px;
    font-weight: 500;
    color: #054A61;
}

.new_design .user-management-informations .user-form-group.user-email-templates label.r-st-tooltip {
    color: #054A61;
}

.new_design .user-management-informations .user-form-group.user-email-templates span {
    margin-left: 5px;
    width: 15px;
    height: 15px;
}

.new_design .user-management-informations .user-form-group.user-email-templates span img {
    vertical-align: text-top;
}

.new_design .user-management-informations .user-form-group .checkmark:hover {
    background-color: #054A61;
}

.new_design .onboarding-table--head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 50px;
}

.new_design .onboarding-table--head .onboarding-table--left.onboarding-table--selected {
    display: -webkit-box;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand {
    position: relative;
    margin-top: 0px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand::before {
    content: "";
    position: absolute;
    border: 2px solid #054A61;
    border-top: 0px;
    border-right: 0px;
    right: 11px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options {
    background-color: #D4ECF9;
    margin-top: 20px;
    margin-left: 10px;
    padding: 10px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options.selected-options-timesheet {
    background-color: #FF851A;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options.selected-options-timesheet .selected-options-onboarding {
    background-color: #FF851A;
    color: #ffff;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options.selected-options-timesheet .selected-options-onboarding.selected-options-onboarding--md {
    margin-bottom: 0px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options .selected-options-onboarding {
    background-color: #D4ECF9;
    color: #054A61;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options .selected-options-onboarding:hover,
.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options .selected-options-onboarding .bulk_edit_btn:hover {
    color: #FF851A;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options .selected-options-onboarding.selected-options-onboarding--md {
    margin-bottom: 0px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .options.triangle_down {
    margin-left: 11rem;
    margin-top: 13px !important;
    margin-right: 10px !important;
    border: solid #D4ECF9;
    border-width: 0 1px 1px 0;
    width: 10px !important;
    border-radius: 0px !important;
    padding: 8px;
    z-index: 1 !important;
    background: #D4ECF9 !important;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .option_value {
    min-width: 300px;
    right: 0px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .option_value .selected-options-onboarding {
    margin-bottom: 10px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .btn-theme-light-transparent::after {
    display: none;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-expand .btn-theme-light-transparent.btn-theme-light-transparent--timesheet:hover {
    background: #FF851A;
    color: #ffff;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-down--latest {
    position: relative;
    margin-top: 0px;
    display: inline-block;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-down--latest:hover:before {
    border: 2px solid #ffff;
    border-top: 0px;
    border-right: 0px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-down--latest .triangle_down {
    margin-left: 14rem !important;
    margin-top: -83px !important;
    width: 0px !important;
    height: 35px !important;
    background: #FF851A !important;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-down--latest .triangle_down::before {
    border: 2px solid #ffff;
    border-top: 0px;
    border-right: 0px;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-down--latest .options {
    position: absolute;
    bottom: 67px;
    height: 150px;
    margin-top: -21rem;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-down--timesheet--edit ::before {
    border: 1px solid #054A61 !important;
}

.new_design .user-action-management-tools .dropdown-down.dropdown-down--timesheet--edit:hover:before {
    border: 1px solid #054A61 !important;
    border-top: 0px !important;
    border-right: 0px !important;
}

.new_design .onboarding-table--head .onboarding-table--right span.table-header--icons {
    margin-right: 15px;
}

.new_design .user-basic-footer .right-contract-lg span {
    display: inline-block;
    margin-top: 10px;
}

.new_design .user-basic-footer .right-contract-lg span .btn-theme-transparent {
    min-height: 42px;
}

.new_design .user-basic-footer .right-contract-lg span .btn-theme-warning {
    min-height: 42px;
    margin: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 40px;
}

.new_design .filters-search--lg span {
    width: 100%;
    height: 100%;
}

.new_design .filters-search--lg span .btn-theme-transparent-left {
    margin-left: 0rem;
}

.new_design .table-header-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}


.new_design .table-header-pagination.table-header-feedback .user-employees-button form .user-left-collapse-fields .user-management-formgroup label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #054A61;
}

.new_design .table-header-pagination.table-header-feedback .user-employees-button form .user-left-collapse-fields .user-management-formgroup .form-input-text-left {
    width: 180px;
    margin: 40px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #ffff;
    margin-bottom: 30px;
    height: 48px;
}

.new_design .table-header-pagination.table-header-feedback .user-employees-button form .user-left-collapse-fields .user-management-formgroup .form-input-text-left:hover {
    border: 1px solid #054A61;
}

.new_design .table-header-pagination.table-header-feedback .user-employees-button form .user-left-collapse-fields .user-management-formgroup .form-input-text-left select option.non-text-option {
    font-style: normal;
    color: #054A61;
}

.new_design .table-header-pagination.table-header-feedback .user-employees-button form .user-left-collapse-fields .user-management-formgroup .form-input-text-left.form-input-text-left--value {
    width: 320px;
}

.new_design .table-header-pagination .user-employees-button .btn-theme-add--employee {
    text-transform: none;
}

.new_design .table-header-pagination .user-employees-button.employee-contract-details .btn-theme-warning {
    padding: 10px 20px !important;
    text-transform: inherit;
}

.new_design .table-header-pagination .user-employees-button.employee-contract-details .btn-theme-warning::after {
    display: block !important;
}

.new_design .table-header-pagination .user-employees-button.employee-contract-details .btn-background-theme {
    text-transform: inherit;
}

.new_design .table-header-pagination .user-employees-button .btn-theme-warning {
    padding: 10px 20px !important;
}

.new_design .table-header-pagination .user-employees-button .btn-theme-warning::after {
    display: none !important;
}

.new_design .table-header-pagination .user-employees-button .btn-background-theme {
    background-color: #EFF2F3 !important;
    color: #B1BCBB !important;
}

.new_design .table-header-pagination .user-employees-button p.users-states-count {
    font-size: 16px;
    font-weight: 400;
    color: #B1BCBB;
    margin-bottom: 0px;
    margin-top: 20px;
}

.new_design .table-header-pagination .data-table-center {
    padding: 10px;
    padding-top: 5px;
}

.new_design .table-header-pagination .data-table-center ul li {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    padding: 5px;
}

.new_design .table-header-pagination .data-table-center ul li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #054A61;
}

.new_design .table-header-pagination .data-table-center ul li a:hover {
    color: #DAE0DE;
}

.new_design .table-header-pagination .data-table-center ul li a:focus {
    color: #DAE0DE;
}

.new_design .table-header-pagination .data-table-center ul li a:active {
    color: #DAE0DE;
}

.new_design .table-header-pagination .data-table-right {
    padding: 10px;
    padding-top: 12px;
}

.new_design .table-header-pagination .data-table-right span {
    width: 100%;
}

.new_design .table-header-pagination .data-table-right span svg {
    margin-left: 10px;
}

.new_design .table-header-pagination .data-table-right span.table-ttoltip--left {
    width: 20px;
    margin-right: 0px;
}

.new_design .table-header-pagination .data-table-right span.table-ttoltip--left label.tooltiptext-top {
    margin-top: -44px !important;
    margin-left: 1px !important;
}

.new_design .table-header-pagination .data-table-right span.table-ttoltip--left svg {
    margin-right: 20px;
}

.new_design .table-header-pagination .data-table-right .dropdown-menu-left {
    /*margin-right: 27px;*/
}

.new_design .theme-dropdown-menu-left.dropdown-menu-left .dropdown-menu,
.new_design .table-header-pagination .data-table-right .dropdown-menu-left .dropdown-menu {
    right: 0;
    left: auto;
}

.new_design .open .dropdown-list-cta-icon {
    transform: rotate(180deg);
}

.new_design .dropdown-list-style:before {
    position: absolute;
    top: -14px;
    left: 16px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 16px 13px;
    border-color: transparent transparent #d4ecf9 transparent;
}

.new_design .dropdown-list-style.bg-white:before {
    border-color: transparent transparent #fff transparent;
}

.new_design .dropdown-menu-left .dropdown-list-style:before {
    left: auto;
    right: 16px;
}

.new_design .dropdown-list-style {
    background-color: #d4ecf9;
    min-width: 200px;
    margin-top: 20px;
    border-radius: 10px;
    box-shadow: none;
    border: none;
    padding: 10px;

}

.new_design .dropdown-list-style.bg-white {
    background-color: #fff;
}

.new_design .dropdown-list-style > li.inactiv > a,
.new_design .dropdown-list-style > li.inactiv > a:hover:focus {
    outline: none;
    background: transparent !important;
    color: #B1BCBB !important;
}

.new_design .dropdown-list-style > li > a {
    padding: 4px 12px !important;
}

.new_design .dropdown-list-style > li > a:focus {
    outline: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

.new_design .dropdown-list-style > li > a:hover,
.new_design .dropdown-list-style > li > a:hover:focus {
    outline: none !important;
    color: #FF851A;
    background-color: transparent !important;
    background-image: none !important;
}


.new_design .table-header-pagination .data-table-right span.table-ttoltip--right {
    width: 20px;
    margin-right: 27px;
}

.new_design .table-header-pagination .data-table-right span.table-ttoltip--right label.tooltiptext-top {
    margin-top: -44px !important;
    margin-left: 1px !important;
}

.new_design .table-header-pagination .data-table-right span.table-ttoltip--right svg {
    margin-right: 20px;
}

.new_design .user-formgroup-collapsed {
    margin-right: 10px;
    margin-bottom: 15px !important;
}

.new_design .user-formgroup-collapsed .table-schedule-meetings {
    background-color: #ffff;
    padding: 10px;
}

.new_design .user-formgroup-collapsed .table-schedule-meetings h5.h5 {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #98BDD2;
    margin: 0px;
}

.new_design .user-formgroup-collapsed .table-schedule-meetings table {
    margin-bottom: 0px;
}

.new_design .user-formgroup-collapsed .table-schedule-meetings table thead tr th {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #054A61;
}

.new_design .user-formgroup-collapsed .table-schedule-meetings table tbody tr td {
    text-transform: uppercase;
    color: #0D9DC6;
    font-size: 12px;
    font-weight: 600;
}

.new_design .user-formgroup-collapsed .table-schedule-meetings table tbody tr td:hover {
    color: #FF851A;
}

.new_design .user-formgroup-collapsed .table-schedule-meetings table tbody tr td span.table-time-date {
    border: 1px solid #98BDD2;
    border-radius: 50%;
    padding: 5px;
    padding-top: 0px;
}

.new_design .footer .footer-bottom-align {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #FFFFFF;
    min-height: 60px;
    padding: 10px 0;
}

.new_design .datatable-navigations-container {
    margin-top: 20px;
}

.new_design .datatable-navigations-container .datatable-navigations ul.datatable-navigations--right {
    margin-top: 10px !important;
    text-align: right;
}

.new_design .datatable-navigations-container .datatable-navigations ul.datatable-navigations--right li a {
    color: #0D9DC6;
    letter-spacing: 1px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.new_design .datatable-navigations-container .datatable-navigations ul.datatable-navigations--right li a:hover {
    color: #054A61;
}

.new_design .datatable-navigations-container .datatable-navigations ul li {
    display: inline-block;
    margin: 2px;
    text-transform: uppercase;
    color: #0D9DC6;
    font-size: 12px;
}

.new_design .datatable-navigations-container .datatable-navigations.datatable-navigations-align-center ul li .select-dropdown.table-bottom-pagination select {
    min-height: 30px;
    border: 1px solid none;
}

.new_design .datatable-navigations-container .datatable-navigations.datatable-navigations-align-center ul li .select-dropdown.table-bottom-pagination select:hover {
    border: 1px solid #054A61;
}

.new_design .datatable-navigations-container .datatable-navigations.datatable-navigations-align-center ul li .select-dropdown.table-bottom-pagination::after {
    top: 10px;
}

.new_design .datatable-navigations-container .datatable-navigations.datatable-navigations-align-center ul li .select-dropdown select {
    width: 60px;
}

.new_design .datatable-navigations-container.datatable-timesheet-container {
    margin-left: 8rem !important;
}

.new_design .payment-method-table table tbody tr td {
    color: #054A61;
}

.new_design .user-detail-icons-sm span.tool-tip-md-download img.user-tooltip--right {
    margin: 2px 34px 2px 2px;
}

.new_design .user-profile-section-left span.tool-tip-md label.r-st-tooltip {
    margin-top: 3px;
}

.new_design .user-detail-listings.employee-listing--details ul li {
    margin-bottom: 25px;
}

.new_design .user-detail-listings.employee-listing--details ul li.left-section-lg {
    vertical-align: top;
}

.new_design .user-detail-listings.employee-listing--details ul li.section-left-target--period {
    vertical-align: text-bottom !important;
    margin-bottom: 30px;
}

.new_design .user-detail-listings.employee-listing--details ul li.performance-payroll-progressbar {
    margin-bottom: 5px;
}

.new_design .user-detail-listings.employee-listing--details ul li.right-section-lg p {
    font-size: 16px;
}

.new_design .user-detail-listings .user-text-more--icons a {
    color: #98bdd2 !important;
    font-size: 14px;
    line-height: 20px;
}

.new_design .user-detail-listings .user-text-more--icons a:hover {
    color: #054A61 !important;
}

.new_design .user-detail-listings.user-detail-listings--sheet {
    margin-top: 30px;
}

.new_design .onboarding-table-user--profile .completion-rate--progress {
    border: 1px solid #054A61;
    max-width: 70%;
}

.new_design .onboarding-table-user--profile .completion-rate--progress .progress-rate--section {
    background-color: #054A61;
}

.new_design .onboarding-table-user--profile p span {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.new_design .onboarding-table-user--profile p span img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: sub;
}

.new_design .onboarding-table-user--profile p.profile-description {
    text-transform: capitalize;
    color: #054A61;
    font-size: 14px;
    margin-bottom: 2rem;
}

.new_design .onboarding-table-user--profile p.onboarding-task-progress {
    font-style: italic;
}

.new_design .onboarding-table-user--profile p.profile-theme-danger {
    color: #DC3545;
}

.new_design .onboarding-table-user--profile p.profile-theme-success {
    color: #28A745;
}

.new_design .data-wizard--changes {
    background-color: #ffff;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table thead tr th.table-head-column-fixed hr {
    width: 70px;
    margin-top: 14px;
    margin-left: 0px;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table thead tr th hr {
    width: 100px;
    margin-bottom: 0px;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table thead tr th.table-detail-action--lg hr {
    margin-top: 10px;
    margin-bottom: 31px;
    margin-left: 0px;
    display: inline-block;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table thead tr th ul.user-combined-listing--lg li {
    padding: 12px;
    padding-top: 0px;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table thead tr th ul li.table-detail-sectopn--left {
    color: #B1BCBB;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td.table-head-column-fixed {
    padding-top: 25px;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td.table-head-column-fixed span {
    font-weight: 700;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td ul li.add-user-value--table {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td ul li.user-recruitment-select-table {
    padding: 10px !important;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td ul li.user-table--details--xl {
    padding: 10px;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td ul li.table-class-users--column {
    margin: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 1px !important;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td ul li.table-class-btn--column {
    margin: 12px !important;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td ul li.input-table-data--column {
    padding-left: 12px !important;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td ul li a.table-detail-sectopn--left {
    color: #B1BCBB;
}

.new_design .data-wizard--changes .table-responsive-overflow .user-table-pagination--wizard table tbody tr td ul li a.table-detail-sectopn--right {
    color: #054A61;
    text-transform: capitalize;
}

.new_design .data-wizard--changes.data-wizard--changes--wizard {
    margin-bottom: 9rem;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align {
    z-index: 100;
    text-align: left;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align span {
    margin-left: 10rem;
    display: inline-block;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align span .btn-primary {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align span .btn-primary.btn-theme-transparent {
    margin-left: 40px;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align span .btn-primary.btn-theme-warning--company {
    margin-right: 0px;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align.footer-bottom-align--sheet span {
    margin-left: 1rem;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align.footer-basic-time--timesheet .datatable-navigations-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 6rem;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align.footer-basic-time--timesheet .datatable-navigations-container .datatable-navigations ul.datatable-navigations--right {
    text-align: left;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align.footer-basic-time--timesheet .custom-library-right--sheet .onboarding-table--head {
    margin-top: 0px;
    margin-bottom: 0px;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align.footer-basic-time--timesheet .custom-library-right--sheet .onboarding-table--head .onboarding-table--selected .user-action-management-tools {
    margin-top: 10px;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align.footer-basic-time--timesheet .custom-library-right--sheet .onboarding-table--head .onboarding-table--selected .table-header-pagination .user-employees-button .btn-background-theme {
    min-height: 42px;
}

.new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align.footer-basic-time--timesheet .custom-library-right--sheet .onboarding-table--head .onboarding-table--selected .table-header-pagination .user-employees-button .btn-background-theme.btn-theme-transparent {
    margin-left: 40px;
}

.new_design .table-time-timesheet--calendar {
    padding: 0px !important;
    margin-bottom: 12rem !important;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg {
    min-width: 100% !important;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table thead tr th.datatable-responsive-lg {
    border: 1px solid #DAE0DE;
    min-width: 100px;
    vertical-align: middle;
    text-align: center;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table thead tr th.datatable-responsive-lg hr {
    border-top: 1px solid #B1BCBB;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td {
    text-align: center;
    border: 1px solid #DAE0DE;
    text-transform: capitalize;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.table-user-name--lg {
    text-align: center;
    color: #054A61;
    font-weight: 600;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.table-detail-order-first span.block__element {
    width: auto;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.table-detail-order-first p {
    font-style: normal;
    color: #054A61;
    font-weight: 500;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.table-detail-order-first label.finalized-btn--theme {
    padding: 5px;
    background: #28A745;
    border-radius: 4px;
    color: #ffff;
    font-weight: 500;
    font-size: 13px;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.table-detail-order-first a.table-details--count {
    text-decoration: underline;
    color: #054A61;
    font-weight: 600;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-background--light {
    background-color: #F9E4E6;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user--default-background--theme {
    background-color: #F1F8FC;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline {
    text-transform: uppercase;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline span.ads-time-icon--table {
    margin-left: -34px;
    vertical-align: super;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline span.ads-time-icon--table img {
    margin-top: -19px;
    width: 100%;
    vertical-align: text-top;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline span.table-collection--shift {
    color: #98BDD2;
    font-weight: 400;
    vertical-align: middle;
    text-transform: capitalize;
    font-size: 12px;
    width: 100%;
    text-align: left;
    line-height: 10px;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline span.table-collection--time {
    color: #054A61;
    font-weight: 600;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline span.table-collection--time label {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #B013E9;
    vertical-align: top;
    margin-left: 10px;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline span.table-collection--edit {
    text-transform: uppercase;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline span.table-collection--edit span {
    width: 15px;
    margin-left: 5px;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline label.btn-number-count--md {
    padding: 6px 15px;
    background: #0D9DC6;
    border-radius: 4px;
    color: #ffff;
    font-weight: 500;
    font-size: 13px;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline label.table-details--count--icon {
    background-color: transparent;
    width: 25px;
    text-align: center;
    display: inline-block;
    padding: 0px;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.user-table-taxt--outline label.table-details--count--icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.table-outline-selected--box:hover {
    border: 2px solid #054A61;
    cursor: pointer;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.table-outline-selected--box:focus {
    border: 2px solid #054A61;
    cursor: pointer;
}

.new_design .table-time-timesheet--calendar .table-responsive-overflow .user-table-pagination--lg table tbody tr td.table-outline-selected--box:active {
    border: 2px solid #054A61;
    cursor: pointer;
}


.modal.modal-dialog-centered {
    text-align: center;
    padding: 0 !important;
}

.modal.modal-dialog-centered:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
/ / Adjusts for spacing
}

.modal.modal-dialog-centered .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}


.new_design .modal.quick-chnages-modal {
    text-align: center;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered {
    width: 700px;
    margin-top: 18rem;
    display: inline-block;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-content-header {
    border-bottom: 1px solid transparent;
    padding: 0px;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-content-header .close-modal {
    color: #054A61;
    font-size: 25px;
    font-weight: 500;
    opacity: 1;
    margin: 34px;
    margin-bottom: 0px;
    margin-left: 0px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-content-header .close-modal:hover {
    /* IE 9 */
    -webkit-transform: scale(1.5);
    /* Safari 3-8 */
    transform: scale(1.5);
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-content-header .close-modal span {
    color: #054A61;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section p {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #FF851A;
    max-width: 80%;
    display: inline-block;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents {
    text-align: left;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents p {
    font-size: 20px;
    font-weight: 500;
    color: #054A61;
    text-transform: none;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul.user-documents-template--md {
    margin-top: 20px !important;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li {
    display: inline-block;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li.user-documents-input--fields {
    display: block;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li.user-documents-input--fields .user-management-formgroup {
    display: block;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li.user-documents-input--fields .user-management-formgroup .form-input-text-left {
    display: block;
    height: 100%;
    width: 100%;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li.user-documents-input--fields .user-management-formgroup .form-input-text-left select {
    font-size: 15px;
    color: #054A61;
    font-style: normal;
    font-weight: 500;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup {
    display: inline-block;
    margin-bottom: 5px;
    padding: 30px;
    padding-top: 0px;
    padding-left: 0px;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup .form-input-text-left {
    display: inline-block;
    height: 50px;
    width: 225px;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup .form-input-text-left:hover {
    border: 1px solid #054A61;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup .form-input-text-left::-webkit-input-placeholder {
    font-size: 15px;
    color: #B1BCBB;
    font-weight: 400;
    font-style: italic;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup .form-input-text-left:-ms-input-placeholder {
    font-size: 15px;
    color: #B1BCBB;
    font-weight: 400;
    font-style: italic;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup .form-input-text-left::-ms-input-placeholder {
    font-size: 15px;
    color: #B1BCBB;
    font-weight: 400;
    font-style: italic;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup .form-input-text-left::placeholder {
    font-size: 15px;
    color: #B1BCBB;
    font-weight: 400;
    font-style: italic;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup .form-input-text-left select {
    font-size: 15px;
    color: #B1BCBB;
    font-weight: 400;
    font-style: italic;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents ul li .user-management-formgroup label {
    font-weight: 500;
    font-size: 12px;
    color: #6C757D;
    text-transform: uppercase;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents .contracts-popup-right--section span.block__elements__documents a.username-label--lg span {
    margin-left: 5px;
    color: #054A61;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents .contracts-popup-right--section span.block__elements__documents a.username-label--lg span.financial-schedule--meeting {
    text-transform: capitalize;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents .contracts-popup-right--section span.block__elements__documents a.user-custom-modal-description {
    color: #0D9DC6 !important;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents .contracts-popup-right--section span.block__elements__documents a.user-custom-modal-description:hover {
    color: #054A61 !important;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents .contracts-popup-right--section ul {
    margin-top: 15px;
    border-bottom: 1px solid #DAE0DE;
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents .contracts-popup-right--section ul li {
    display: block;
    padding-bottom: 3rem;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section.modal-body-section--documents .contracts-popup-right--section ul li a {
    color: #054A61;
    font-size: 16px;
    font-weight: 400;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-content-footer {
    text-align: center;
    border-top: 1px solid transparent;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-content-footer .btn-theme-warning {
    margin-left: 40px;
    padding: 10px 20px;
    text-transform: none;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-content-footer .btn-theme-warning::after {
    display: none;
}

.new_design .modal.quick-chnages-modal .modal-dialog-centered.modal-dialog-centered--documents {
    width: 80%;
    margin-top: 2rem !important;
}

.new_design .user-custom-checkbox--table .checkbox {
    margin-top: 0px;
}

.new_design .user-custom-checkbox--table .checkbox .filters-label-md {
    padding-left: 29px;
}

.new_design .user-custom-checkbox--table .checkbox.check-box-details--first {
    margin-top: 0px;
}

.new_design span.tooltiptext-top--timesheet ul li {
    display: inline-block;
}

.new_design span.tooltiptext-top--timesheet ul li a {
    color: #FF851A;
    text-transform: none;
}

.new_design .right-contract-timesheet--schedule .right-contract-buttons {
    margin-top: auto;
}

.new_design .right-contract-timesheet--schedule .right-contract-buttons .btn-theme-active {
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.new_design .right-contract-timesheet--schedule .right-contract-buttons.right-contract-buttons--top {
    margin-bottom: -10px;
    margin-left: 7px;
}

.new_design .right-contract-timesheet--schedule .custom-library-center {
    margin-top: auto;
}

.new_design .right-contract-timesheet--schedule .custom-library-center span {
    display: block;
    text-align: center;
    margin-top: 0px;
}

.new_design .right-contract-timesheet--schedule .custom-library-center span p {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.new_design .right-contract-timesheet--schedule .custom-library-center span p.calendar-sheet-center {
    font-size: 14px;
    color: #8AA9BB;
    font-weight: 400;
    text-transform: lowercase;
}

.new_design .right-contract-timesheet--schedule .custom-library-right--sheet span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin-top: 0px;
    margin-right: 5px;
    z-index: 1;
}

.new_design .right-contract-timesheet--schedule .custom-library-right--sheet span p {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    text-transform: uppercase;
}

.new_design .payroll-setari-form {
    margin-bottom: 30px;
}

.new_design .payroll-setari-form .payroll-table-search--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    padding-left: 0px;
}

.new_design .payroll-setari-form .payroll-table-search--btn .payroll-search--table form {
    margin: 40px 0px 40px 0px;
}

.new_design .payroll-setari-form .payroll-table-search--btn .payroll-btn--form {
    margin-top: auto;
    margin-bottom: 2rem;
}

.new_design .payroll-setari-form .payroll-table-search--btn .payroll-btn--form.payroll-btn-form--configurations {
    margin-top: 25px;
}

.new_design .payroll-setari-form .payroll-table-search--btn .payroll-btn--form .employees-tab--performance {
    background-color: #D4ECF9;
    text-transform: none !important;
    color: #054A61;
    border: none;
    font-weight: 500 !important;
}

.new_design .payroll-setari-form form .user-management-formgroup {
    display: block;
}

.new_design .payroll-setari-form form .user-management-formgroup label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #054A61;
}

.new_design .payroll-setari-form form .user-management-formgroup .form-input-text-left {
    width: 300px !important;
    height: 46px;
    border: 1px solid transparent !important;
}

.new_design .payroll-setari-form form .user-management-formgroup .form-input-text-left::-webkit-input-placeholder {
    font-style: italic;
}

.new_design .payroll-setari-form form .user-management-formgroup .form-input-text-left:-ms-input-placeholder {
    font-style: italic;
}

.new_design .payroll-setari-form form .user-management-formgroup .form-input-text-left::-ms-input-placeholder {
    font-style: italic;
}

.new_design .payroll-setari-form form .user-management-formgroup .form-input-text-left::placeholder {
    font-style: italic;
}

.new_design .payroll-setari-form form .user-management-formgroup .form-input-text-left:hover {
    border: 1px solid #054A61 !important;
}

.new_design .payroll-setari-form form .user-management-formgroup.user-management-formgroup--configurations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_design .payroll-setari-form form .user-management-formgroup.user-management-formgroup--configurations label {
    margin: auto 10px 13px 0px;
}

.new_design .payroll-setari-form.payroll-configurations-form {
    margin-bottom: 0px;
}

.new_design .payroll-setari-form.payroll-configurations-form .payroll-helping-text-medical {
    margin-top: 20px;
}

.new_design .payroll-setari-form.payroll-configurations-form .payroll-btn--form {
    margin-top: inherit;
}

.new_design .payroll-setari-form.payroll-setari-form__left {
    margin-bottom: 40px;
}

.new_design .payroll-setari-datatable--lg {
    max-width: 1800px !important;
}

.new_design .payroll-setari-datatable--lg table thead tr th.datatable-responsive-lg .table-heading-detail--payroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.new_design .payroll-setari-datatable--lg table thead tr th.datatable-responsive-lg .table-heading-detail--payroll .table-heading-lg {
    margin: 10px;
    margin-bottom: 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0px;
    margin-right: 0px;
}

.new_design .payroll-setari-datatable--lg table thead tr th .user-custom-checkbox--contract .checkbox label.checkbox-datatable-description {
    padding-left: 3rem;
    text-transform: uppercase;
}

.new_design .payroll-setari-datatable--lg table thead tr td.border-scope-column {
    border-bottom: 1px solid transparent;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.table-user-name--lg a span.user-lastname--lg {
    font-weight: 500 !important;
    width: 100%;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.border-scope-column {
    border-bottom: 1px solid transparent;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.user-table-payroll--setari {
    text-align: left !important;
}

.payroll-setari-datatable--lg table tbody tr td.user-table-payroll--setari a.username-label--lg {
    margin-left: 7px;
    margin-top: 3px;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.user-table-payroll--setari a.username-label--setarii {
    color: #054A61;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.table-detail-payroll-setari--md {
    padding: 10px;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.table-user-text--lg .table-heading-detail--payroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #DAE0DE;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.table-user-text--lg .table-heading-detail--payroll .table-heading-lg {
    margin: 10px;
    margin-bottom: 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0px;
    margin-right: 0px;
    width: 80px;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.table-user-text--lg .table-heading-detail--payroll.table-heading-detail--setari {
    border-bottom: 1px solid transparent;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.payroll-table-child--first {
    vertical-align: top;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.payroll-table-child--configuration {
    vertical-align: middle;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.payroll-table-child--import {
    vertical-align: middle;
}

.new_design .payroll-setari-datatable--lg table tbody tr td.payroll-table-child-payroll--setari {
    vertical-align: middle;
}

.new_design .add-column-count--responsive .vector-section-container {
    width: 350px;
    height: 350px;
    display: inline-block;
    text-align: center;
}

.new_design .add-column-count--responsive .vector-section-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.new_design .payroll-import--heading {
    padding: 15px;
    margin-top: 30px;
}

.new_design .table-import--listings .user-detail-listings ul li .right-contract-lg .btn-theme-transparent--quick {
    font-size: 14px !important;
    padding: 10px 10px;
    font-weight: 500;
}

.new_design .submenu-back-links--lg {
    margin-left: 10px;
}

.new_design .submenu-back-links--lg .topbar-navigation-header-link:hover {
    color: #054A61 !important;
}

.new_design .submenu-back-links--lg .topbar-navigation-header-link::before {
    border-right: 1px solid currentcolor;
    border-bottom: 1px solid currentcolor;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: -5px;
    top: 20px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.new_design .payroll-setari-calculate__90 {
    padding-left: 40px !important;
}

.new_design .payroll-setari-calculate__90 p.payroll-setari_description a {
    color: #0D9DC6;
}

.new_design .payroll-setari-calculate__90 p.payroll-setari_description a:hover {
    color: #054A61;
}

.new_design p.add-date-scheduling-section span.performance-assessments--tooltip {
    margin-left: 4px;
    width: 70px;
}

.new_design p.add-date-scheduling-section span.performance-assessments--tooltip img {
    vertical-align: baseline;
}

.new_design p.add-date-scheduling-section span.performance-assessments--display {
    margin-left: 4px;
}

.new_design .assessments-rate--progress {
    margin-bottom: 25px;
}

.new_design .assessments-rate--progress.performance-payroll-progressbar {
    margin-bottom: 5px;
}

.new_design .assessments-rate--progress .progress-rate--success {
    background-color: #D4ECF9;
}

.new_design .assessments-rate--progress .progress-rate__lighttheme {
    background-color: #DAE0DE;
}

.new_design .performance-listing--details ul li {
    vertical-align: middle !important;
}

.new_design .performance-dropdown-selected--feedback form .form-group {
    margin: 0px;
    margin-bottom: 0px;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .form-input-text-left.form-selected-option-assessments {
    margin-top: -14px;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .form-input-text-left select {
    display: block;
    width: 100%;
    padding: 6px 30px 6px 10px;
    font-size: 16px !important;
    font-weight: 500;
    color: #B1BCBB !important;
    border: 1px solid #DAE0DE;
    border-radius: 4px !important;
    font-style: normal;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .form-input-text-left::after {
    content: "";
    border: solid #B1BCBB !important;
    border-width: 0 1px 1px 0 !important;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left {
    width: 180px;
    background-color: transparent;
    height: 48px;
    border: 1px solid #DAE0DE;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left::-webkit-input-placeholder {
    color: #B1BCBB;
    font-size: 16px !important;
    font-weight: 500;
    font-style: normal;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left:-ms-input-placeholder {
    color: #B1BCBB;
    font-size: 16px !important;
    font-weight: 500;
    font-style: normal;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left::-ms-input-placeholder {
    color: #B1BCBB;
    font-size: 16px !important;
    font-weight: 500;
    font-style: normal;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left::placeholder {
    color: #B1BCBB;
    font-size: 16px !important;
    font-weight: 500;
    font-style: normal;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left.select-schedule-calendar--date::-webkit-input-placeholder {
    color: #054A61;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left.select-schedule-calendar--date:-ms-input-placeholder {
    color: #054A61;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left.select-schedule-calendar--date::-ms-input-placeholder {
    color: #054A61;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left.select-schedule-calendar--date::placeholder {
    color: #054A61;
}

.new_design .performance-dropdown-selected--feedback form .form-group .user-management-formgroup .header-left .date-picker-input .form-input-text-left:hover {
    border: 1px solid #054A61;
}

.new_design .progress.progress-left-performance {
    height: 13px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: transparent;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #D4ECF9;
}

.new_design .progress.progress-left-performance .progress-bar.progress-bar-left-theme {
    background-color: #D4ECF9;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.new_design .progress.progress-left-performance-dark {
    border: 1px solid #DAE0DE;
}

.new_design .progress.progress-left-performance-dark .progress-bar-left-theme-dark {
    background-color: #DAE0DE !important;
}

.new_design .user-basic-footer .right-contract-lg .btn-theme-warning::after {
    display: none;
}

.new_design .user-basic-footer .right-contract-lg .btn-theme-warning {
    margin-left: 40px;
    padding: 5px 21px;
    font-size: 13px;
}

.new_design .user-basic-footer .right-contract-lg .btn-theme-transparent {
    padding: 5px 21px;
    font-size: 13px;
}

.new_design .right-contract--dropdowns {
    margin-top: 40px;
    margin-bottom: 50px;
}

.new_design .right-contract-import--dropdowns {
    margin-bottom: 0px;
    margin-top: 20px;
}

.new_design .right-contract-bottom--section {
    margin-top: 40px;
    margin-bottom: 40px;
}

.new_design .employees-tab--performance {
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.new_design .employees-tab--performance span.add-alert-tabs img {
    vertical-align: super;
}

.new_design .employees-tab--performance:hover {
    color: #FF851A !important;
}

.new_design .date-time-calendars .date-calendar-input {
    position: relative;
    background: url("https://ca.sincron.biz/assets/images/new/icons/time-icon.svg") no-repeat;
    background-position: right;
    background-origin: content-box;
    background-size: 14px;
    padding-right: 6px !important;
}

.new_design .date-time-calendars .date-calendar-input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-style: italic;
    color: #B1BCBB;
}

.new_design .date-time-calendars .date-calendar-input:-ms-input-placeholder {
    font-size: 14px !important;
    font-style: italic;
    color: #B1BCBB;
}

.new_design .date-time-calendars .date-calendar-input::-ms-input-placeholder {
    font-size: 14px !important;
    font-style: italic;
    color: #B1BCBB;
}

.new_design .date-time-calendars .date-calendar-input::placeholder {
    font-size: 14px !important;
    font-style: italic;
    color: #B1BCBB;
}

.new_design ul li.action-right-flag {
    margin-top: 2px;
}

.new_design .mySidenavs {
    width: 180px !important;
}

.new_design .mysidenavBar {
    width: 180px !important;
}

.new_design .block__element {
    margin-bottom: 0.5rem;
    display: block;
}

.new_design .block__element__table {
    margin-bottom: 0rem;
}

.new_design .block__element input[type="checkbox"],
.new_design .block__element input[type="radio"] {
    display: none;
}

.new_design .block__element input[type="checkbox"] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.new_design .block__element-svg {
    opacity: 1;
    margin-right: 0.5rem;
}

.new_design .block__element-svg-mark {
    display: none;
}

.new_design .block__element input[type="checkbox"]:checked + label .block__element-svg {
    opacity: 1;
}

.new_design .block__element
input[type="checkbox"]:checked
+ label
.block__element-svg
.block__element-svg-mark {
    display: block;
}

.new_design .sidenav-left-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 97;
    top: 0;
    left: 0;
    background-color: #054A61;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-top: 40px;
    margin-top: 3rem;
    margin-left: 5.7rem;
    border-left: 1px solid #1A6482;
}

.new_design .sidenav-left-menu a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #F1F8FC;
    font-size: 14px;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.new_design .sidenav-left-menu a:hover {
    color: #FF851A;
    background-color: #175468;
}

.new_design .sidenav-left-menu a.active {
    color: #FF851A;
}

.new_design .sidenav-left-menu a.menu-header-text {
    color: #FF851A;
    font-size: 14px;
    border-bottom: 1px solid #1A6482;
    padding-bottom: 20px;
    cursor: text;
    text-transform: uppercase;
    font-weight: 500;
}

.new_design .sidenav-left-menu a.menu-header-text:hover {
    background-color: #054a61;
}

.new_design .sidenav-left-menu .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 30px;
}

.new_design .toggle-switch-roles .toggle {
    position: relative;
    display: block;
    width: 42px;
    height: 24px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.new_design .toggle-switch-roles .toggle:before {
    content: "";
    position: relative;
    top: 4px;
    left: 1px;
    width: 37px;
    height: 14px;
    display: block;
    background: #054A61;
    border-radius: 12px;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.new_design .toggle-switch-roles .toggle span {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    display: block;
    background: #ffff;
    border: 1px solid #054A61;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.new_design .toggle-switch-roles .toggle span svg {
    margin: 7px;
    fill: none;
}

.new_design .toggle-switch-roles .toggle span svg path {
    stroke: #c8ccd4;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 24;
    stroke-dashoffset: 0;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.new_design .toggle-switch-roles #cbx:checked + .toggle:before {
    background: #B1BCBB;
}

.new_design .toggle-switch-roles #cbx:checked + .toggle span {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
}

.new_design .toggle-switch-roles #cbx:checked + .toggle span path {
    stroke: #52d66b;
    stroke-dasharray: 25;
    stroke-dashoffset: 25;
}

.new_design .toggle-switch-roles .center {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 21px);
}

.new_design .newdate {
    background: blue;
    color: #fff;
}

.new_design .table-hover > tbody > tr:hover > td,
.new_design .table-hover > tbody > tr:hover > th {
    background: #F1F8FC;
}


@media (max-width: 1440px) {
    .alphabet-block {
        /*order:3;*/
        /*width:100%;*/
        /*justify-content: center;*/
        /*display: flex;*/
        /*align-items: center;*/
    }

    .new_design .listing_roluri .filtru_litere a.active,
    .new_design .listing_candidati .filtru_litere a.active,
    .new_design .listing_angajati .filtru_litere a.active,
    .new_design .listing_contracte .filtru_litere a.active,
    .new_design .listing_plan_onboarding .filtru_litere a.active {
        padding: 2px 2px 1px;
        min-width: 19px;

    }

    .new_design .table-header-pagination .data-table-center ul li a {
        font-size: 11px;
    }
}

@media screen and (max-height: 450px) {
    .new_design .sidenav-left-menu {
        padding-top: 15px;
    }

    .new_design .sidenav-left-menu a {
        font-size: 18px;
    }
}

.new_design span.right-section-icons-sm {
    width: 40px !important;
}

.new_design span.right-section-icons-md {
    width: 60px !important;
}

.new_design span.right-section-icons {
    width: 55px;
}

.new_design span.right-section-icons span {
    margin-right: 25px;
}

.new_design .tooltip-on-top,
.new_design .tool-tip-md-edit {
    position: relative !important;
    display: inline-block;
}

.new_design span.user-icons--tooltips {
    margin: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.new_design .tooltip-on-top .tooltiptext-top,
.new_design .tool-tip-md-edit .tooltiptext-top {
    visibility: hidden;
    color: #054A61 !important;
    width: 100%;
    text-align: center;
    padding: 2px 0;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    margin-top: -20px;
    text-transform: uppercase;
    z-index: 1;
    margin-left: -5px;
    letter-spacing: 0.5px;
    font-family: "Open Sans", sans-serif !important;
}

.new_design span.tooltiptext-top--timesheet {
    background-color: #ffff;
    padding: 10px !important;
    width: 147px !important;
    display: block !important;
    /* margin-right: 78px !important; */
    right: -13px !important;
    height: 130px;
    text-align: left !important;
    border-radius: 5px;
}

.new_design .tooltiptext-top--history {
    margin-left: -15px !important;
}

.new_design .tooltip-on-top:hover .tooltiptext-top,
.new_design .tool-tip-md-edit:hover .tooltiptext-top {
    visibility: visible;
}

.new_design label.tooltiptext--bottom {
    margin-top: 30px !important;
    width: 195px !important;
    max-width: none;
    text-transform: capitalize !important;
}

.new_design .table-responsive-lg table tbody tr td .table-count-detail {
    display: none;
}

.new_design .toggle-switches-btn input,
.new_design .toggle-switches-btn_0 input,
.new_design .toggle-switches-btn_1 input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 42px;
    height: 20px;
    padding-left: 22px;
    margin: 0;
    border-radius: 16px;
    background: radial-gradient(circle 8px, #FFFFFF 100%, transparent calc(100% + 2px)) #B1BCBB -11px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: none;
}

.new_design .toggle-switches-btn input:focus,
.new_design .toggle-switches-btn_0 input:focus,
.new_design .toggle-switches-btn_1 input:focus {
    border: none;
    outline: none;
}

.new_design .toggle-switches-btn input::before,
.new_design .toggle-switches-btn_0 input::before {
    content: "NO";
    font: 500 8px/20px 'Open Sans';
    color: #FFFFFF;
}

.new_design .toggle-switches-btn_1 input::before {
    content: "NU";
    font: 500 8px/20px 'Open Sans';
    color: #FFFFFF;
}

.new_design .toggle-switches-btn :checked,
.new_design .toggle-switches-btn_0 :checked,
.new_design .toggle-switches-btn_1 :checked {
    padding-left: 7px;
    background-color: #054A61;
    background-position: 11px;
}

.new_design .toggle-switches-btn :checked::before,
.new_design .toggle-switches-btn_0 :checked::before {
    content: "YES";
}

.new_design .toggle-switches-btn_1 :checked::before {
    content: "DA";

}

.new_design .user-action-management-tools .dropdown-down {
    position: relative;
    top: 0px;
    margin-top: 15px;
    width: 100%;
    /*height: 50px;*/
}

.new_design .user-action-management-tools .dropdown-down::before {
    content: "";
    position: absolute;
    top: 16px;
    right: 0px;
    z-index: 2;
    width: 8px;
    height: 8px;
    border: 1px solid #0D9DC6;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    pointer-events: none;
}

.new_design .user-action-management-tools .dropdown-down.active::before {
    top: 22px;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.new_design .user-action-management-tools .dropdown-down input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: transparent;
    font-size: 1.2em;
    border: none;
    outline: none;
    padding: 12px 10px;
    border-radius: 10px;
}

.new_design .user-action-management-tools .dropdown-down input::-webkit-input-placeholder {
    color: #0D9DC6;
    font-size: 16px;
    font-weight: 500;
}

.new_design .user-action-management-tools .dropdown-down input:-ms-input-placeholder {
    color: #0D9DC6;
    font-size: 16px;
    font-weight: 500;
}

.new_design .user-action-management-tools .dropdown-down input::-ms-input-placeholder {
    color: #0D9DC6;
    font-size: 16px;
    font-weight: 500;
}

.new_design .user-action-management-tools .dropdown-down input::placeholder {
    color: #0D9DC6;
    font-size: 16px;
    font-weight: 500;
}

.new_design .user-action-management-tools .dropdown-down .options {
    position: absolute;
    top: 45px;
    width: 100%;
    background: #0D9DC6;
    color: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    display: none;
    z-index: 99;
}

.new_design .dropdown-down .triangle_down {
    margin-left: 6rem;
    margin-top: 38px;
    border: solid #0D9DC6;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    z-index: 1;
    background: #0D9DC6;
}

.new_design .user-action-management-tools .dropdown-down.active .options {
    display: block;
}

.new_design .user-action-management-tools .dropdown-down .options div {
    padding: 4px 12px;
    cursor: pointer;
    background: #0D9DC6;
    color: #FFFFFF;
    font-size: 16px;
}

.new_design .user-action-management-tools .dropdown-down .options div:hover {
    background: #62baea;
    color: #fff;
}

.new_design .user-custom-checkbox--table .checkbox {
    margin-bottom: 0px;
    margin-top: 0px;
}

.new_design .user-custom-checkbox--table label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-right: 10px;
    color: #054a61;
    font-size: 12px;
    font-weight: 700;
}

.new_design .user-custom-checkbox--table label.user-perform--feedback {
    padding-left: 4.7rem;
}

.new_design .user-custom-checkbox--contract label {
    margin-right: 0px;
}

.new_design .user-custom-checkbox--table label:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
}

.new_design .user-custom-checkbox--table input[type="checkbox"] {
    display: none;
}

.new_design .user-custom-checkbox--table .checkbox label:before {
    /*background: url("https://ca.sincron.biz/assets/images/new/icons/unchecked.svg") left center no-repeat;*/
    margin-top: 0px;
    width: 20px;
    height: 100%;
}

.new_design .user-custom-checkbox--table input[type="checkbox"]:checked + label:before {
    /*background: url("https://ca.sincron.biz/assets/images/new/icons/checked.svg") left center no-repeat;*/
}

.new_design .user-custom-checkbox--table .checkbox label:hover::before {
    /*background: url("https://ca.sincron.biz/assets/images/new/icons/unchecked.svg") left center no-repeat;*/
    border-radius: 3px;
}

.new_design .timesheet-modal .timesheet-modal_main {
    width: 80% !important;
    margin-top: 5rem !important;
    display: inline-block;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_header .modal-header-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body {
    text-align: left;
    overflow: hidden;
    padding: 0px 34px;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-main-div {
    padding: 0px 20px !important;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .timesheet-modal_heading .modal-heading {
    margin: 0px;
    margin-bottom: 30px;
    color: #054A61;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-right_list {
    text-align: right;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
    text-align: center;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list {
    padding: 0;
    margin: 0;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .modal-last-item {
    margin-bottom: 0px !important;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item {
    list-style-type: none;
    margin-bottom: 25px;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .unlimitd-span {
    border: 1px solid #DAE0DE;
    padding: 13px 20px !important;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .unlimitd-span .timesheet-modal_pargraph {
    color: #054A61;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span1 {
    background-color: #0D9DC6;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span2 {
    background-color: #98bdd2;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span3 {
    background-color: #e7ebec;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span4 {
    background-color: #ecf3f7;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span5 {
    background-color: #c6d3d2;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span6 {
    background-color: #8aa9bb;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span7 {
    background-color: #d6e6f0;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span8 {
    background-color: #054A61;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span9 {
    background-color: #c1e0e4;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .modal-left-span10 {
    background-color: #c1e0f2;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_span {
    display: inline-block;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_left-span {
    width: 85%;
    padding: 13px 20px;
    border-radius: 5px;
    vertical-align: middle;
    border: 1px solid #DAE0DE;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_left-span .timesheet-modal_pargraph {
    margin: 0px;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span {
    vertical-align: middle;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input {
    width: 48px;
    height: 48px;
    margin-left: -10px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #DAE0DE;
    color: #054A61 !important;
    font-weight: 400 !important;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input:hover {
    border: 1px solid #054A61 !important;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input::-webkit-input-placeholder {
    color: #054A61 !important;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input:-ms-input-placeholder {
    color: #054A61 !important;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input::-ms-input-placeholder {
    color: #054A61 !important;
}

.new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input::placeholder {
    color: #054A61 !important;
}

.new_design .scadual-table_main td {
    color: #98BDD2 !important;
}

.new_design .scadual-table_main td.colmun-orange-theme {
    color: #FF851A !important;
}

.new_design .scadual-table_main td:hover {
    color: #054A61 !important;
}

.new_design .scadual-table_main th,
.new_design .scadual-table_main td {
    border: 0px !important;
    text-align: center;
}

.new_design .scadual-table_main th:first-child,
.new_design .scadual-table_main td:first-child {
    padding-left: 0px !important;
}

.new_design .contract-buttons-main {
    margin-bottom: 00px;
}

.new_design .affix .contract-buttons-main {
    margin-bottom: 0px;
}


.new_design .user-custom-checkbox--table .checkbox label:before {
    height: 20px;
}

.new_design .table-bottom_main th,
.new_design .table-bottom_main td {
    padding: 10px !important;
}

.new_design .table-bottom_main th .table-collection--time,
.new_design .table-bottom_main td .table-collection--time {
    font-weight: 700 !important;
}

.new_design .table-bottom_main th .table-collection--time label,
.new_design .table-bottom_main td .table-collection--time label {
    height: 15px !important;
    width: 15px !important;
}

.new_design .warning-span {
    margin-right: 0px !important;
}

.new_design .warning-span .warning-label {
    bottom: -23px;
    font-size: 10px !important;
    color: #8AA9BB !important;
    text-transform: initial !important;
    letter-spacing: 1px !important;
}

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

@media (min-width: 1281px) and (max-width: 1440px) {
    .new_design .timesheet-modal .timesheet-modal_main {
        width: 80% !important;
        margin-top: 5rem !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_header .modal-header-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body {
        padding: 30px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-main-div {
        padding: 0px 20px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .timesheet-modal_heading .modal-heading {
        margin-bottom: 25px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-right_list {
        text-align: right;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item {
        margin-bottom: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .unlimitd-span {
        padding: 10px 15px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_left-span {
        max-width: 240px !important;
        width: 100%;
        padding: 10px 15px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input {
        width: 42px;
        height: 42px;
        margin-left: -10px;
        padding-left: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new_design .timesheet-modal .timesheet-modal_main {
        width: 80% !important;
        margin-top: 5rem !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_header .modal-header-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body {
        padding: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-main-div {
        padding: 0px 20px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .timesheet-modal_heading .modal-heading {
        margin-bottom: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-right_list {
        text-align: right;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item {
        margin-bottom: 15px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .unlimitd-span {
        padding: 7px 5px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_left-span {
        max-width: 80% !important;
        width: 100%;
        padding: 7px 5px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input {
        width: 36px;
        height: 36px;
        margin-left: -10px;
        padding-left: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .new_design .timesheet-modal .timesheet-modal_main {
        width: 80% !important;
        margin-top: 5rem !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_header .modal-header-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body {
        padding: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .timesheet-modal_heading .modal-heading {
        margin-bottom: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-right_list {
        text-align: left !important;
        padding-top: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-right_list {
        text-align: right;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .modal-last-item {
        margin-bottom: 10px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item {
        margin-bottom: 15px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .unlimitd-span {
        padding: 7px 5px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_left-span {
        max-width: 220px !important;
        width: 100%;
        padding: 7px 5px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input {
        width: 36px;
        height: 36px;
        margin-left: -10px;
        padding-left: 0px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .new_design .modal-main-div {
        max-width: 50% !important;
        -webkit-box-flex: 100% !important;
        -ms-flex: 100% !important;
        flex: 100% !important;
    }

    .new_design .timesheet-modal .timesheet-modal_main {
        width: 95% !important;
        margin-top: 5rem !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_header .modal-header-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body {
        padding: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .timesheet-modal_heading .modal-heading {
        margin-bottom: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-left-list {
        text-align: center !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-right_list {
        text-align: center !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .modal-last-item {
        margin-bottom: 10px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item {
        margin-bottom: 15px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .unlimitd-span {
        padding: 7px 5px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_left-span {
        max-width: 180px !important;
        width: 100%;
        padding: 7px 5px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input {
        width: 36px;
        height: 36px;
        margin-left: -10px;
        padding-left: 0px;
    }
}

@media (min-width: 300px) and (max-width: 575px) {
    .new_design .payroll-setari-form .payroll-table-search--btn {
        display: inline-block;
    }

    .new_design .payroll-setari-form {
        margin-bottom: 30px;
    }

    .new_design .payroll-setari-form form .user-management-formgroup .form-input-text-left {
        width: 100% !important;
    }

    .new_design .wizard-footer-fixed
    .user-basic-footer
    .footer-bottom-align
    span
    .btn-primary {
        font-size: 12px;
    }

    .new_design .modal-button {
        display: block !important;
    }

    .new_design .modal-main-div {
        -webkit-box-flex: 100% !important;
        -ms-flex: 100% !important;
        flex: 100% !important;
        max-width: 100% !important;
    }

    .new_design .timesheet-modal .timesheet-modal_main {
        width: 95% !important;
        margin-top: 5rem !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_header .modal-header-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body {
        padding: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .timesheet-modal_heading .modal-heading {
        margin-bottom: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-right_list {
        text-align: center !important;
        padding-top: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-left-list {
        text-align: center !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .modal-last-item {
        margin-bottom: 10px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item {
        margin-bottom: 15px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .unlimitd-span {
        padding: 7px 5px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_left-span {
        max-width: 200px !important;
        width: 100%;
        padding: 7px 5px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input {
        width: 36px;
        height: 36px;
        margin-left: -10px;
        padding-left: 0px;
    }

    .new_design .contract-buttons-main {
        margin-bottom: 10px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .new_design .timesheet-modal .timesheet-modal_main {
        width: 80% !important;
        margin-top: 5rem !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_header .modal-header-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body {
        padding: 30px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .timesheet-modal_heading .modal-heading {
        margin-bottom: 25px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-right_list {
        text-align: right;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .modal-center_list {
        text-align: center;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item {
        margin-bottom: 20px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .unlimitd-span {
        padding: 10px 15px !important;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_left-span {
        max-width: 220px !important;
        width: 100%;
        padding: 10px 15px;
    }

    .new_design .timesheet-modal .timesheet-modal_contant .timesheet-modal_contant-body .modal-contant_parent-section .timesheet-modal_contant-list .timesheet-modal_list-item .tomesheet-modal-list_link .timesheet-modal_right-span .modal-input {
        width: 40px;
        height: 42px;
        margin-left: -10px;
        padding-left: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1000px) {
    .new_design .timesheet-modal_left-span {
        max-width: 85% !important;
        width: 100%;
        padding: 7px 5px;
    }
}

.new_design .form-group .user-left-collapse-fields .user-management-formgroup .payroll-compny_name-input {
    width: 350px !important;
}

.new_design .payroll-contant-body {
    margin-top: 10px;
    margin-top: 0px;
}

.new_design .payroll-contant-body .payroll-top_heading {
    max-width: 555px;
    margin: 60px auto 0px;
    text-align: center;
}

.new_design .payroll-contant-body .payroll-top_heading .payyroll-left_top-heading {
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0px;
    color: #054A61;
}

.new_design .payroll-contant-body .add-payroll--events {
    margin-top: 5rem;
}

.new_design .payroll-contant-body .payroll-filters_right-image {
    height: 410px;
}

.new_design .payroll-contant-body .payroll-filters_right-image .image-fluid {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: top;
}

.new_design .payroll-filter_dropdown .payroll-fiter_title .payroll-filter_link::after {
    right: -11px !important;
}

.new_design .payroll-contant-body .add-payroll--events {
    margin-left: 15px;
}

@media (min-width: 768px) and (max-width: 1223px) {
    .new_design .payroll-contant-body {
        padding: 30px 0px;
    }

    .new_design .payroll-contant-body .payroll-top_heading {
        max-width: 100%;
        margin: 0px auto 0px;
    }

    .new_design .payroll-contant-body .payroll-top_heading .payyroll-left_top-heading {
        line-height: 20px;
    }

    .new_design .form-group .user-left-collapse-fields .user-management-formgroup .payroll-compny_name-input {
        width: 300px !important;
    }

    .new_design .payroll-events_head .add-payroll--events {
        margin-top: 3rem !important;
    }

    .new_design .payroll-events_head .add-payroll--events .calendar {
        margin: 0 auto;
    }

    .new_design .payroll-events_head .add-payroll--events .payroll-calender_heading {
        text-align: center !important;
    }

    .new_design .payroll-events_head .payroll-filters_right-image {
        height: 250px !important;
    }

    .new_design .payroll-events_head .payroll-filters_right-image .image-fluid {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        vertical-align: top;
    }

    .new_design .left-section-lg.left-section-lg--assessments {
        width: 60%;
    }

    .new_design .right-section-lg.right-section-lg--assessments {
        width: 38%;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
    .new_design .payroll-dropdown {
        display: block !important;
        overflow: hidden;
    }

    .new_design .payroll-dropdown .payroll-input-slection {
        margin-bottom: 0px !important;
        width: 100% !important;
        margin: 0 auto;
    }

    .new_design .payroll-filter_colaps {
        width: 100% !important;
    }

    .new_design .payroll-contant-body {
        padding: 15px 0px;
    }

    .new_design .payroll-contant-body .payroll-top_heading {
        max-width: 80%;
        margin: 40px auto 0px;
    }

    .new_design .payroll-contant-body .payroll-top_heading .payyroll-left_top-heading {
        line-height: 24px;
    }

    .new_design .form-group .user-left-collapse-fields .user-management-formgroup .payroll-compny_name-input {
        width: 100% !important;
    }

    .new_design .payroll-events_head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .new_design .payroll-events_head .add-payroll--events {
        margin-top: 3rem !important;
    }

    .new_design .payroll-events_head .add-payroll--events .calendar {
        margin: 0 auto;
    }

    .new_design .payroll-events_head .add-payroll--events .payroll-calender_heading {
        text-align: center !important;
    }

    .new_design .payroll-events_head .payroll-image_main {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .new_design .payroll-events_head .payroll-events_main {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .new_design .payroll-events_head .payroll-filters_right-image {
        height: 200px !important;
    }

    .new_design .payroll-events_head .payroll-filters_right-image .image-fluid {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        vertical-align: top;
    }
}

@media (min-width: 1450px) and (max-width: 1920px) {
    .new_design .left-section-lg.left-section-lg--assessments {
        width: 56%;
    }

    .new_design .right-section-lg.right-section-lg--assessments {
        width: 42%;
    }
}

.new_design .payroll-table_button {
    margin-left: 30px !important;
}

.new_design .payroll-table_pargraph-light {
    color: #8AA9BB !important;
}

.new_design .overtime-popup_head {
    background-image: url("https://ca.sincron.biz/assets/images/Overtime-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant {
    max-width: 400px;
    margin: 0 auto;
    padding: 0px 15px !important;
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .overtime-modal_header {
    border: 0px !important;
    padding-bottom: 0px !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body {
    padding: 0px !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .modal_heading .overtime-modal-heading {
    font-size: 20px;
    color: #054A61;
    font-weight: 500;
    margin-bottom: 20px !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list {
    padding: 0 !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-contant_list-item {
    list-style-type: none;
    display: inline-block;
    margin: 15px 0px;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item {
    max-width: 60px !important;
    margin-left: 40px;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item .timesheet-modal_right-span .white-input {
    background: #ffff !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item .timesheet-modal_right-span .modal-input {
    width: 60px;
    height: 40px;
    text-align: center;
    outline: 0 !important;
    border: 0 !important;
    border: 1px solid #DAE0DE !important;
    border-radius: 5px;
    background: #EFF2F3;
    color: #054A61 !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item .timesheet-modal_right-span .input-bg-color {
    background: #ffff !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item .timesheet-modal_right-span .input-bg-color:hover {
    border: 1px solid #054A61 !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item {
    max-width: 230px;
    width: 100%;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item .overtime-span {
    display: inline-block;
    vertical-align: middle;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item .overtime-right_span .overtime-modal_item-heading {
    font-weight: 400;
    color: #6C757D;
    margin: 0px !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item .overtime-left_span {
    margin: 0px !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer {
    text-align: center !important;
    border-top: 0px !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer .footer-bottom-align .modal-right_button {
    margin-left: 40px !important;
    padding: 10px 25px !important;
}

.new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer .footer-bottom-align .modal-right_button::after {
    display: none !important;
}

@media (min-width: 576px) and (max-width: 767px) {
    .new_design .overtime-popup_head {
        height: 700px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant {
        max-width: 400px;
        margin: 0 auto;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .overtime-modal_header {
        border: 0px !important;
        padding-bottom: 0px !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .modal_heading .overtime-modal-heading {
        font-size: 18px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-contant_list-item {
        margin: 10px 0px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item {
        max-width: 20% !important;
        margin-left: 0px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item .timesheet-modal_right-span .modal-input {
        width: 60px;
        height: 40px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item {
        max-width: 80%;
        width: 100%;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item .overtime-span {
        display: inline-block;
        vertical-align: middle;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item .overtime-left_span {
        max-width: 30px !important;
        margin: 0px !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer {
        text-align: center !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer .footer-bottom-align .modal-left_button {
        margin-bottom: 0px !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer .footer-bottom-align .modal-right_button {
        margin-left: 40px !important;
        padding: 10px 25px !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer .footer-bottom-align .modal-right_button::after {
        display: none !important;
    }

    .new_design .vector-section-container {
        display: none !important;
    }

    .new_design .body-botom--content {
        margin-bottom: 0rem !important;
    }

    .new_design .container-body-content .well {
        margin-bottom: 0px;
    }

    .new_design .right-contract-lg {
        padding: 18px !important;
    }

    .new_design .payroll-table_button-main {
        text-align: center !important;
    }

    .new_design .payroll-table_button-main span {
        margin-left: 0px !important;
    }

    .new_design .payroll-table_button-main span .payroll-table_button {
        font-size: 14px !important;
    }
}

@media (min-width: 300px) and (max-width: 575px) {
    .new_design .overtime-popup_head {
        height: 700px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant {
        max-width: 400px;
        margin: 0 auto;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .overtime-modal_header {
        border: 0px !important;
        padding-bottom: 0px !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .modal_heading .overtime-modal-heading {
        font-size: 16px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-contant_list-item {
        margin: 10px 0px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item {
        max-width: 10% !important;
        margin-left: 0px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-right_item .timesheet-modal_right-span .modal-input {
        width: 40px;
        height: 40px;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item {
        max-width: 85%;
        width: 100%;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item .overtime-span {
        display: inline-block;
        vertical-align: middle;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .timesheet-modal_contant-body .overtime-modal_contant .overtime-modal_contant-list .modal-left_item .overtime-left_span {
        max-width: 25px !important;
        margin: 0px !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer {
        text-align: center !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer .footer-bottom-align .modal-left_button {
        margin-bottom: 0px !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer .footer-bottom-align .modal-right_button {
        margin-left: 40px !important;
        padding: 10px 25px !important;
    }

    .new_design .overtime-popup_head .overtime-modal_head-main .overtime-modal_main .timesheet-modal_contant .modal-content-footer .footer-bottom-align .modal-right_button::after {
        display: none !important;
    }

    .new_design .vector-section-container {
        display: none !important;
    }

    .new_design .body-botom--content {
        margin-bottom: 0rem !important;
    }

    .new_design .container-body-content .well {
        margin-bottom: 0px;
    }

    .new_design .right-contract-lg {
        padding: 18px !important;
    }

    .new_design .payroll-table_button-main {
        text-align: center !important;
    }

    .new_design .payroll-table_button-main span {
        margin-left: 0px !important;
    }

    .new_design .payroll-table_button-main span .payroll-table_button {
        font-size: 14px !important;
    }
}

.new_design .table-number_link {
    text-decoration: none !important;
}

.new_design .gldp-default .monyear,
.new_design .gldp-default .monyear select {
    font-size: 15px !important;
    font-weight: 500 !important;
    background: #98BDD2 !important;
    color: #ffff !important;
}

.new_design .gldp-default .prev-arrow,
.new_design .gldp-default .next-arrow {
    color: #ffff !important;
}

.new_design .gldp-default .dow {
    background: #d6e6f0 !important;
    color: #054A61 !important;
}

.new_design .gldp-default .border {
    border: hidden !important;
}

.new_design .gldp-default .mon,
.new_design .gldp-default .tue,
.new_design .gldp-default .wed,
.new_design .gldp-default .thu,
.new_design .gldp-default .fri {
    background: #ffff !important;
    height: 48px !important;
    color: #054A61 !important;
    font-weight: 700 !important;
}

.new_design .gldp-default .sat,
.new_design .gldp-default .sun {
    background: #ffff !important;
    height: 48px !important;
    color: #054A61 !important;
    font-weight: 700 !important;
}

.new_design .gldp-default .selected {
    border-radius: 50% !important;
    background: #98BDD2 !important;
    height: 48px !important;
    vertical-align: bottom;
    display: inline-block !important;
    text-align: center;
    width: 50px !important;
    margin-left: 4px !important;
    margin-top: -5px !important;
    padding-top: 4px !important;
}

.new_design .gldp-default .outday {
    color: #98BDD2 !important;
    font-weight: 400 !important;
}

.new_design .gldp-default .today {
    border-radius: 50% !important;
    background: #98BDD2 !important;
    height: 48px !important;
    vertical-align: bottom;
    padding-top: 4px !important;
    display: inline-block !important;
    text-align: center;
    width: 50px !important;
    margin-left: 4px !important;
    margin-top: -5px !important;
    padding-top: 4px !important;
}

.new_design .gldp-default .monyear,
.new_design .gldp-default .monyear select {
    text-shadow: none !important;
}

.new_design .gldp-default .monyear span {
    text-transform: uppercase;
}

.new_design .payroll-filters--fixed--height {
    height: 110rem;
}

.new_design .gldp-default {
    top: 250px !important;
    left: 32px !important;
    background: #ffff !important;
    height: 46vh !important;
    font-family: "Open Sans", sans-serif !important;
}

.new_design .gldp-default .prev-arrow,
.new_design .gldp-default .next-arrow {
    text-shadow: none !important;
    text-decoration: none !important;
}

.new_design .table-wh_80 {
    min-width: 120px !important;
}

.new_design .row-colmun1 {
    z-index: 30 !important;
    width: 40px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    margin-top: auto;
    margin-bottom: 0;
}

.new_design .row-colmun2 {
    z-index: 20 !important;
    min-width: 160px !important;
    padding-left: 65px !important;
    text-align: left !important;
    border-right: 0px !important;
}

.new_design .row-colmun3 {
    z-index: 10 !important;
    min-width: 410px !important;
    padding-left: 170px !important;
    border-left: 0px !important;
    text-align: left !important;
    border-right: 0px !important;
}

.new_design .td-left_padding2 {
    padding-left: 100px !important;
    min-width: 30rem !important;
    text-align: left !important;
    width: 300px !important;
}

.new_design .head-last-colmun {
    height: 85px !important;
}

.new_design .head-last-colmun2 {
    min-width: 150px !important;
    width: 150px !important;
    border-left: 0px !important;
}

.new_design .table-row4 {
    height: 150px !important;
}

.new_design .row-colmun4 {
    height: 150px !important;
}

.new_design .right-colmun2 {
    min-width: 100px !important;
}

.new_design .left-main {
    text-align: left !important;
}

.new_design .right_cl {
    min-width: 75px !important;
    padding-right: 0rem !important;
}

.new_design .text-top {
    vertical-align: top !important;
}

.new_design .text-top .span-tool-view__svg,
.new_design .text-top .tool-tip-md-edit {
    margin-top: 0px !important;
    vertical-align: top !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .new_design .row-colmun1 {
        z-index: 30 !important;
        width: 40px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        margin-top: auto;
        margin-bottom: 0;
    }

    .new_design .row-colmun2 {
        z-index: 20 !important;
        min-width: 160px !important;
        padding-left: 65px !important;
        text-align: left !important;
        border-right: 0px !important;
    }

    .new_design .row-colmun3 {
        z-index: 10 !important;
        min-width: 395px !important;
        padding-left: 165px !important;
        border-right: 0px !important;
    }

    .new_design .row-colmun3 p {
        font-size: 14px !important;
    }

    .new_design .td-left_padding2 {
        padding-left: 410px !important;
        min-width: 63rem !important;
    }

    .new_design .head-last-colmun {
        height: 85px !important;
    }

    .new_design .head-last-colmun2 {
        min-width: 150px !important;
        width: 150px !important;
        border-left: 0px !important;
    }

    .new_design .text-top .span-tool-view__svg,
    .new_design .text-top .tool-tip-md-edit {
        margin-top: 0px !important;
        vertical-align: top !important;
    }
}

@media (min-width: 300px) and (max-width: 991px) {
    .new_design .td-left_padding2 {
        padding-left: 0px !important;
        min-width: 100px !important;
    }
}

.new_design .right_table-contant {
    color: #054a61 !important;
    font-size: 16px !important;
}

.new_design .right-table_main tr td {
    vertical-align: middle !important;
}

@media (min-width: 300px) and (max-width: 991px) {
    .new_design .right-table {
        margin-top: 30px !important;
    }
}

.new_design .rolse-span {
    margin-right: 30px;
    color: #054A61 !important;
}

.new_design .vertical-midle {
    vertical-align: -webkit-baseline-middle;
}

.new_design .user-btn_main {
    padding-top: 0px;
}

.new_design .bulk-span {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.new_design .role-span {
    text-transform: capitalize;
}

.new_design .user-image {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.new_design .cards-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new_design .cards-main .opartional-vector-group {
    width: 400px;
    height: 300px;
    display: inline-block;
}

.new_design .cards-main .opartional-vector-group img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.new_design .inactiveMixin {
    content: "";
    position: absolute;
    display: block;
}

.new_design .beforeAnimation {
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}

.new_design .afterAnimation {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}

.new_design .toggleWrapper {
    margin: auto;
    padding: 0px;
    width: 20px;
    border: 0px solid lightgray;
    margin-top: -4px;
    border-radius: 0px;
    background: white;
}

.new_design .toggleWrapper input.mobileToggle {
    opacity: 0;
    position: absolute;
}

.new_design .toggleWrapper input.mobileToggle + label {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-tap-highlight-color: transparent;
    height: 30px;
    width: 50px;
    border: 1px solid #e4e4e4;
    border-radius: 60px;
}

.new_design .toggleWrapper input.mobileToggle + label:before {
    content: "";
    position: absolute;
    display: block;
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    height: 30px;
    width: 51px;
    top: 0;
    left: 0;
    border-radius: 30px;
}

.new_design .toggleWrapper input.mobileToggle + label:after {
    content: "";
    position: absolute;
    display: block;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    background: whitesmoke;
    height: 28px;
    width: 28px;
    top: 1px;
    /*left: 0px;*/
    left: 18px;
    border-radius: 60px;
}

.new_design .toggleWrapper input.mobileToggle:checked + label:before {
    background: #B1BCBB !important;
    -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}

.new_design .toggleWrapper input.mobileToggle:checked + label:after {
    /*left: 18px !important;*/
    left: 0px !important;
}

.new_design .floating-tooltip .switch_floating_label{
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translate(-50%,10px);
    opacity: 0;
    font-size:11px;
    user-select: none;
    text-transform: uppercase;
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    cursor: pointer;
}

.new_design .floating-tooltip:hover .switch_floating_label{
   opacity: 1;
    transform: translate(-50%,0px);
}

.new_design .taoggle-lable {
    height: 0px !important;
    width: 0px !important;
    border: 0px !important;
    position: relative;
}

.new_design .taoggle-lable::before {
    height: 14px !important;
    width: 37px !important;
    background: #054A61 !important;
}

.new_design .taoggle-lable::after {
    top: 1px;
    left: 1px;
    width: 20px !important;
    height: 20px !important;
    display: block;
    background: #ffff !important;
    border:none !important;
    /*border: 1px solid #054a61 !important;*/
    top: -3px !important;
    /*left: 0px !important;*/
    border-radius: 50%;
}


.new_design .colors-check_input {
    background: #ffff !important;
}

.new_design .colr-question_toltip {
    min-width: 105px !important;
    margin-top: -10px !important;
    margin-left: 20px !important;
}

@media (min-width: 1000px) and (max-width: 1120px) {
    .new_design .colr-question_toltip {
        min-width: 80px !important;
        margin-top: -40px !important;
    }
}

@media (min-width: 300px) and (max-width: 400px) {
    .new_design .colr-question_toltip {
        min-width: 100px !important;
        margin-top: -40px !important;
    }

    .new_design .date-main {
        left: 0 !important;
    }
}

.new_design .username-label--setarii {
    text-decoration: none !important;
}

.new_design .stari-head-checkbox::before {
    margin-top: 6px !important;
}

.new_design .table_main-wrapper {
    background: white;
}

.new_design .configration-table_main-div {
    padding-left: 41rem !important;
    padding-right: 10rem !important;
}

.new_design .row-colmun1 {
    left: 40px !important;
}

.new_design .row-colmun2 {
    left: 60px !important;
}

.new_design .row-colmun3 {
    left: 71px !important;
}

.new_design .head-top-fixed_colmun {
    top: 0 !important;
    height: 120px !important;
}

.new_design .table-chid_div {
    padding: 34px 0px !important;
}

.new_design .configration-head_main {
    background: #fff;
    padding: 0px 34px;
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .new_design .configration-table_main-div {
        padding-left: 35rem !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .new_design .row-colmun1 {
        left: 30px !important;
    }

    .new_design .row-colmun2 {
        left: 25px !important;
    }

    .new_design .row-colmun3 {
        left: 20px !important;
    }

    .new_design .configration-table_main-div {
        padding-left: 35rem !important;
    }

    .new_design .td-left_padding2 {
        padding-left: 10px !important;
        min-width: 31rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .new_design .row-colmun1 {
        left: 30px !important;
    }

    .new_design .row-colmun2 {
        left: 25px !important;
    }

    .new_design .row-colmun3 {
        left: 20px !important;
    }

    .new_design .configration-table_main-div {
        padding-left: 34rem !important;
    }

    .new_design .td-left_padding2 {
        padding-left: 10px !important;
        min-width: 31rem !important;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .new_design .row-colmun1 {
        left: 0px !important;
        position: static !important;
        z-index: 0 !important;
        padding-left: 0px !important;
    }

    .new_design .row-colmun2 {
        left: 0px !important;
        position: static !important;
        z-index: 0 !important;
        padding-left: 20px !important;
    }

    .new_design .row-colmun3 {
        left: 0px !important;
        position: static !important;
        z-index: 0 !important;
        padding-left: 0px !important;
        min-width: 220px !important;
    }

    .new_design .configration-table_main-div {
        padding-left: 0rem !important;
        padding-right: 0 !important;
    }

    .new_design .td-left_padding2 {
        padding-left: 10px !important;
        min-width: 31rem !important;
    }

    .new_design .head-last-colmun2 {
        position: static !important;
        z-index: 10 !important;
    }

    .new_design .right_cl {
        min-width: 100px !important;
        padding-right: 0rem !important;
    }

    .new_design .table-wh_80 {
        min-width: 145px !important;
    }

    .new_design .table-chid_div {
        padding: 34px 0px !important;
    }
}

.new_design .checked-default-colors {
    width: 20px !important;
    height: 20px !important;
    margin-top: -3px !important;
}

.new_design span.edit-color-change {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 5px;
    display: inline-block;
}

.new_design span.edit-color-change:hover {
    width: 20px !important;
    height: 20px !important;
}

.new_design .normal-text {
    font-weight: 400 !important;
}

.new_design .mark-all-as-read {
    padding: 0px !important;
    color: #054A61;
    font-style: italic;
    font-weight: 600;
    text-transform: none;
}

.new_design .logo_small {
    position: fixed;
    bottom: 0px;
}

.new_design .color_blue {
    color: #054A61 !important;
}

.new_design .logo_small .sub_icon {
    padding-left: 0px;
}

.new_design .logo_small .r-st {
    top: 3px !important;
}

.new_design .mr-10 {
    margin-right: 10px !important;
}

.new_design .ml-5 {
    margin-left: 5px !important;
}

.new_design .ml-6 {
    margin-left: 6px !important;
}

.new_design .ml-10 {
    margin-left: 10px !important;
}

.new_design .ml-15 {
    margin-left: 15px !important;
}

.new_design .ml-20 {
    margin-left: 20px !important;
}

.new_design .ml-30 {
    margin-left: 30px !important;
}

.new_design .ml-40 {
    margin-left: 40px !important;
}

.new_design .mr-20 {
    margin-right: 20px !important;
}

.new_design .mr-30 {
    margin-right: 30px !important;
}

.new_design .mr-40 {
    margin-right: 40px !important;
}

.new_design .mt-10 {
    margin-top: 10px;
}

.new_design .mt-20 {
    margin-top: 20px;
}

.new_design .mt-30 {
    margin-top: 30px;
}

.new_design .mt-40 {
    margin-top: 40px;
}

.new_design .mb-10 {
    margin-bottom: 10px;
}

.new_design .mb-15 {
    margin-bottom: 15px;
}

.new_design .pt-10 {
    padding-top: 10px;
}

.new_design .pt-15 {
    padding-top: 15px;
}

.new_design .pt-20 {
    padding-top: 20px;
}

.new_design .pt-40 {
    padding-top: 40px !important;
}


.new_design nav ul.navbar-top-heading-lg li.sub-menu-header i {
    font-size: 12px;
    margin-top: 4px;
    color: #B1BCBB;
    padding: 15px 7px;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 20px;
    font-style: normal;
    padding-right: 7px;
}

.new_design nav ul.navbar-top-heading-lg li.sub-menu-header i a:hover {
    color: #FF851A;
}

.new_design .login-form .alert-danger {
    color: #DC3545;
}

.new_design .alert.alert-outline {
    background: #fff;
}


.new_design .navbar-collapse ul li.action-right-flag-cion {
    margin-bottom: 0px;
}

.new_design .navbar-collapse ul li.action-right-flag-cion a.dropdown-toggle {
    padding-bottom: 21px;
}

.new_design .navbar-collapse ul li.accounts-right--section {
    margin-bottom: 0px;
}

.new_design .navbar-collapse ul li.accounts-right--section a.dropdown-toggle {
    padding-bottom: 18px;
}

.new_design .navbar-collapse ul li.accounts-right--section .dropdown-menu {
    margin-top: 1px;
}

.new_design .navbar-collapse ul li.contul_meu_meniu a.dropdown-toggle {
    padding-bottom: 19px;
}

.new_design .navbar-collapse ul li.contul_meu_meniu .dropdown-menu {
    margin-top: 0px;
}

.jqx-widget-content {
    font-family: 'Fira Sans', sans-serif !important;
}

.new_design .rapoarte .user-detail-listings ul li {
    /*width: 25%;*/
    /*float: left;*/
}

.new_design .rapoarte .user-detail-listings ul li a {
    font-size: 14px;
    color: #0D9DC6;
}

.new_design .rapoarte .user-detail-listings ul li a:hover {
    color: #054A61;
}

.new_design .rapoarte .middle-section-listings p.subtitlu_modul {
    color: #054A61;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.new_design .rapoarte .middle-section-listings p.titlu_modul {
    color: #FF851A;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.new_design .rapoarte .middle-section-listings .btn-minimize {
    margin-left: 8px;
    cursor: pointer;
}

.new_design .rapoarte .middle-section-listings .btn-maximize {
    display: none;
    margin-left: 8px;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.new_design .rapoarte .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group .form-input-text.form-input-text-left {
    margin: 0px;
}

.new_design .rapoarte .user-management-formgroup label {
    color: #054A61 !important;
}

.new_design .rapoarte .accordion-dropdown-lg.accordion-dropdown-form {
    min-height: auto !important;
    padding-left: 0px;
    margin-top: 30px;
}

.new_design .rapoarte .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form {
    margin-bottom: 10px !important;
}

.new_design #img_backround_rapoarte {
    position: absolute;
    right: 10%;
    bottom: 10%;
}

.new_design #img_backround_rapoarte img {
    width: 500px;
}

.new_design .payroll-events_head .user-detail-listings ul li {
    display: inline-block;
    width: 49%;
}

.new_design .payroll-events_head .user-detail-listings ul li.left-section-lg {
    text-align: left;
}

.new_design #collapseOne.in.divider {
    border-bottom: 1px solid #DAE0DE;
}

.new_design #filtre_list.affix {
    z-index: 4;
    background-color: #fff;
    top: 60px;
}

.new_design .table-header-pagination.affix {
    z-index: 4;
    background-color: #fff;
    top: 108px;
    height: 60px;
    border-bottom: 1px solid #dae0de;
    width: 97%;
    margin-left: -28px;
    padding-left: 28px;
}

.new_design .table-header-pagination.filter_collapsed.affix {
    top: 272px;
}

.new_design .listing_roluri .user-detail-listings.employee-listing--details ul li {
    margin-bottom: 15px;
}

.new_design .listing_roluri .user-detail-listings ul li.right-section-lg {
    font-size: 14px;
}

.new_design .listing_roluri .container-body-content .well {
    padding-bottom: 15px;
}

.new_design .listing_roluri .middle-section-listings p {
    width: 100%;
    padding-left: 10px;
}

.new_design .listing_roluri .middle-section-listings .custom-checkbox {
    padding-top: 3px;
}

.new_design .listing_roluri .cards-main .middle-section-listings a {
    color: #0D9DC6 !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    text-align: left;
    margin-bottom: 5px;
}

.new_design .listing_roluri .cards-main .middle-section-listings a:hover {
    color: #054A61 !important;
}

.new_design .listing_roluri .filtru_litere a:hover {
    color: #FF851A !important;
}

.new_design .listing_roluri .filtru_litere a:focus {
    color: #054A61 !important;
}

.new_design .listing_roluri .filtru_litere a.active {
    color: #FF851A !important;
}

.new_design .listing_roluri .filtru_litere a.inactive,
.new_design .listing_roluri .filtru_litere a.inactive:hover {
    color: #DAE0DE !important;
    cursor: none;
    pointer-events: none;
}

.new_design .listing_roluri .btn-theme-transparent.inactiv,
.new_design .listing_roluri .btn-theme-transparent.inactiv:hover {
    background-color: #eff2f3;
    color: #B1BCBB;
}

.new_design #filtre_list .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form form .form-inline .form-group label {
    color: #054A61;
}

.new_design .list-roluri-stergere {
    font-size: 14px !important;
    color: #054A61;
}

.new_design #filtre_list #collapseOne.in {
    margin-bottom: 20px;
}

.new_design #filtre_list #collapseOne.in.divider {
    margin-bottom: 50px;
}

.new_design .input_blue {
    color: #054A61 !important;
}

.new_design #filtre_list .payroll-dropdown .payroll-input-slection option {
    color: #054A61;
}

.new_design .tab-content > .tab-pane {
    display: none !important;
}

.new_design .tab-content > .active {
    display: block !important;
}

.new_design .tab-content.fade {
    opacity: 0 !important;
}

.new_design .tab-content.fade.in {
    opacity: 1 !important;
}

.new_design .select-multiple {

}

.new_design .select-multiple span {
    color: red;
}

.new_design .multiselect .multiselect-selected-text {
    width: 100%;
    height: 100%;
    color: #054A61;
    font-weight: normal;
    overflow: hidden;
}

.new_design .multiselect-native-select {
    width: 100% !important;
    height: 100% !important;
    text-align: left !important;
    display: block !important;
}

.new_design .multiselect {
    width: 100%;
    text-align: left;
}

.new_design .multiselect-native-select .btn-group {
    width: 100%;
}

.new_design .select_multiple {
    min-height: 45px;
    padding: 0px;
    height: 100%;
    border: 0px;
}

.new_design .select_multiple .select2-container {
    width: 100%;
}

.new_design .select_multiple .select2-choices {
    min-height: 43px;
    border: 1px solid #DAE0DE;
    border-radius: 4px;
    background-image: none;
    box-shadow: none !important;
}

.new_design .select_multiple .select2-search-choice {
    background-color: #E2F0F7;
    background-image: none;
    background-color: #E2F0F7;
    background-image: none;
    border: 0px;
    border-radius: 4px;
    color: #054A61;
    box-shadow: none;
    padding: 3px 18px 3px 5px;
}

.new_design .select2-container-multi .select2-search-choice-close {
    left: auto;
}

.new_design .multiselect,
.new_design .multiselect:hover,
.new_design .multiselect:active,
.new_design .multiselect:focus {
    background-color: #fff !important;
}

.new_design .multiselect-filter .input-group-addon {
    display: none;
}

.new_design .multiselect-filter .input-group-btn {
    display: none;
}

.new_design .multiselect-item .input-group {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.new_design .multiselect-container > li.active > a {
    background-color: #fff !important;
    background-image: none !important;
}

.new_design .multiselect-container > li.active > a > label {
    color: #FF851A !important;
}

.new_design .multiselect-container {
    width: 100%;
}

.new_design .tool-tip-md-edit #fisa_de_post {
    display: none;
}

.new_design #attached_fise_de_post {
    padding-top: 10px;
}

.new_design #attached_fise_de_post a {
    /*color: #0D9DC6;*/
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400 !important;
}

.new_design h6 #nr_file {
    font-size: 16px;
    font-weight: 700;
    color: #054A61;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 2rem;
}

.new_design #standard_colors.active {
    display: block;
}

.new_design #standard_colors.inactive {
    display: none;
}

.new_design .status_activ {
    color: #28A745 !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    margin-left: 5px;
}

.new_design .status_inactiv {
    color: #868ba1 !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    margin-left: 5px;
}

.new_design .files-attached-overviews.files-attached-overviews--colors .color-picker--atteched ul li span.edit-color-change img.active {
    opacity: 1;
    object-fit: contain;
}

.new_design .toggle_status_rol {
    position: absolute !important;
    top: 37px;
    right: 30px;
}

.new_design .btn-theme-orange {
    background-color: #d4ecf9;
    border: none;
    color: #054A61;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 0px;
}

.new_design .btn-theme-orange:hover {
    background: #C1E0F2;
}

.new_design .dropdown-settings-btn.afiseaza_info:hover img {
    transform: scale(1.2);
}

.new_design .btn-arhiva img {
    width: 20px;
}

.new_design .btn-arhiva:hover img {
    transform: scale(1.2);
}

.new_design .btn-importa-candidati img {
    width: 30px;
}

.new_design .btn-importa-candidati:hover img {
    transform: scale(1.2);
}

.new_design .btn-list-referinta img {
    width: 20px;
}

.new_design .btn-list-referinta:hover img {
    transform: scale(1.2);
}

.new_design .btn-export-xls img {
    width: 20px;
}

.new_design .btn-export-xls:hover img {
    transform: scale(1.2);
}

.new_design .listing_roluri .table-header-pagination.affix,
.new_design .listing_proiecte .table-header-pagination.affix,
.new_design .listing_candidati .table-header-pagination.affix,
.new_design .listing_angajati .table-header-pagination.affix,
.new_design .listing_contracte .table-header-pagination.affix {
    top: 60px;
    padding-top: 9px;
}

.new_design .listing_proiecte .payroll-contant-body,
.new_design .listing_candidati .payroll-contant-body,
.new_design .listing_angajati .payroll-contant-body,
.new_design .listing_contracte .payroll-contant-body,
.new_design #documente .payroll-contant-body,
.new_design #competente .payroll-contant-body {
    background-color: #fff;
    padding-top: 50px;
}

.new_design .listing_proiecte .payroll-contant-body .well,
.new_design .listing_candidati .payroll-contant-body .well,
.new_design .listing_angajati .payroll-contant-body .well,
.new_design .listing_contracte .payroll-contant-body .well {
    margin: 0px;
    padding: 0px;
    border: 0px;
    box-shadow: none;
}

.new_design .listing_proiecte .payroll-contant-body .well .table-w-20,
.new_design .listing_candidati .payroll-contant-body .well .table-w-20,
.new_design .listing_angajati .payroll-contant-body .well .table-w-20,
.new_design .listing_contracte .payroll-contant-body .well .table-w-20 {
    min-width: 100% !important;
}

.new_design .user-contract-details span.square-color-label {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    text-align: center;
}

.new_design .table-responsive-lg table tbody tr td.table-user-text--lg {
    font-size: 14px;
}

.new_design .toast-notifications-item {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    min-width: 50%;
}

.new_design #filtre_list {
    padding-left: 18px;
}

.new_design .sort-asc {
    width: 30px;
    height: 11px;
    padding: 0px;
    margin: 0px;
    position: relative;
    cursor: pointer;
}

.new_design .sort-asc img {
    position: absolute;
    left: 0px;
    top: -8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.new_design .sort-desc {
    width: 30px;
    height: 9px;
    padding: 0px;
    margin: 0px;
    position: relative;
    cursor: pointer;
}

.new_design .sort-desc img {
    top: -2px;
    left: 0px;
    position: absolute
}

.new_design .td-project {
    padding-right: 33px !important;
    position: relative;
}

.new_design .img-sort-inline {
    display: inline-block;
}

.new_design .img-sort-inline .sort-asc,
.new_design .img-sort-inline .sort-desc {
    overflow: hidden;
}

.new_design .img-sort:not(.img-sort-inline) {
    position: absolute;
    bottom: 6px;
    right: 0px;
}

.new_design .td-cod-proiect {
    width: 350px;
}

.new_design .sort_elemente_pc td {
    border: 0px;
    font-size: 14px;
    color: #054A61;
}


.new_design .sort_elemente_pc.ui-sortable tr:hover td {
    background: #F1F8FC;
}

.new_design .sort_elemente_pc.ui-sortable tr td.elem_dashboard_btn {
    text-align: right;
}

.new_design .sort_elemente_pc.ui-sortable tr td .handle_elemente {
    cursor: move;
}


.new_design .float-left {
    float: left;
}

.new_design .float-right {
    float: right;
}

.new_design .filtre-salvate {
    font-size: 12px;
}

.new_design .filtre-salvate .filtre-salvate-titlu {
    color: #054A61;
    font-weight: bold;
    text-transform: uppercase;
    cursor: auto;
}

.new_design .filtre-salvate li {
    color: #0D9DC6;
    cursor: pointer;
}

.new_design .filtre-salvate li:hover {
    color: #054A61;
}

.new_design .filtre-salvate li.active {
    color: #FF851A;
}

.new_design .filtre-salvate .icon-delete {
    width: 12px;
    margin-left: 5px;
}

.new_design .filtre-salvate .sterge_filtru label {
    margin-top: -13px !important;
    margin-left: -20px !important;
}

.new_design .filtre-salvate .populeaza_filtre {
    width: auto;
}

.new_design .listing_proiecte .btn-theme-transparent.inactiv,
.new_design .listing_proiecte .btn-theme-transparent.inactiv:hover {
    background-color: #eff2f3;
    color: #B1BCBB;
}

.new_design .listing_candidati .btn-theme-transparent.inactiv,
.new_design .listing_candidati .btn-theme-transparent.inactiv:hover {
    background-color: #eff2f3;
    color: #B1BCBB;
}

.new_design .listing_angajati .btn-theme-transparent.inactiv,
.new_design .listing_angajati .btn-theme-transparent.inactiv:hover {
    background-color: #eff2f3;
    color: #B1BCBB;
}

.new_design .listing_contracte .btn-theme-transparent.inactiv,
.new_design .listing_contracte .btn-theme-transparent.inactiv:hover {
    background-color: #eff2f3;
    color: #B1BCBB;
}

.new_design .extra-options-root {
    position: relative;
}

.new_design .extra-options-root .extra-options-list {

    visibility: hidden;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    transform: translateX(10px);
}

.new_design .extra-options-root:hover .extra-options-list {
    visibility: visible;
    pointer-events: auto;
}

#modal_export_xls td {
    font-size: 14px;
}

.new_design .fixed-scrollbar-container {
    /*cut position fixed outside parent*/
    clip-path: inset(0 0 0 0);
    min-height: 65vh;
}

.new_design .table.table-fixed-last-column tbody tr td:last-child {
    /*position: sticky;*/
    /*background: #fff;*/
    /*right: 0;*/
}

/*.new_design .table.table-fixed-last-column  .fadeout-gradient{*/
/*    position: absolute;*/
/*    top:0;*/
/*    left:-50px;*/
/*    height: 100%;*/
/*    width: 50px;*/
/*    !* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,0.7+100 *!*/
/*    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.69) 99%, rgba(255,255,255,0.7) 100%); !* FF3.6-15 *!*/
/*    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.69) 99%,rgba(255,255,255,0.7) 100%); !* Chrome10-25,Safari5.1-6 *!*/
/*    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.69) 99%,rgba(255,255,255,0.7) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); !* IE6-9 *!*/

/*}*/
.new_design .table-list .header-copy {
    background-color: #fff;
    top: 120px !important;
    z-index: 4;
}

.new_design .table-list .checkbox {
    padding: 0px;
    padding-right: 10px;
}

.new_design .listing_proiecte .dropdown-settings,
.new_design .listing_candidati .dropdown-settings,
.new_design .listing_angajati .dropdown-settings,
.new_design .listing_contracte .dropdown-settings {
    margin: 0px !important;
}

.new_design .listing_proiecte .affix .dropdown-settings,
.new_design .listing_candidati .affix .dropdown-settings,
.new_design .listing_angajati .affix .dropdown-settings,
.new_design .listing_contracte .affix .dropdown-settings {
    margin-right: 40px !important;
}

.new_design .listing_candidati .filtru_litere,
.new_design .listing_angajati .filtru_litere,
.new_design .listing_contracte .filtru_litere {
    display: flex;
    align-items: center;
}

.new_design .listing_plan_onboarding .filtru_litere {
    align-items: center;
}

.new_design .listing_roluri .filtru_litere a,
.new_design .listing_candidati .filtru_litere a,
.new_design .listing_angajati .filtru_litere a,
.new_design .listing_contracte .filtru_litere a,
.new_design .listing_plan_onboarding .filtru_litere a {
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 2px 0px 1px;
    display: inline-block;
}


.new_design .listing_candidati .filtru_litere a:hover,
.new_design .listing_angajati .filtru_litere a:hover,
.new_design .listing_contracte .filtru_litere a:hover,
.new_design .listing_plan_onboarding .filtru_litere a:hover {
    color: #FF851A !important;
}

.new_design .listing_candidati .filtru_litere a:focus,
.new_design .listing_angajati .filtru_litere a:focus,
.new_design .listing_contracte .filtru_litere a:focus,
.new_design .listing_plan_onboarding .filtru_litere a:focus {
    color: #054A61 !important;
}

.new_design .listing_roluri .filtru_litere a.active,
.new_design .listing_candidati .filtru_litere a.active,
.new_design .listing_angajati .filtru_litere a.active,
.new_design .listing_contracte .filtru_litere a.active,
.new_design .listing_plan_onboarding .filtru_litere a.active {
    background: #FF851A !important;
    color: #fff !important;
    padding: 2px 4px 1px;
    border-radius: 3px;
    min-width: 23px;
    display: inline-block;
    text-align: center;
}

.new_design .listing_roluri .filtru_litere a.active:hover,
.new_design .listing_candidati .filtru_litere a.active:hover,
.new_design .listing_angajati .filtru_litere a.active:hover,
.new_design .listing_contracte .filtru_litere a.active:hover,
.new_design .listing_plan_onboarding .filtru_litere a.active:hover {
    background: #FF851A !important;
    color: #fff !important;
}

.new_design .listing_candidati .filtru_litere a.inactive,
.new_design .listing_candidati .filtru_litere a.inactive:hover,
.new_design .listing_angajati .filtru_litere a.inactive,
.new_design .listing_angajati .filtru_litere a.inactive:hover,
.new_design .listing_contracte .filtru_litere a.inactive,
.new_design .listing_contracte .filtru_litere a.inactive:hover,
.new_design .listing_plan_onboarding .filtru_litere a.inactive,
.new_design .listing_plan_onboarding .filtru_litere a.inactive:hover {
    color: #DAE0DE !important;
    cursor: none;
    pointer-events: none;
}

.new_design .previzualizare-profil,
.new_design .descarca-cv,
.new_design .istoric-candidat {
    margin-right: 10px !important;
}

.new_design .listing_candidati .user-action-management-tools .dropdown-down.dropdown-expand button {

}

.new_design .btn-grouped-elements {
    display: inline-flex;
}

.new_design .btn-grouped-elements .dropdown-down.dropdown-expand .option_value {
    min-width: 200px;
}

.new_design .user-action-management-tools.btn-grouped-elements button {
    margin-left: 40px !important;
}

.new_design .user-action-management-tools.btn-grouped-elements:first-child button {
    margin-left: 0px !important;
}

.new_design #alte-actiuni.inactiv button,
.new_design .btn-grouped-elements.inactiv button,
.new_design .btn-grouped-elements.inactiv button:hover {
    background-color: #eff2f3;
    color: #B1BCBB;
}

.new_design #alte-actiuni.inactiv .dropdown-down.dropdown-expand::before,
.new_design .btn-grouped-elements.inactiv .dropdown-down.dropdown-expand::before,
.new_design .btn-grouped-elements.inactiv .dropdown-down.dropdown-expand:hover::before {
    border-color: #bebfc0;
}

.new_design .listing_table_data .email-candidat,
.new_design .listing_candidati .email-candidat {
    font-size: 14px;
    color: #0D9DC6;
    cursor: pointer;
    margin-bottom: 10px;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/mail.svg");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

.new_design .listing_table_data .email-candidat:hover,
.new_design .listing_candidati .email-candidat:hover {
    color: #054A61;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/mail-hover.svg");
}

.new_design .listing_table_data .phone-candidat,
.new_design .listing_candidati .phone-candidat {
    font-size: 14px;
    color: #0D9DC6;
    cursor: pointer;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/message-square.svg");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

.new_design .listing_table_data .phone-candidat:hover,
.new_design .listing_candidati .phone-candidat:hover {
    color: #054A61;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/message-square-hover.svg");
}

.new_design #anunt_recrutare .anunt-recrutare,
.new_design #criterii_evaluare_tab .criterii-evaluare {
    margin-top: 20px;
}

.new_design #anunt_recrutare .anunt-recrutare legend,
.new_design #criterii_evaluare_tab .criterii-evaluare legend {
    font-size: 14px;
    font-style: italic;
    color: #FF851A;
    margin-bottom: 20px;
}

.new_design #anunt_recrutare .anunt-recrutare label,
.new_design #criterii_evaluare_tab .criterii-evaluare label {
    font-size: 12px;
    color: #6C757D;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 20px;
    letter-spacing: 0.7px;
}

.new_design .nr_angajati {
    color: #054A61 !important;
    font-size: 12px;
    text-transform: lowercase;
}

.new_design .listing_angajati .angajat-activ {
    width: auto;
    color: #28A745;
    margin: 0px;
    font-size: 14px;
}

.new_design .listing_angajati .angajat-inactiv {
    width: auto;
    color: #DC3545;
    margin: 0px;
    font-size: 14px;
}

.new_design .listing_angajati .btn-more {
    background-color: transparent;
    color: #0D9DC6;
    /*padding-left: 0px !important;*/
    margin-left: 0px !important;
}

.new_design .listing_angajati .btn-more:hover {
    color: #054A61;
}

.new_design .listing_angajati .dropdown-expand {
    top: 10px;
}

.new_design .listing_angajati .dropdown-expand:before {
    border: 1px solid #0D9DC6 !important;
    border-top: 0px !important;
    border-right: 0px !important;
    top: 13px;
}

.new_design .listing_angajati .user-action-management-tools .dropdown-down.dropdown-expand .options {
    background-color: #0D9DC6;
    margin-top: 0px;
}

.new_design .listing_angajati .user-action-management-tools .dropdown-down.dropdown-expand .options .selected-options-onboarding {
    color: #fff;
    background-color: #0D9DC6;
    margin-bottom: 0px;
    font-size: 14px;
}

.new_design .listing_angajati .user-action-management-tools .dropdown-down.dropdown-expand .options.triangle_down {
    border-color: #0D9DC6;
    background-color: #0D9DC6 !important;
    margin-top: -5px !important;
}

.new_design .listing_angajati .user-action-management-tools .dropdown-down.dropdown-expand .option_value {
    min-width: 200px;
}

.new_design .listing_angajati .user-action-management-tools .dropdown-down.dropdown-expand .options.triangle_down {
    margin-left: 7rem !important;
}

.new_design .listing_angajati .user-action-management-tools .dropdown-down.dropdown-expand .options .selected-options-onboarding a {
    color: #fff;
}

.new_design .listing_angajati #table-list-angajati .table-user-text b,
.new_design .bootstrap-table table tbody tr td b {
    font-size: 14px;
}

.new_design .nr_contracte {
    color: #054A61 !important;
    font-size: 12px;
    text-transform: lowercase;
}

.new_design .listing_contracte .angajat-activ {
    width: auto;
    color: #28A745;
    margin: 0px;
    font-size: 14px;
}

.new_design .listing_contracte .angajat-inactiv {
    width: auto;
    color: #DC3545;
    margin: 0px;
    font-size: 14px;
}

.new_design .listing_contracte .btn-more {
    background-color: transparent;
    color: #0D9DC6;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.new_design .listing_contracte .btn-more:hover {
    color: #054A61;
}

.new_design .listing_contracte .dropdown-expand:before {
    border: 1px solid #054A61 !important;
    border-top: 0px !important;
    border-right: 0px !important;
    top: 13px;
}

.new_design .listing_contracte .user-action-management-tools .dropdown-down.dropdown-expand .options {
    background-color: #d4ecf9;
}

.new_design .listing_contracte .user-action-management-tools .dropdown-down.dropdown-expand .options .selected-options-onboarding {
    color: #054A61;
    background-color: #d4ecf9;
    margin-bottom: 0px;
}

.new_design .listing_contracte .user-action-management-tools .dropdown-down.dropdown-expand .options.triangle_down {
    border-color: #d4ecf9;
    background-color: #d4ecf9 !important;
}

.new_design .listing_contracte .user-action-management-tools .dropdown-down.dropdown-expand.dropdown-primary .options.triangle_down {
    border-color: #FF851A;
    background-color: #FF851A !important;
}

.new_design .listing_contracte .user-action-management-tools .dropdown-down.dropdown-expand.dropdown-primary .options {
    background-color: #FF851A;
}

.new_design .listing_contracte .user-action-management-tools .dropdown-down.dropdown-expand.dropdown-primary .options .selected-options-onboarding {
    color: #fff;
    background-color: #FF851A;
    margin-bottom: 0px;
}

.new_design .listing_contracte .user-action-management-tools .dropdown-down.dropdown-expand .option_value {
    min-width: 200px;
}

.new_design .listing_contracte .user-action-management-tools .dropdown-down.dropdown-expand .options .selected-options-onboarding a {
    color: #fff;
    font-size: 14px;
}

.new_design .listing_contracte #table-list-angajati .table-user-text b {
    font-size: 14px;
}

.new_design .listing_contracte .elem_checkbox {
    width: 20px !important;
    margin-right: 0px;
    padding-right: 0px;
}

.new_design .listing_contracte .elem_checkbox .checkbox {
    padding-right: 0px;
}

.new_design .listing_angajati .elem_checkbox {
    width: 20px !important;
    margin-right: 0px;
    padding-right: 0px;
}

.new_design .listing_angajati .elem_checkbox .checkbox {
    padding-right: 0px;
}

.new_design .listing_contracte .dropdown-export button {
    margin-left: 0px !important;
    background-color: #FF851A;
    color: #fff;
}

.new_design .listing_contracte .dropdown-export button:hover {
    background-color: #E86E13;
}

.new_design .listing_contracte .dropdown-export::before {
    border-color: #fff !important;
}

.new_design .listing_contracte .dropdown-export .option_value {
    left: 0px;
    margin-left: 0px !important;
}

.new_design .listing_contracte .dropdown-export .options.triangle_down {
    margin-left: 2rem !important;
}

.new_design .listing_contracte .dropdown-bulk-edit button {
    margin-left: 10px;
}

.new_design .listing_contracte .dropdown-bulk-edit .option_value {
    left: 0px;
    margin-left: 0px !important;
}

.new_design .listing_contracte .dropdown-bulk-edit .option_value .selected-options-onboarding button {
    background-color: transparent;
    border: 0px;
    font-size: 14px;
    margin: 0px !important;
    padding: 0px;
}

.new_design .listing_contracte .dropdown-bulk-edit .options.triangle_down {
    margin-left: 3rem !important;
}

.new_design .listing_contracte #toggle_bulk_edit_options.inactiv button {
    background-color: #eff2f3;
    color: #B1BCBB;
}

.new_design .listing_contracte #toggle_bulk_edit_options.inactiv .dropdown-down.dropdown-expand::before {
    border-color: #bebfc0 !important;
}

.new_design .listing_contracte .dropdown-export .exporta_selectia.inactiv {
    color: #B1BCBB !important;
}

.new_design .listing_contracte .dropdown-export .exporta_selectia.inactiv {
    color: #B1BCBB !important;
}

.new_design .dropdown-menu.dropdown-export > li.inactiv > a {
    color: #B1BCBB !important;
}

.new_design a#exportEmployeeList.inactiv {
    cursor: default;
}

.new_design .detalii-angajat .tab-employee button {
    font-size: 14px;
}

/*
.new_design .detalii-angajat .tab-employee button:hover {
    color: #FF851A;
    background-color: #FFFFFF;
}
*/

.new_design .detalii-angajat .user-detail-listings ul li {
    width: 49%;
}

.new_design .detalii-angajat .user-detail-listings ul li.left-section-listings--tabs {
    text-align: left;
}

.new_design .detalii-angajat .user-detail-listings ul li.right-section-lg {
    font-weight: 400;
    padding-left: 15px;
}

.new_design .detalii-angajat .user-detail-listings ul li.right-section-lg a {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #0D9DC6;
}

.new_design .detalii-angajat .user-detail-listings ul li.right-section-lg a:hover {
    color: #054A61;
}

.new_design #foto_employee {
    cursor: pointer;
}

.new_design .hide-manager {
    display: none;
}

.new_design #show_departamente_subordine {
    font-weight: 700;
    color: #0D9DC6;
    font-size: 14px;
    cursor: pointer;
}

.new_design #show_departamente_subordine:hover {
    color: #054A61;
}

.new_design #beneficii-angajat .right-section-lg span {
    font-weight: 500;
    font-size: 14px;
    color: #0D9DC6;
}

.new_design .time-left-ago {
    font-size: 12px;
    color: #6C757D;
    font-weight: 400;
    text-transform: lowercase;
    font-style: italic;
}

.new_design .view_comment_cerere {
    cursor: pointer;
}

.new_design .ascunde-cerere td,
.new_design .ascunde-cerere td .in_aprobare,
.new_design .ascunde-cerere td .aprobata,
.new_design .ascunde-cerere td .respinsa,
.new_design .ascunde-cerere td .anulata,
.new_design .ascunde-cerere td .time-left-ago {
    color: #B1BCBB !important;
}

.new_design .hide-cerere {
    display: none;
}

.new_design #show_cereri_munca_la_distanta {
    font-weight: 700;
    color: #0D9DC6;
    font-size: 14px;
    cursor: pointer;
}

.new_design #show_cereri_munca_la_distanta:hover {
    color: #054A61;
}

.new_design .hide-transfer {
    display: none;
}

.new_design .ascunde-transfer td,
.new_design .ascunde-transfer td .depasit,
.new_design .ascunde-transfer td .viitor,
.new_design .ascunde-transfer td .in_desfasurare,
.new_design .ascunde-transfer td .time-left-ago {
    color: #B1BCBB !important;
}

.new_design #show_transfer_departament {
    font-weight: 700;
    color: #0D9DC6;
    font-size: 14px;
    cursor: pointer;
}

.new_design #list-transferuri-departamente span.user-icons--tooltips {
    margin: 10px !important;
}

.new_design #list-cereri-munca-la-distanta span.user-icons--tooltips {
    margin: 10px !important;
}

.new_design .respingere_cerere_concediu img.xl {
    width: 19px;
}

.new_design .respingere_cerere_concediu img {
    width: 17px;
}

.new_design .status-transfer .depasit {
    font-size: 14px;
    color: #054A61;
}

.new_design .status-transfer .viitor {
    font-size: 14px;
    color: #B013E9;
}

.new_design .status-transfer .in_desfasurare {
    font-size: 14px;
    color: #054A61;
}

.new_design .arhiva-centre-cost {
    font-size: 14px;
    color: #054A61;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
}

.new_design .list-arhiva-centre-cost {
    margin-bottom: 20px;
}

.new_design .list-arhiva-centre-cost .an {
    font-size: 14px;
    color: #054A61;
}

.new_design .list-arhiva-centre-cost .luna {
    font-size: 14px;
    color: #B1BCBB;
}

.new_design .list-arhiva-centre-cost .luna a {
    font-size: 14px;
    color: #0D9DC6;
}

.new_design .list-arhiva-centre-cost .luna a:hover {
    color: #054A61;
}

.new_design .list-arhiva-centre-cost .active,
.new_design .list-arhiva-centre-cost .active a {
    color: #FF851A;
}

.new_design .arhiva-dimensiuni-analitice {
    font-size: 16px;
    color: #054A61;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
}

.new_design .list-arhiva-dimensiuni-analitice {
    margin-bottom: 20px;
}

.new_design .list-arhiva-dimensiuni-analitice .an {
    font-size: 14px;
    color: #054A61;
}

.new_design .list-arhiva-dimensiuni-analitice .luna {
    font-size: 14px;
    color: #B1BCBB;
}

.new_design .list-arhiva-dimensiuni-analitice .luna a {
    font-size: 14px;
    color: #0D9DC6;
}

.new_design .list-arhiva-dimensiuni-analitice .luna a:hover {
    color: #054A61;
}

.new_design .list-arhiva-dimensiuni-analitice .active,
.new_design .list-arhiva-dimensiuni-analitice .active a {
    color: #FF851A;
}

.new_design .procent-centru-cost {
    font-weight: 600;
}

.new_design .procent-dimensiune-analitica {
    font-weight: 600;
}

.new_design .edit-arhiva-centru-cost {
    width: 20px !important;
}

.new_design #arhiva-centru-cost-an-luna thead tr th {
    padding-top: 20px;
}

.new_design .edit-arhiva-dimensiune-analitica {
    width: 20px !important;
}

.new_design #arhiva-dimensiune-analitica-an-luna thead tr th {
    padding-top: 20px;
}

.new_design #documente #tip_documente:not(.column-count-3) li {
    width: 33%;
    padding: 0px !important;
}

.new_design #documente #tip_documente li div {
    margin-right: 30px;
    border-bottom: 1px solid #DAE0DE;
    padding-top: 20px;
    padding-bottom: 20px;
}

.new_design #documente #tip_documente li:nth-child(3n) div {
    margin-right: 0px;
}

.new_design #documente #tip_documente li label {
    color: #054A61;
    font-size: 16px;
}

.new_design #documente #tip_documente li .block__element {
    margin-bottom: 0px;
}

.new_design #documente #tip_documente li p {
    margin: 0px;
    color: #054A61;
}

.new_design #documente .propaga_documente_necesare .block__element {
    margin-bottom: 0px;
}

.new_design #documente .propaga_documente_necesare {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
}

.new_design #documente .propaga_documente_necesare p {
    color: #054A61;
    font-size: 14px;

}

.new_design #documente .nr_documente_selectate {
    color: #054A61;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
}

.new_design #documente .title-documente-necesare {
    border-bottom: 1px solid #DAE0DE;
}

.new_design #documente .payroll-contant-body {
    margin-top: 0px;
    margin-left: 20px;
    width: 97%;
}

.new_design #competente .payroll-contant-body {
    margin-top: 0px;
    margin-left: 20px;
    width: 97%;
}

.new_design #competente .title-competente {
    font-size: 14px;
    color: #FF851A;
    font-style: italic;
    padding-bottom: 20px;
}

.new_design #competente .title-competente a {
    color: #0D9DC6;
    font-size: 14px;
}

.new_design #competente .btn-theme-transparent {
    background-color: #d4ecf9;
    border: none;
    color: #054A61;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 0px;
}

.new_design #list-competente th,
.new_design #list-competente td {
    font-size: 14px;
    color: #054A61;
    font-weight: 700;
}

.new_design #list-competente td p {
    font-weight: normal;
}

.new_design #card_view {
    clear: both;
    display: flex;
    flex-wrap: wrap;
}

.new_design #card_view h3 {
    font-size: 14px;
    color: #054A61;
    font-weight: 700;
    margin-top: 0px;
}

.new_design #card_view p {
    font-size: 14px;
    color: #054A61;
}

.new_design #card_view .col-md-4 {
    flex-grow: 1;
    margin-bottom: 40px;
}

.new_design #card_view .competenta-item {
    background-color: #fff;
    padding: 20px;
}

.new_design #competente.card_view .payroll-contant-body {
    background-color: transparent;
}

.new_design #competente .nr-competente {
    color: #054A61;
    font-size: 14px;
    font-weight: 400;
    display: none;
    float: left;
    padding-right: 20px;
}

.new_design #documente {
    padding-top: 60px;
}

.new_design #documente .filtru_litere {
    text-align: center;
    margin-bottom: 20px !important;
}

.new_design #documente .filtru_litere li {
    display: inline-block;
    padding: 5px;
}

.new_design #documente .filtru_litere li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #054A61;
}

.new_design #documente .filtru_litere li a:hover {
    color: #FF851A !important;
}

.new_design #documente .filtru_litere li a.active {
    color: #FF851A !important;
}

.new_design #documente .filtru_litere li a.inactive,
.new_design #documente .filtru_litere li a.inactive:hover {
    color: #DAE0DE !important;
    cursor: none;
    pointer-events: none;
}


.new_design .user-filters-collapse.collaps::after {
    transform: rotate(-135deg) !important;
    top: 6px !important;
}

.new_design .user-filters-collapse.collaps.collapsed::after {
    -webkit-transform: rotate(47deg);
    transform: rotate(47deg) !important;;
    top: 2px !important;;
}

.new_design .poza-first-letter {
    font-size: 14px;
    width: 35px;
    height: 35px;
    background-color: #fff;
    text-align: center;
    color: #054A61;
    border-radius: 50%;
    text-transform: uppercase;
    padding-top: 6px;
    border: 1px solid #EAEAEA;
}

.new_design .avatar-first-letter {
    font-size: 12px;
    line-height: 29px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    color: #054A61;
    border-radius: 50%;
    text-transform: uppercase;
    padding-top: 0px;
    border: 1px solid #054A61;
}

.new_design .avatar-first-letter:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2) !important;
    color: #FF851A !important;
    border-color: #FF851A !important;
}

.new_design .poza-angajat {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    overflow: hidden;
}

.new_design .poza-angajat img {
    width: 35px;
    height: 35px;
    display: block;
    margin: auto;
    object-fit: cover;
    transform: scale(1.7);
}

.new_design .user-left-collapse-fields--feedback {
    padding-left: 20px !important;
}

.new_design .user-left-collapse-fields--feedback .form-group label {
    color: #054A61 !important;
}

.new_design .nr_modificari_revisal,
.new_design .nr_modificari_revisal span {
    font-size: 14px !important;
    font-weight: bold !important;
}

.new_design .TableRevisalTransmis {
    background-color: #fff;
    display: block;
    padding: 20px;
    border-radius: 5px;
}

.new_design #table-list-revisal-transmis {
    padding-left: 7px;
}

.new_design #table-list-revisal-transmis table th {
    width: 18%;
}

.new_design #table-list-revisal-transmis table th:last-child {
    width: 5%;
}

.new_design #table-list-revisal-transmis table th:first-child {
    width: 5%;
}

.new_design #table-list-revisal-netransmis table th {
    width: 18%;
}

.new_design #table-list-revisal-netransmis table th:first-child {
    width: 5%;
}

.new_design #table-list-revisal-netransmis table th:nth-child(2) {
    width: 5%;
}

.new_design .TableRevisalNeTransmis {
    background-color: #f9fcfe;
    display: block;
    padding: 20px;
    border-radius: 5px;
}

.new_design #table-list-revisal-netransmis table tr th,
.new_design #table-list-revisal-netransmis table tr td {
    color: #8AA9BB;
}

.new_design #table-list-revisal-netransmis {
    padding-right: 0px;
}

.new_design #table-list-revisal-netransmis table thead tr th.table-heading-lg span {
    margin-left: 0px;
    width: 20px;
    height: 20px;
}

.new_design .move_left {
    cursor: pointer;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/muta-icon.svg");
    background-repeat: no-repeat;
}

.new_design .move_left:hover {
    cursor: pointer;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/muta-icon-hover.svg");
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/nu-trimite-left-icon-hover.svg");
    background-repeat: no-repeat;
}

.new_design .move_right {
    cursor: pointer;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/nu-trimite-icon.svg");
    background-repeat: no-repeat;
}

.new_design .move_right:hover {
    cursor: pointer;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/nu-trimite-icon-hover.svg");
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/muta-toate-icon-hover.svg");
    background-repeat: no-repeat;
}

.new_design .muta-toate-contractele {
    cursor: pointer;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/muta-toate-icon.svg");
    background-repeat: no-repeat;
}

.new_design .muta-toate-contractele:hover {
    cursor: pointer;
    background-image: url("https://ca.sincron.biz/assets/images/new/icons/muta-toate-icon-hover.svg");
    background-repeat: no-repeat;
}

.new_design .bt-0 {
    border-top: 0px;
}

.new_design .text-modificari-transmise {
    border: 0px !important;
    font-size: 14px;
    color: #FF851A !important;
    text-transform: uppercase;
    font-weight: bold !important;
    padding-bottom: 20px !important;
}

.new_design .text-modificari-transmise i {
    font-style: normal;
    font-size: 14px;
    color: #FF851A !important;
    font-weight: bold !important;
}

.new_design .text-modificari-netransmise {
    border: 0px !important;
    font-size: 14px;
    color: #8AA9BB !important;
    text-transform: uppercase;
    font-weight: bold !important;
    padding-bottom: 20px !important;
}

.new_design .text-modificari-netransmise i {
    font-style: normal;
    font-size: 14px;
    color: #8AA9BB !important;
    font-weight: bold !important;
}

.new_design #ListRevisalNetransmis a {
    color: #8AA9BB;
}

.new_design #ListRevisalNetransmis a:hover {
    color: #054A61;
}

.new_design #ListRevisalTransmis a:hover {
    color: #054A61;
}

.new_design #ListRevisalTransmis a b,
.new_design #ListRevisalNetransmis a b {
    font-size: 14px;
}

.new_design #selecteaza_companie {
    display: inline-block;
    padding-left: 150px;
    padding-right: 150px;
}

.new_design #selecteaza_companie .selecteaza_companie {
    font-size: 20px;
    color: #054A61;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    vertical-align: middle;
    padding-top: 150px;
}

.new_design #ListRevisalTransmis .revisal_act_modificat {
    width: 11px;
    height: 11px;
    background-color: #FFC107;
    border-radius: 50%;
}

.new_design #ListRevisalNetransmis .revisal_act_modificat {
    width: 11px;
    height: 11px;
    background-color: #A8C9DC;
    border-radius: 50%;
}

.new_design #ListRevisalNetransmis .revisal_act_modificat:hover {
    background-color: #FFC107;
}

#modal_populeaza_revisal .modal-content {
    width: 400px;
}

#modal_populeaza_revisal .modal-header {
    background-color: #fff;
}

#modal_populeaza_revisal .modal-body {
    height: auto;
}

#modal_populeaza_revisal .close {
    color: #054A61;
}

#modal_populeaza_revisal h4 {
    font-size: 20px;
    color: #054A61;
    font-weight: 500;
    text-align: center;
}

#modal_populeaza_revisal .modal-content {
    width: 400px;
}

#modal_populeaza_revisal .modal-header {
    background-color: #fff;
}

#modal_populeaza_revisal .modal-body {
    height: auto;
}

#modal_populeaza_revisal .close {
    color: #054A61;
}

#modal_populeaza_revisal h4 {
    font-size: 20px;
    color: #054A61;
    font-weight: 500;
    text-align: center;
}

#modal_importa_revisal .modal-content {
    width: 800px;
}

#modal_importa_revisal .modal-header {
    background-color: #fff;
}

#modal_importa_revisal .modal-body {
    height: auto;
}

#modal_importa_revisal .close {
    color: #054A61;
}

#modal_importa_revisal h4 {
    font-size: 20px;
    color: #054A61;
    font-weight: 500;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 40px;
}

.new_design .file_xml_revisal {
    text-align: right;
    padding-top: 32px;
}

.new_design #btn-generare-revisal {
    position: fixed;
    bottom: 0px;
    width: 50%;
    padding-right: 80px;
}

.new_design #btn-generare-revisal .right-contract-lg {
    background-color: #fff;
    min-height: 70px;
    padding: 15px;
}

#modal_genereaza_xml .modal-content {
    width: 600px;
}

#modal_genereaza_xml .modal-header {
    background-color: #fff;
}

#modal_genereaza_xml .modal-body {
    height: auto;
}

#modal_genereaza_xml .close {
    color: #054A61;
}

#modal_genereaza_xml h4 {
    font-size: 20px;
    color: #054A61;
    font-weight: 500;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 40px;
}

#modal_erori_generare_xml .modal-content {
    width: 600px;
}

#modal_erori_generare_xml .modal-header {
    background-color: #fff;
}

#modal_erori_generare_xml .modal-body {
    height: auto;
}

#modal_erori_generare_xml .close {
    color: #054A61;
}

#modal_erori_generare_xml h4 {
    font-size: 20px;
    color: #054A61;
    font-weight: 500;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 20px;
}

#modal_erori_generare_xml .modal_body_text {
    padding: 20px;
    margin: 20px;
    font-size: 13px;
    line-height: 2.5;
}

.new_design .text-genereaza-xml {
    font-size: 16px;
    color: #FF851A;
    font-style: italic;
    float: left;
    padding-top: 10px;
}

.new_design .text-genereaza-xml i {
    font-size: 16px;
}

.new_design .tooltiptext-revisal {
    visibility: hidden;
    color: #054A61 !important;
    width: 300px;
    text-align: left;
    padding: 2px 0;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    z-index: 1;
    margin-top: -26px !important;
    margin-left: -3px !important;
    background-color: #fff;
    border-radius: 5px;
    padding-left: 10px;
}

.new_design .tool-tip-md-edit:hover .tooltiptext-revisal {
    visibility: visible;
}

.new_design .text_muta_bulk_revisal {
    height: 45px;
    font-size: 12px;
    color: #8AA9BB;
}

.new_design #text_nr_modificari_revisal {
    padding-top: 28px;
}

.new_design .totlip_flag {
    visibility: hidden;
    text-align: center;
    padding: 2px 0;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    z-index: 1;
    color: #054A61 !important;
    margin-top: -30px !important;
    margin-left: -40px !important;
    width: 120px !important;
    max-width: 120px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
}

.new_design .tool-tip-md-edit:hover .totlip_flag {
    visibility: visible;
}

.new_design #btn_scroll_top {
    display: none;
    position: fixed;
    bottom: 20px;
    z-index: 99;
    font-size: 14px;
    font-weight: 500;
    border: none;
    outline: none;
    background-color: #fff;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    color: #054A61;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
}

.new_design #btn_scroll_top:hover {
    color: #FF851A;
}

.new_design .butoane_dashboard {
    width: 20% !important;
}

.new_design .butoane_dashboard .btn {
    font-size: 12px !important;
}

@media all and (max-width: 1440px) {
    .new_design .butoane_dashboard .btn {
        font-size: 11px !important;
        line-height: 14px;
    }
}

.new_design .listing_angajati_eligibili #filtre_list {
    background-color: #f1f8fc;
}

.new_design .list_filtre #filtre_list {
    background-color: #f1f8fc;
}

.new_design .list_setari_bulk #setari_bulk {
    background-color: #f1f8fc;
}

.new_design .TableAngajatiEligibili {
    background-color: #fff;
    margin-top: 30px;
}

.new_design .daterangepicker .input-mini {
    padding: 0 6px 0 28px !important;
}

.new_design .show_tag_more {
    cursor: pointer;
    color: #0D9DC6;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
}

.new_design .hide_tag_more {
    cursor: pointer;
}

.new_design #ListAngajatiEligibili td,
.new_design #ListAngajatiEligibili td .tag_more {
    color: #054A61;
    font-size: 14px;
}

.new_design #ListAngajatiEligibili .showEmpDetails,
.new_design #ListAngajatiEligibili .showEmpDetails b {
    color: #0D9DC6;
    font-size: 14px;
}

.tab_ture_fill_shift a {
    color: #054A61;
    font-size: 14px;
    border: 0px;
    border-radius: 0px;
    text-decoration: none;
}

.tab_ture_fill_shift a:hover,
.tab_ture_fill_shift a:focus,
.tab_ture_fill_shift .active a,
.tab_ture_fill_shift .active a {
    font-size: 14px;
    color: #FF851A !important;
    background-color: transparent !important;
    border: 0px !important;
    border-radius: 0px;
    text-decoration: none;
}

.calendar_matching_employees {
    display: none;
}

.calendar_matching_employees td {
    border-top: 0px;
}

#div_alocaDirectTura span {
    font-weight: 700;
    font-size: 12px;
    color: #054A61;
    width: 100%;
    margin-bottom: 10px;
}

#div_propuneTura {
    margin-bottom: 40px;
}

#div_propuneTura span {
    font-weight: 700;
    font-size: 12px;
    color: #054A61;
    width: 100%;
    margin-bottom: 10px;
}

.new_design #list_feedback_360_map .ul_feedbak_360 li {
    width: 33%;
    padding: 0px !important;
}

.new_design #list_feedback_360_map .ul_feedbak_360 li div {
    margin-right: 30px;
    border-bottom: 1px solid #DAE0DE;
    padding-top: 20px;
    padding-bottom: 20px;
}

.new_design #list_feedback_360_map .ul_feedbak_360 li:nth-child(3n) div {
    margin-right: 0px;
}

.new_design #list_feedback_360_map .ul_feedbak_360 li label {
    color: #054A61;
    font-size: 16px;
}

.new_design #list_feedback_360_map .ul_feedbak_360 li .block__element {
    margin-bottom: 0px;
}

.new_design #list_feedback_360_map .ul_feedbak_360 li p {
    margin: 0px;
    color: #054A61;
}

.new_design .nr_maxim_colegi {
    clear: both;
    font-size: 9px;
    text-transform: none;
    font-weight: normal;
    width: 100% !important;
    height: auto !important;
    color: #999;
    display: block !important;
}

.new_design .harta_evaluare_360 {
    width: 95%;
    color: #054A61;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
}

.new_design #edit_targets_evaluare ul li {
    min-height: 38px;
    padding-top: 10px;
}

.new_design .title_subordonati_nivel {
    width: 100% !important;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

#modal_target_control .modal-title,
#modal_feedback_360_map .modal-title {
    width: 100%;
}

.h-screen-list-holder {
    min-height: calc(100vh - 190px);
}

[data-expandable-block-cta] > i {
    display: inline-block;
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
}

.js--visible [data-expandable-block-cta] > i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bootstrap-select .dropdown-menu li a span.text {
    width: auto;
}


.new_design .listing_plan_onboarding .progress {
    height: 12px;
    margin-bottom: 2px;
}

.new_design .listing_plan_onboarding .progress .progress-bar {
    background-image: none;
    background-color: #98BDD2;
}

@media print {
    .sidenav, .floating-menu.config {
        display: none !important;
    }

    a[href]:after {
        content: none !important;
    }

}

#modal_add_rezultat_activitate a,
#modal_add_rezultat_activitate a b {
    color: #0D9DC6;
    font-size: 14px;
}

.new_design .activitateEditata {
    position: absolute;
    right: 0;
    top: 5px;
    margin: auto;
    color: #eac709;
    width: 20px;
}

.new_design .text_14_blue {
    font-size: 14px;
    color: #054A61;
}

.new_design .pb10 {
    padding-bottom: 10px;
}

.new_design .color_FF851A {
    color: #FF851A;
}

.new_design .color_FCB000 {
    color: #FCB000;
}

.new_design .color_DC3545 {
    color: #DC3545;
}

.new_design .color_ccc {
    color: #ccc;
    font-weight: normal;
}

.new_design .color_EA0000 {
    color: #EA0000;
}

.new_design #table_flux_aprobare {
    border: 0px;
}

.new_design #table_flux_aprobare tr td {
    border: 0px;
}

.new_design #table_flux_aprobare .table_flux_aprobare_title {
    font-size: 12px;
    color: #6C757D;
    text-transform: uppercase;
    width: 30%;
}

.new_design #table_flux_aprobare .table_flux_aprobare_value {
    font-size: 14px;
    color: #054A61;
}

.new_design #table_flux_aprobare_etape thead tr td {
    font-size: 12px;
    color: #054A61;
    font-weight: bold;
}

.new_design #table_flux_aprobare_etape tbody tr td {
    font-size: 14px;
    color: #054A61;
}

.new_design #table_flux_aprobare_etape tbody tr td span {
    font-size: 12px;
    color: #6C757D;
}

.new_design #table_flux_aprobare_etape tbody tr td a {
    font-size: 14px;
    color: #0D9DC6;
}

.new_design #table_flux_aprobare_etape tbody tr td a b {
    font-size: 14px;
    color: #0D9DC6;
}

.new_design #table_flux_aprobare_etape tbody tr td .text-green {
    color: #28A745;
}

.new_design #table_flux_aprobare_etape tbody tr td .text-red {
    color: #dc3545;
}

#modalFluxAprobareCerere .etapa .modal-title {
    padding-left: 8px;
    color: #054A61;
    padding-bottom: 10px;
    font-weight: normal;
}


.daterangepicker .range_inputs .applyBtn {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    background-image: none !important;
    text-transform: capitalize;
    background: #FF851A;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 5px 10px;
}

.daterangepicker .range_inputs .applyBtn:not([disabled]):hover,
.daterangepicker .range_inputs .applyBtn:focus,
.daterangepicker .range_inputs .applyBtn:active {
    background: #E86E13 !important;
}

.daterangepicker .range_inputs .cancelBtn {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    background-image: none !important;
    background: #d4ecf9;
    border-radius: 5px;
    color: #054A61;
    text-transform: capitalize;
    padding: 5px 10px;
}

.daterangepicker .range_inputs .cancelBtn:not([disabled]):hover,
.daterangepicker .range_inputs .cancelBtn:focus,
.daterangepicker .range_inputs .cancelBtn:active {
    background: #C1E0F2 !important;
}

.new_design .dragging-item {
    background: #F1F8FC;
}

/*marketplace*/
.marketplace-hero {
    min-height: 450px;
    background-size: cover;
    background-position: center right;
    margin: 0 -15px;
    background-image: url("https://ca.sincron.biz/assets/images/new/marketplace/marketplace-banner.png");
}


@media (max-width: 1440px) {
    .marketplace-hero {
        background-position: 50% 70%;
    }
}

.marketplace-hero .marketplace-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
}

.marketplace-hero .marketplace-content {
    width: 50%;
    padding-top: 70px;
}

.marketplace-hero .marketplace-content .marketplace-title {
    padding-bottom: 70px;
    text-align: center;
}

.marketplace-hero .marketplace-content .marketplace-title img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.marketplace-hero .marketplace-content .marketplace-text {
    font-size: 24px;
    line-height: 40px;
    color: #fff;
}

@media (max-width: 1280px) {
    .marketplace-hero .marketplace-content .marketplace-text {
        font-size: 20px;
        line-height: 36px;
    }
}

.marketplace-body {
    margin: 0 -15px;
    padding: 40px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: stretch;
}

.marketplace-body .marketplace-card {
    background: #fff;
    border: 1px solid #d8dddd;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    width: calc(25% - 30px);
    cursor: pointer;
    position: relative;
}

.marketplace-body .marketplace-card.activated:after {
    content: attr(data-activated); /* Fetches the content from 'data-activated' attribute */
    font-size: 16px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    position: absolute;
    padding: 16px;
    right: 30px;
    border-radius: 3px;
    top: -5px;
    background-color: #28A745; /* Using background-color for clarity */
}

@media (max-width: 1440px) {
    .marketplace-body .marketplace-card {
        width: calc(33.3333% - 30px);

    }
}

@media (max-width: 1280px) {
    .marketplace-body .marketplace-card {
        width: calc(50% - 30px);

    }
}

@media (max-width: 720px) {
    .marketplace-body .marketplace-card {
        width: 100%;

    }
}

.marketplace-body .marketplace-card:hover {
    border: 1px solid #437788;
}

.marketplace-body .marketplace-card .marketplace-logo {
    padding: 70px 0px;
    flex-shrink: 0;
    text-align: center;
}

.marketplace-body .marketplace-card .marketplace-logo img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.marketplace-body .marketplace-card .marketplace-content {
    padding: 0 30px 0px;
    flex: 1 auto;
    display: flex;
    flex-direction: column;
}

.marketplace-body .marketplace-card .marketplace-content .marketplace-title {
    color: #0D9DC6;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    flex-shrink: 0;
    padding-bottom: 10px;
}

.marketplace-body .marketplace-card .marketplace-content .marketplace-text {
    font-size: 14px;
    line-height: 19px;
    color: #054a61;
    flex: 1 auto;
}

.marketplace-body .marketplace-card .marketplace-content .marketplace-cta {
    text-align: center;
    padding: 25px 0;
    flex-shrink: 0;
}

.marketplace-body .marketplace-card .marketplace-content .marketplace-cta a {
    color: #0D9DC6;
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
}

.marketplace-body .marketplace-card .marketplace-content .marketplace-cta a:hover {
    color: #054a61;
}

.modal-marketplace .modal-dialog .modal-content {
    border-radius: 10px;
}

.modal-marketplace .modal-dialog .modal-content .modal-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 34px 50px 34px 100px;
}

.modal-marketplace .modal-dialog .modal-content .modal-body {
    padding: 70px 100px 70px;
}

.modal-marketplace .modal-dialog .modal-content .modal-marketplace-aside {
    background: #fff;
    border: 1px solid #d8dddd;
    border-radius: 3px;
    padding: 30px;
}

.modal-marketplace .modal-dialog .marketplace-row {
    padding-bottom: 70px;
}

.modal-marketplace .modal-dialog .modal-content p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

.modal-marketplace .modal-dialog .modal-content p.mb-6 {
    margin-bottom: 1.5rem;
}

.modal-marketplace .modal-dialog .modal-content p.mb-4 {
    margin-bottom: 1rem;
}


@media (min-width: 768px) {
    /* Targets screens larger than 768px */
    .modal-marketplace .modal-dialog {
        width: 80%;
        margin: 30px auto;
    }


}

@media (max-width: 767px) {
    .modal-marketplace .modal-dialog {
        width: auto; /* or you can set a specific width */
        margin: 10px;
    }
}

.title_concedii_contract{
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 20px;
}

#printeaza_legitimatii_bulk.btn_inactiv {
    color: #ccc;
}

#form_add_edit_intrebare #label_status{
    margin-top: 10px;
}
#form_add_edit_intrebare #label_status label{
    margin-top: 0px;
}
#form_add_edit_intrebare #label_status .toggle-switches-selected{
    top: -7px;
    left: 20px;
}
#modal_add_edit_intrebare .modal-content{
    border: 3px solid #fff;
    border-radius: 10px;
}
#formulare_si_intrebari #nr_intrebari{
    font-size: 14px;
    color: #054A61;
    margin-left: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#formulare_si_intrebari #nr_formulare{
    font-size: 14px;
    color: #054A61;
    margin-left: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#modal_add_edit_formular .modal-dialog {
    width: calc(100vw - 150px);
    max-height: calc(100vh - 200px)
}
#modal_add_edit_formular #add_edit_formular {
    overflow-y: auto;
    position: relative;
    width: 100%;
    max-height: calc(100vh - 250px);
}
#add_edit_formular #label_status{
    margin-top: 10px;
}
#add_edit_formular #label_status label{
    margin-top: 0px;
}
#add_edit_formular #label_status .toggle-switches-selected{
    top: -7px;
    left: 20px;
}
#modal_add_edit_formular .modal-content{
    border: 3px solid #fff;
    border-radius: 10px;
}
#add_edit_formular #add_edit_formular_left .titlu_intrebari_active, #add_edit_formular #add_edit_formular_left .titlu_intrebari_active span{
    text-transform: uppercase;
    font-size: 12px;
    color: #054A61;
    font-weight: bold;
}
#add_edit_formular #add_edit_formular_right .intrebari_adaugate_in_formular, #add_edit_formular #add_edit_formular_right .intrebari_adaugate_in_formular span{
    text-transform: uppercase;
    font-size: 12px;
    color: #054A61;
    font-weight: bold;
    padding-top: 8px;
}
#modal_add_edit_formular .modal-content .modal-header button{
    margin-right: 6px;
}
#add_edit_formular #add_edit_formular_left{
    border: 1px solid #DAE0DE;
    border-radius: 5px;
    padding: 20px;
    width: 48%;
    margin-right: 4%;
}
#add_edit_formular #add_edit_formular_right{
    border: 1px solid #DAE0DE;
    border-radius: 5px;
    padding: 20px;
    width: 48%;
}
#add_edit_formular #add_edit_formular_left #filtre_list{
    padding: 0px;
}
#add_edit_formular #add_edit_formular_left .payroll-filter_dropdown .payroll-fiter_title .payroll-filter_link::after{
    right: 70px !important;
}
#add_edit_formular #add_edit_formular_left #filtre_list input, #add_edit_formular #add_edit_formular_left #filtre_list .select-dropdown-bootstrap{
    width: 90%;
}
.intrebari_list_item{
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
    border-bottom: 1px solid #DAE0DE;
    cursor: move;
}
.intrebari_list_item:hover {
    background: #F1F8FC;
}
.intrebari_list_item .text_intrebare, .intrebari_list_item .text_intrebare span{
    font-size: 14px;
    color: #054A61;
    font-weight: bold;
}
#intrebari_active .intrebari_list_item .text_intrebare span{
    display: none;
}
.intrebari_list_item .blocker_intrebare{
    font-size: 14px;
    color: #054A61;
    margin-top: 10px;
}
.intrebari_list_item .obligatoriu_intrebare{
    font-size: 14px;
    color: #054A61;
    margin-top: 10px;
}
.intrebari_list_item .marcheaza_raspuns_corect_inrebare{
    font-size: 14px;
    color: #054A61;
    margin-top: 10px;
}
.intrebari_list_item .raspuns_corect_intrebare{
    font-size: 14px;
    color: #054A61;
    margin-top: 10px;
    margin-left: 25px;
}
.intrebari_list_item .raspuns_corect_intrebare ul li{
    font-size: 12px;
    color: #9EB0B9;
    text-transform: uppercase;
}
.intrebari_list_item .raspuns_corect_intrebare ul li label{
    font-size: 14px;
    color: #054A61 !important;
    text-transform: uppercase;
}
.intrebari_list_item .informatii_intrebare{
    font-size: 12px;
    color: #9EB0B9;
    margin-top: 6px;
    text-transform: uppercase;
}
#intrebari_active .intrebari_list_item .blocker_intrebare, #intrebari_active .intrebari_list_item .obligatoriu_intrebare, #intrebari_active .intrebari_list_item .marcheaza_raspuns_corect_inrebare, #intrebari_active .intrebari_list_item .raspuns_corect_intrebare{
    display: none !important;
}
#add_edit_formular #add_edit_formular_right #intrebari_formular{
    min-height: 150px;
}
#nu_exista_intrebari_in_formular{
    font-size: 14px;
    color: #6C757D;
    border: 2px dashed #DAE0DE;
    height: 300px;
    padding-top: 55px;
    background-color: #fff;
}
#add_edit_formular_left #list_intrebari_active #intrebari_active:first-child {
    border-top: 1px solid #DAE0DE;
}
#intrebari_formular .ui-state-disabled{
    opacity: 1 !important;
}
#intrebari_formular .group-input-radio label.input-error{
    border: 0px !important;
}
#intrebari_formular .group-input-radio label.input-error::before{
    border: 1px solid #dc3545;
}
#modal_view_intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:checked + label::after,
#intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:checked + label::after{
    color: #fff;
}
#modal_view_intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:not(:checked) + label::before,
#intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:not(:checked) + label::before{
    box-shadow: none;
    border-color: #b1bcbb;
    background-color: #fff;
    cursor: auto;
}
#modal_view_intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:checked + label::before,
#intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:checked + label::before{
    box-shadow: none;
    border-color: #b1bcbb;
    background-color: #054a61;
    cursor: auto;
}
#modal_view_intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:not(:checked) + label::after,
#intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:not(:checked) + label::after{
    cursor: auto;
}
#modal_view_intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:checked + label::after,
#intrebari_formular .form-group-checkbox [type="checkbox"]:disabled:checked + label::after{
    cursor: auto;
}
#modal_view_intrebari_formular .form-group-checkbox [type="checkbox"]:disabled + label,
#intrebari_formular .form-group-checkbox [type="checkbox"]:disabled + label{
    color: #054a61;
}
#form_add_edit_formular .form-control[disabled]{
    background-color: #fff !important;
    color: #9EB0B9;
}
#modal_view_intrebari_formular .intrebari_list_item{
    cursor: auto;
}
#modal_view_intrebari_formular .radio-custom + .radio-custom-label::before {
    cursor: auto;
}
.not_cursor_move .intrebari_list_item{
    cursor: auto !important;
}

.new_design .select-dropdown-bootstrap .disabled .btn.dropdown-toggle.form-control .filter-option-inner .filter-option-inner-inner {
    color: #9EB0B9;
}

#intrebari_raspunsuri_indeed{
}
#intrebari_raspunsuri_indeed .nume_proiect{
    font-size: 14px;
    color: #0D9DC6;
    font-weight: bold;
    padding-bottom: 20px;
}
#intrebari_raspunsuri_indeed .intrebari_list_item{
    cursor: auto;
}
#intrebari_raspunsuri_indeed .informatii_intrebare{
    width: 90%;
}
#intrebari_raspunsuri_indeed .raspuns_intrebare{
    font-size: 14px;
    color: #054A61;
    margin-top: 10px;
}
#intrebari_raspunsuri_indeed .raspuns_intrebare .icon-lock{
    color: #9EB0B9;
    margin-left: 10px;
    position: relative;
    top: 3px;
}
#intrebari_raspunsuri_indeed .raspuns_intrebare .img_raspuns{
    margin-left: 10px;
}

#revisal_queue .rq_left{
    width: 40%;
    float: left;
    background-color: #e9e9e9;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    color: #000;
    margin-bottom: 20px;
    padding: 20px;
    font-size: 14px;
}
#revisal_queue .rq_right{
    width: 40%;
    float: right;
    background-color: #052f56;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    color: #fff;
    margin-bottom: 20px;
    padding: 20px;
    font-size: 14px;
}
#revisal_queue .rq_left .date_time{
    text-align: right;
    color: #666;
    font-size: 12px;
    margin-top: 5px;
}
#revisal_queue .rq_right .date_time{
    text-align: right;
    color: #ccc;
    font-size: 12px;
    margin-top: 5px;
}
#revisal_queue .rq_left .title{
    color: #2785f4;
    font-size: 14px;
    font-weight: bold;
}
#revisal_queue.revisal_queue_modal .rq_left{
    width: 90%;
}
#revisal_queue.revisal_queue_modal .rq_right{
    width: 90%;
}
#revisal_queue .rq_left.error{
    background-color: #bb0e0e;
    color: #fff;
}
#revisal_queue .rq_left.error .title{
    color: #fff;
}
#revisal_queue .rq_left.error .date_time{
    color: #ccc;
}
#view-status-revisal{
    position: fixed;
    right: 0px;
    bottom: 58px;
    cursor: pointer;
}