/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2018-09-28, 09:29:51
    Author     : Bartek
*/
@font-face {
    font-family: 'Lobster';
    src: url("../media/fonts/lobster.otf"); format('truetype');
    font-weight: normal;
    font-style: normal;
}

.white-background {
    background: #ffffff !important;
}

.mobile-collapsed-menu-wrapper {
    height: inherit;
    position: relative;
    width: 100%;
    top: -30px;
    z-index: 0;
}

.custom-blue {
    color: #6cc0c8;
}

.ui-datepicker {
    z-index: 9999 !important;
}

.custom-blue-dark {
    color: #41ABC4;
}

.custom-red {
    color: #ff6b65;
}

.custom-gold {
    color: #b7a080;
}

.custom-magenta {
    color: #69bcbb;
}

.custom-dark-grey {
    color: #3C3C3C;
}

.custom-grey {
    color: #707070;
    font-style: italic;
}

.custom-grey-background {
    background-color: #ebebeb;
}

.custom-light-grey {
    color: #707070;
}

.custom-light-grey-background {
    background-color: #B2B2B2 !important;
}

documenthtml {
    margin: auto;
    min-height: 900px;
    width: 900px;
    display: block;
    overflow-y: scroll;
    border: 1px solid #a1a5a6;
}

.custom-nav-link {
    font-family: 'Nunito', sans-serif;
    font-weight: 200;
    color: #636b6f;
    padding: 0 25px;
    font-size: 11px;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.custom-nav-link.active {
    font-weight: bold;
    text-decoration: underline;
}

.required .control-label:after {
    content: "*";
    color: #ff6b65;
}

.required-icon:after {
    content: "*";
    color: #ff6b65;
}

.replace-modal-open {
    overflow: hidden;
}

.modal-image-crop {
    max-width: 650px !important;
}

.wrapper {
    min-height: 78vh;
}

.wrapper .navbar-col, .navbar-row {
    min-height: inherit;
}

.container-fluid .card {
    border: none;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

@media (max-width: 991px) {
    .wrapper {
        /*padding-top:140px;*/
    }
}

.counter.hidden {
    display: none;
}

/*HEADER styles*/
.tadam {
    background-color: #ffffff;
    min-height: inherit;
}

.navbar-custom .app-logo .logo {
    display: flex;
    justify-content: center;
    margin-right: 0;
}

.navbar-custom .list-unstyled {
    width: auto;
    text-align: right;
    border-radius: 5px;
    position: absolute;
    position: absolute;
    right: 25px;
    top: 25px;
    padding: 0 15px 0 15px;
}

.nav-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pool-navigation-element {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    background: #343433;
    min-height: 104px !important;
    border: 4px solid #aa916a;
    border-right: unset;
    height: 180px;
}

.multiselect {
    width: 300px;
}

#addLog .multiselect {
    min-width: 320px;
    width: auto;
}

@media (max-width: 1200px) {
    .nav-container {
        display: none;
    }

    .cut-width {
        width: 100%;
    }

    .navbar-fixed-left.main-nav {
        display: none;
    }

    .navbar-custom {
        height: 40px;
    }

    .pool-search-wrapper {
        display: flex;
        flex-direction: column;
    }

    .navbar-custom .list-unstyled li.settings-list {
        right: 90px;
    }

    .navbar-custom .list-unstyled li.language-list {
        position: absolute;
        right: 30px;
    }

    .navbar-custom .list-unstyled li.configure-formatting-list {
        position: relative;
        right: 75px;
    }

    .parse-card {
        position: relative;
        /*top: 150px;*/
        top: -3px;
    }

    .parse-card.initialize-height-card {
        top: 0;
    }

}

@media (min-width: 1201px) {
    #topnav .navbar-toggle {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #topnav .navbar-toggle {
        position: relative;
        right: 300px;
    }
}

@media (max-width: 991px) {
    .navbar-custom {
        height: 40px;
        padding-top: 0;
    }

    .navbar-custom .list-unstyled li.configure-formatting-list .account-name {
        display: none;
    }

    .navbar-custom .list-unstyled li.settings-list .pro-user-name {
        display: none;
    }

    .navbar-custom .list-unstyled {
        padding: 10px;
        padding-left: 75px;
        right: -90px !important;
    }

    #topnav .navbar-toggle {
        position: relative;
        right: 200px;
    }
}

@media (max-width: 768px) {
    .interim-footer {
        position: absolute;
        width: 100%;
    }

    .parse-card {
        top: 0;
    }

    .nav-tabs .nav-item:last-of-type {
        padding-right: 0 !important;
    }
}

.navbar-custom .app-search {
    padding: 30px 0;
}

.navbar-custom .app-logo .logo img {
    height: 65px;
}

.navbar-custom .app-logo .logo-title p {
    text-align: center;
    color: #ff6b65;
    font-family: serif;
    font-style: italic;
    font-size: 20px;
}

.navbar-custom .account-logo {
    font-size: 12px;
    color: #ffffff;
    margin-right: 5px;
}

.navbar-custom .navbar-custom-wrapper {
    padding-left: 45px;
    padding-right: 130px;
}

@media (max-width: 768px) {
    .navbar-custom .app-logo .logo img {
        height: 60px;
    }

    .header-settings-wrapper {
        background-color: rgba(0, 0, 0, 0.6);
        padding: 0;
    }

    .navbar-custom .navbar-custom-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .navbar-custom .app-logo .logo img {
        height: 40px;
        margin-top: 13px;

    }

    .navbar-custom .app-logo .logo-title {
        display: none;
    }

    .wrapper {
        /*padding-top: 150px;*/
    }

    .parse-card {
        top: 380px;
    }
}

@media (min-width: 768px) {
    .navbar-custom .app-search .form-control {
        width: 80%;
    }
}

.navbar-custom .app-search .form-control {
    color: #343433;
    background-color: transparent;
    border: 1px solid #bab9b7;
}

.navbar-custom .app-user .mb-0 {
    padding-top: 15px;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .navbar-custom .app-user .mb-0 {
        padding-top: 0;
    }
}

.navbar-custom .topbar-right-menu .nav-link {
    color: #3C3C3C;
    font-family: sans-serif;
}

@media (max-width: 576px) {
    .navbar-custom .topbar-right-menu .nav-link {
        margin-left: 0;
    }
}

.topbar-menu {
    min-height: 95px;
    color: #ffffff;
    position: relative;
}

.topbar-menu .topbar-menu-darker {
    background: #595958;
    height: 25px;
}

.collapse-option-arrow {
    transition-duration: 0.8s;
    transition-property: transform;
}

.collapse-option-arrow.rotate-up:before {
    transform: rotate(180deg);;
}

#topnav {
    position: relative;
    background: #ededed;
    min-height: 105px;
}

.row-default-color {
    background: #ededed;
    box-shadow: 0 8px 6px -6px #a7a3a3;
}

#topnav .mobile-navigation #navigation {
    z-index: 1;
}

.upload-documents-container {
    display: flex;
    align-items: center;
    padding-top: 0 !important;
}

@media (max-width: 1400px) {
    .uploader-wrapper {
        flex-direction: column;
        display: flex;
    }

    .upload-documents-container {
        width: 100%;
        padding-top: 0 !important;
    }

    .js-form {
        justify-content: center;;
        display: flex;
    }

    .overlay-layer {
        top: 30px;
    }

    .remaining-limit-wrapper {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .upload-button {
        padding-top: 0;
        margin-left: 0;
        justify-content: center;
    }

    .pool-navigation-element {
        height: 220px;
        text-align: center;
    }

    [id^="activity-logs-"] .modal-dialog {
        min-width: 850px !important;
        font-size: 12px;
        margin: auto;
    }
}

@media (min-width: 1201px) {
    #topnav .mobile-navigation .navigation-menu {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    #topnav {
        height: auto;
    }

    #topnav .navbar-toggle {
        position: absolute;
        top: -8px;
        right: 5px;
    }

    #topnav .mobile-navigation #navigation {
        top: 78px !important;
    }

    .multiselect {
        width: inherit;
    }

    .upload-documents-container {
        width: 100%;
        padding-top: 0 !important;
    }

    .candidates-pool-card {
        padding-right: 0 !important;
    }

    .js-form {
        justify-content: center;;
        display: flex;
    }

    .overlay-layer {
        top: 30px;
    }

    .remaining-limit-wrapper {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .upload-button {
        padding-top: 0!important;
        margin-left: 0 !important;
        justify-content: center;
        position: relative;
        bottom: 12px;
        max-width: 100%!important;
    }

    .navbar-custom .list-unstyled {
        padding-left: 75px;
    }

    #clear-filters {
        margin-top: 8px;
        margin-left: 0 !important;
        width: 100%;
    }
}

#topnav .navigation-menu {
    margin-bottom: 15px;
}

#topnav .navigation-menu li {
    cursor: pointer;
    background: #343433;
    border: 4px solid #aa916a;
    border-radius: 10px;
    margin-right: 20px;
    width: 200px;
    transition: transform .2s; /* Animation */
}

#topnav .navigation-menu li img {
    transition: transform .2s; /* Animation */
}

#topnav .navigation-menu li:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

#topnav .navigation-menu li:hover img, #topnav .navigation-menu > li:hover > a i {
    transform: scale(1.4); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

#topnav .navigation-menu li.active a {
    color: #ff6b65;
}

#topnav .navigation-menu li.active .triangle-down {
    z-index: -1;
    height: 30px;
    width: 45px;
    position: absolute;
    top: 73px;
    left: 36%;
    transform: rotate(90deg);
}

#topnav .navigation-menu li .counter {
    font-weight: bold;
    padding-top: 5px;
}

#topnav .navigation-menu li.active .counter {
    color: #ffffff !important;
}

#topnav .has-submenu.active a i {
    color: #ffffff !important;
}

#topnav .navigation-menu > li > a i {
    font-size: 23px;
    transition: transform .2s;
}

@media (min-width: 992px) {
    #topnav .navigation-menu > li:first-of-type > a {
        padding-left: 20px;
    }
}

#topnav .navigation-menu li > a {
    color: #ffffff;
}

#topnav .navigation-menu li:hover a {
    color: #ffffff;
}

#topnav .navigation-menu li:hover .counter {
    color: #ffffff !important;
}

#topnav .navigation-menu li.profile {
    border-bottom: 10px solid #ff6b65;
}

#topnav .navigation-menu .has-submenu .submenu-title {
    margin-bottom: 0;
    padding-top: 5px;
    width: 145px;
}

#topnav .navigation-menu .has-submenu.candidates img {
    height: 35px;
}

#topnav .navigation-menu .has-submenu:hover a > i {
    color: #fff;
}

#topnav .navigation-menu li .counter {
    font-size: 25px;
    font-weight: bold;
}

@media screen and (min-width: 992px) and (max-width: 1544px) {
    #topnav .navigation-menu li {
        width: 210px;
    }

    #topnav .navigation-menu li .counter {
        margin-left: -10px;
        padding-right: 5px;
        padding-top: 5px;
        font-size: 20px;
    }

    #topnav .navigation-menu li > a i {
        font-size: 22px;
    }

    #topnav .navigation-menu .has-submenu .submenu-title {
        width: 140px;
        font-size: 11px;
        margin-bottom: 0;
        padding-top: 5px;
    }

    #topnav .navigation-menu li.active .triangle-down {
        left: 28%;
        top: 74px;
    }
}

@media (max-width: 991px) {
    #topnav .navigation-menu li.active .triangle-down {
        display: none;
    }
}

@media (max-width: 1200px) {
    #topnav .navigation-menu {
        margin-bottom: 0;
    }

    #topnav .navigation-menu .has-submenu {
        border: none;
        border-radius: 0;
        width: 100%;
        border-bottom: 1px solid #aa916a;
    }

    #topnav .navigation-menu .has-submenu a {
        display: block;
    }

    #topnav .navigation-menu .has-submenu .submenu-title {
        width: 160px;
        margin-left: 15px;
    }

    #topnav .navigation-menu .has-submenu .counter {
        position: relative;
        left: 50px;
    }

    #topnav .navigation-menu .has-submenu i {
        position: relative;
        top: 2px;
        right: 0px;
        bottom: 5px;
        padding-left: 0;
        font-size: 34px;
    }
}

@media (max-width: 768px) {
    #topnav .navigation-menu .has-submenu i {
        position: absolute;
        left: 0;
        top: 0;
    }

    .pool-navigation-element.pool-size-element {
        height: auto;
    }

    .navbar-custom .list-unstyled .navbar-toggle {
        top: 90px !important;
    }
}

#topnav .navigation-menu li.profile i {
    color: #ff6b65;
}

#topnav .navigation-menu li.profile.active {
    background: #ff6b65;
    border-bottom: 10px solid #c84b4b;
}

#topnav .navigation-menu li.profile:hover {
    background: #ff6b65;
    border-bottom-color: #c84b4b;
}

#topnav .navigation-menu li.parser {
    border-bottom: 10px solid #69bcbb;
}

#topnav .navigation-menu li.parser i {
    color: #69bcbb;
}

#topnav .navigation-menu li.parser.active {
    background: #69bcbb;
    border-bottom: 10px solid #3d8992;
}

#topnav .navigation-menu li.parser:hover {
    background: #69bcbb;
    border-bottom-color: #3d8992;
}

#topnav .navigation-menu li.profile .counter {
    color: #ff6b65;
}

#topnav .navigation-menu li.parser .counter {
    color: #69bcbb;
}

#topnav .navigation-menu li.pool .counter {
    color: #b7a080;
}

#topnav .navigation-menu li.search .counter {
    color: #969fcb;
}

#topnav .navigation-menu li.pool {
    border-bottom: 10px solid #b7a080;
}

#topnav .navigation-menu li.pool i {
    color: #b7a080;
}

#topnav .navigation-menu li.pool.active {
    background: #b7a080;
    border-bottom: 10px solid #95846a;
}

#topnav .navigation-menu li.pool:hover {
    background: #b7a080;
    border-bottom-color: #95846a;
}

#topnav .navigation-menu li.search {
    border-bottom: 10px solid #969fcb;
}

#topnav .navigation-menu li.search i {
    color: #969fcb;
}

#topnav .navigation-menu li.search.active {
    background: #969fcb;
    border-bottom: 10px solid #6b76a7;
}

#topnav .navigation-menu li.search:hover {
    background: #969fcb;
    border-bottom-color: #6b76a7;
}

#topnav .navbar-toggle span {
    background-color: #ffffff;
}

#topnav .navbar-toggle:hover span {
    background-color: #ffffff;
}

#topnav .navbar-toggle .lines {
    margin-top: 8px;
}

.breadcrumb-item a {
    color: #595958;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #ffffff !important;
}

.breadcrumb-item.active {
    color: #ffffff;
}

.breadcrumb-item a.breadcrumb-link {
    color: #00acc1;
    text-decoration: underline;
}

.is-updated {
    color: #ffffff;
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
    font-style: unset;
    font-size: 12px;
    padding: 3px;
    border-radius: 3px;
    position: absolute;
    left: 90px;
    top: 0;
}

.is-updated.logs {
    left: 130px;
    top: 0;
}

.experience-wrapper .is-updated {
    left: 130px;
}

.is-updated.merge {
    position: relative;
    left: 0;
    top: 10px;
}

.btn.gold-button:focus {
    box-shadow: 0 0 0 0.15rem rgba(194, 173, 133, .35);
}

.btn-parser {
    background-color: #69bcbb;
    border-color: #69bcbb;
    width: 100%;
}

.btn-parser:hover {
    background-color: #3d8992;
    border-color: #3d8992;
}

.btn-parser:active {
    background-color: #3d8992 !important;
    border-color: #3d8992 !important;
}

.btn-parser:focus {
    box-shadow: 0 0 0 0.2rem rgba(57, 120, 129, 0.5) !important;
}

.original-file-name {
    color: #69bcbb;
}

.btn-danger:disabled {
    background: #ff6b65;
    border-color: #ff6b65;
    opacity: 1;
}

.btn-export-history-action {
    margin-bottom: 7px;
    height: 30px;
}

.btn-export-history-action::after {
    padding-bottom: 3px;
}

.btn-back {
    text-decoration: underline;
    color: #000;
}

.btn-back:hover {
    text-decoration: underline;
    color: #000;
}

.admin-icon .admin-img {
    width: 40px;
    margin-right: 35px;
}

.settings-icon .test {
    width: 30px;
    transition: 1.6s ease-out;
}

.settings-icon a:hover .test {
    transform: rotateZ(720deg);
}

.settings-icon span {
    color: #ffffff;
    margin-left: 5px;
    margin-right: 10px;
}

.account-default-image {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 5px;
}

.notification-list .dropdown-menu.dropdown-menu-right,
.dropdown-menu {
    width: auto;
}

@media (max-width: 991px) {
    .settings-icon {
        display: none;
    }
}

@media (min-width: 992px) {
    .notification-list .profile-dropdown .account-menu {
        display: none;
    }
}

.profile-dropdown i {
    color: #8e99a2;
}

.profile-dropdown i:before {
    color: #8e99a2;
}

.search-container .filter-button {
    margin-left: 15px;
}

.search-container input[type="text"] {
    background-color: #EDEDED;
    height: 38px;
    -webkit-text-fill-color: #3C3C3C !important;
}

.search-container input[type="text"]::placeholder {
    color: #ffffff;
}

/*END HEADER styles*/
/* FOOTER styles */
.footer-image-background {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background-image: url("../media/images/header-background.jpg");
}

.footer {
    background: #454545;
}

.bottom-logo {
    width: 400px;
}

/*END FOOTER styles */

/* PROFILE styles */
.dataTables_wrapper .row:first-of-type {
    /*display: none;*/
}

#basic-datatable_filter {
    margin-top: -21px;
}

#basic-datatable_filter label {
    width: 100%;
}

#basic-datatable_filter input {
    height: 38px;
    background: #92afb9;
    color: #fff;
}

#basic-datatable_wrapper .btn-light {
    background: #e8e6e6;
}

.table thead th.sorting, th.sorting_asc {
    color: #ff6b65;
}

.table th {
    vertical-align: middle;
}

.table thead th.filename {
    width: 20% !important;
}

.table td.filename {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: help;
}

.new-profile-button a {
    width: 100%;
    background: #92afb9;
    border-color: #92afb9;
}

.profile-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
    background: grey;
}

.profile-photo.big-size-photo .profile-image {
    width: 140px;
    height: 140px;
}

.profile-photo .avatar-container .brush-stroke img {
    width: 150px;
    height: 150px;
}

.skill-trade {
    padding: 15px;
    border: 1px solid #ebebeb;
    cursor: pointer;
}

.skill-trader-image {
    width: 40px;
    height: 40px;
}

.name-cell {
    display: flex;
}

.name-cell:first-of-type {
    border-top: none;
}

.name-cell div {
    padding-top: 10px;
}

.name-cell .full-name {
    color: #343433;
    margin-bottom: 0;
}

.name-cell .full-name span {
    font-size: 12px;
    color: #8e99a2;
}

.iframe-wrapper iframe {
    margin: 0 0 180px 0;
}

.preview-iframe {
    font-size: 25px;
    margin-left: 10px;
    margin-top: 2px;
    cursor: pointer;
}

.preview-logo {
    position: relative;
    vertical-align: middle;
    font-size: 25px;
    cursor: pointer;
    right: 15px;
}

.delete-form-icon {
    text-align: right;
    border-left: 1px solid #ff6b65;
    border-right: 1px solid #ff6b65;
}

.delete-element {
    color: #ffffff;
    cursor: pointer;
}

.parser-button {
    margin-bottom: 20px;
}

.parser-button input:last-of-type {
    margin-left: 15px;
}

.dropdown-item {
    cursor: pointer;
    font-weight: 600;
}

.dropdown-item:hover {
    color: #8e99a2;
}

.dropdown-item:disabled {
    cursor: not-allowed !important;
}

.dropdown-item.disabled {
    cursor: not-allowed !important;
}

.copy-to-clipboard {
    font-size: 20px;
    cursor: pointer;
    position: relative;
    left: 15px;
    top: 3px;
}

input[type="url"] {
    width: 80%;
    color: #d9dada;
    text-align: center;
    border: none;
    border-radius: 10px;
    outline: none;
}

.settings-wrapper {
    margin-bottom: 180px;
}

#iframe .col-8 {
    background: #263238;
    border-radius: 5px;
}

#iframe .ui-state-default {
    background: #f6f6f6;
}

#iframe .ui-state-active {
    border: 1px solid #69bcbb;
}

.iframe-slider .ui-slider-range {
    background: #69bcbb;
}

.iframe-slider .ui-slider-handle {
    border-color: #69bcbb;
}

#iframe input, #zapier-api-key input {
    background: #45403d;
}

.language-switcher ul {
    padding-left: 0;
    margin-bottom: 0;
}

.language-switcher a {
    color: #8e99a2;
}

.file-input-info {
    font-size: 11px;
}

.profile-checkboxes {
    bottom: 15px;
}

.mass-action {
    position: relative;
    right: 35px;
    bottom: 6px;
}

.js-mass-parsing-button:hover, .js-mass-delete-button:hover {
    background: none;
}

.mass-checkbox {
    position: relative;
    bottom: 10px;
    left: -25px;
}

button:disabled i, .js-delete-profiles i {
    position: relative;
    z-index: -1;
}

@media (min-width: 1544px) {
    .new-profile-button {
        padding-left: 125px;
    }
}

/* END PROFILE styles*/

/* ADMIN styles */
.js-delete-popup.hidden {
    display: none;
}

.js-delete-popup.open .js-delete-popup-background {
    z-index: 1002;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: .6;
}

.js-delete-popup.open .js-delete-popup-wrapper {
    overflow: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1003;
    position: fixed;
    font-family: Roboto Condensed, sans-serif;
    text-align: center;
    height: 35%;
    background-color: #fff;
    max-width: 682px;
    width: 95%;
}

.button-wrapper {
    text-align: right;
    margin-bottom: 15px;
    padding-right: 0;
}

.btn.prev {
    float: right;
}

.fa:before {
    padding-right: 5px;
}

@keyframes stretch {
    0% {
        background-color: #001F3F;
    }
    100% {
        background-color: #FF4136;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.form-wrapper {
    animation: fadeIn 1s;
}

.col-action i {
    font-size: 20px;
    position: relative;
    top: 5px;
    right: 10px;
}

.cell-edit-experience {
    display: none !important;
}

.cell-edit-experience {
    transition: all .5s ease-in-out;
}

.cell-edit-experience span {
    font-size: 11px;
    font-style: italic;
    color: #707070;
    position: relative;
    top: 3px;
}

.cell-edit-experience:hover img {
    transform: scale(1.1);
}

#employment-table_wrapper,
#education-table_wrapper {
    width: 98%;
    float: right;
}

.js-edit-experience-cell.last-cell .js-dont-show-again-experience-tips {
    left: -3px !important;
}

.js-dont-show-again-experience-tips {
    position: relative;
    left: -4px;
    cursor: pointer;
}

.tab-pane {
    background: #ffffff;
}

.tab-pane.show {
    display: block !important;
}

.tab-pane .btn-secondary {
    color: #fff !important;
}

.container-fluid .card.table-list {
    margin-bottom: 180px;
    margin-top: 30px;
    animation: fadeIn 1s;
}

.container-fluid .card.table-list.show {
    display: block;
}

@media (max-width: 991px) {
    .container-fluid .card {
        margin-top: 0;
    }
}

.wrapper-padding {
    padding-top: 280px;
    min-height: 750px;
}

.crud-button {
    border: 1px solid;
    margin-right: 20px;
    border-radius: 5px;
}

.crud-button span.crud-name {
    font-size: 16px;
}

.crud-button:hover {
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

.crud-button.crud-users:hover .main {
    background: #c84b4b;
}

.crud-button.crud-groups:hover .main {
    background: #3d8992;
}

.crud-button.crud-parse:hover .main {
    background: #95846a;
}

.crud-button.crud-profile-limits:hover .main {
    background: #6b76a7;
}

.crud-button.crud-packages:hover .main {
    background: #557985;
}

.crud-button.crud-users {
    border-color: #ff6b65;
}

.crud-button.crud-groups {
    border-color: #69bcbb;
}

.crud-button.crud-parse {
    border-color: #b7a080;
}

.crud-button.crud-profile-limits {
    border-color: #969fcb;
}

.crud-button.crud-packages {
    border-color: #648c98;
}

.crud-button .main {
    font-size: 20px;
    color: #fff;
    padding: 10px 15px 30px 5px;
}

.crud-users .main {
    background: #ff6b65;
}

.crud-groups .main {
    background: #69bcbb;
}

.crud-parse .main {
    background: #b7a080;
}

.crud-profile-limits .main {
    background: #969fcb;
}

.crud-packages .main {
    background: #648c98;
}

.crud-button .main .crud-count {
    float: right;
}

.crud-button .action-tab {
    padding: 15px 0;
}

.crud-button .action-tab .crud-add {
    float: right;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
}

.crud-button .action-tab .crud-list {
    cursor: pointer;
}

.crud-users .action-tab .crud-list {
    color: #ff6b65;
}

.crud-groups .action-tab .crud-list {
    color: #00acc1;
}

.crud-parse .action-tab .crud-list {
    color: #b7a080;
}

.crud-profile-limits .action-tab .crud-list {
    color: #969fcb;
}

.crud-packages .action-tab .crud-list {
    color: #648c98;
}

.crud-users .crud-add {
    color: #ff6b65;
    border: 1px solid #ff6b65;
}

.crud-groups .crud-add {
    color: #69bcbb;
    border: 1px solid #69bcbb;
}

.crud-profile-limits .crud-add {
    color: #969fcb;
    border: 1px solid #969fcb;

}

.crud-packages .crud-add {
    color: #648c98;
    border: 1px solid #648c98;
}

.packages-list .expired-to {
    text-align: center;
}

/* END ADMIN styles */

/* PARSER styles*/
.table td {
    vertical-align: middle;
}

.table td.list {
    display: flex;
    flex-wrap: wrap;
}

.default-select {
    display: block !important;
}

.invite-select {
    margin-top: -10px;
}

.education-history .list li:first-of-type,
#employment .list li:first-of-type,
#education .list li:first-of-type {
    display: block !important;
}

.parse-card .list li:first-of-type {
    display: none;
}

.parse-card .nice-select .list li:first-of-type {
    display: list-item;
}

.parse-card .switch-visibility .list li:first-of-type {
    display: block;
}

.parse-card .table-striped:not(#pool-table) tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.share-card {
    border: 2px solid #f7f7f7;
    border-radius: .25rem;
}

.logs-counter {
    background-color: #4a4a4a;
    border-radius: 50%;
    position: absolute;
    width: 20px;
    height: 20px;
    right: -8px;
    top: -10px;
    font-size: 12px;
    display: none;
}

.logs-counter.show {
    display: block;
}

.skill-highlighted {
    background-color: #b7a080;
    color: #ffffff;
    padding: 2px;
    border-radius: 5px;
}

.btn-counter {
    width: 100%;
}

.parse-form-body {
    margin-bottom: 20px;
}

.profile-content ul > li > a.nav-link {
    color: #000000;
    font-weight: 600;
}

.profile-content ul > li > a.nav-link {
    font-size: 14px;

}

.profile-content ul > li > a.nav-link.active {
    color: #69bcbb;
    font-weight: bold;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #aa916a;
}

.parse-card .btn-counter {
    background-color: #69bcbb;
    border-color: #69bcbb;
}

.table thead th {
    border-bottom: none;
}

.profile-card .table thead th {
    color: #ff6b65;
}

.card-body {
    padding: 30px 15px;
}

.parse-card .table thead th {
    color: #41ABC4;
}

.parse-card .quit-link a {
    color: #8e99a2;
    font-size: 20px;
    position: relative;
    bottom: 15px;
}

.parse-card .quit-link a i {
    color: #69bcbb;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.custom-card .table thead th {
    color: #41ABC4;
}

.custom-card .show > .dropdown-menu.show {
    z-index: 10000;
}

.custom-card .btn-counter {
    background-color: #b7a080;
    border-color: #b7a080;
}

.skill-board-card .table thead th:first-of-type {
    width: 30px;
}

/*TODO do zmiany jeżeli nie chcemy scrollowac skillboard*/
.skill-board-card .table thead th {
    word-break: break-all;
    padding: 0;
    text-align: center;
    color: #4a4a4a;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    vertical-align: inherit;
    font-size: 10px;
}

.skill-board-card .card-body {
    padding: 30px 0;
}

.skill-board-card .table.dataTable {
    border: 1px solid #dee2e6;
}

.skill-board-card .table th {
    min-height: 30px;
    align-items: center;
    word-break: break-all;
    width: 85px;
    font-size: 10px;
    padding: 5px 5px 5px 20px;
}

.skill-board-card .table th:first-of-type {
    min-width: 100px;
}

.skill-board-card .table td {
    width: 10px;
    padding: 0;
    height: 30px;
    vertical-align: middle;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.skill-board-card .table td:hover {
    background: #aa916a;
    opacity: 0.9;
    cursor: cell;
    color: #ffffff;
}

.skill-board-element.disabled {
    background: lightgrey;
    cursor: not-allowed !important;
}

.skill-board-element.disabled:hover {
    background: lightgrey !important;
}

.info-tooltip {
    font-size: 18px;
    cursor: pointer;
    padding-right: 0;
    padding-left: 0;
    width: 80px;
}

.info-tooltip i {
    padding: 6px;
    border: 1px solid transparent;
}

.info-tooltip i:hover {
    border: 1px solid #ebebeb;
    border-radius: 10px;
    background: #f7f7f7;
}

.info-tooltip i:before {
    position: relative;
    top: 4px;
    right: 1px;
}

.popover {
    z-index: 0;
}

.popover-info {
    margin-bottom: 5px;
}

.popover-body {
    overflow-y: scroll;
    max-height: 700px;
}

.default-option {
    display: none;
}

.language-form-wrapper {
    margin-bottom: 0;
    display: flex;
    justify-content: flex-start;
}

.parse-select {
    position: relative;
    bottom: 23px;
}

[data-plugin="customselect"] {
    opacity: 0;
    pointer-events: none;
    cursor: default;
    position: relative;
    top: 37px;
    left: 25px;
}

.bootstrap-tagsinput.disabled, .nice-select.disabled {
    background-color: #e9ecef;
    opacity: 1;
}

.nice-select.disabled {
}

[data-plugin="customselect"].d-none {
    display: none !important;
}

.new-skill {
    display: block !important;
    top: 60px;
    margin-top: -22px;
}

.employment-history.hidden,
.education-history.hidden,
.delete-form-icon.hidden {
    display: none;
}

.edit-employment-experience .col-form-label,
.edit-education-experience .col-form-label {
    font-weight: 600;
}

.short-employment-history {
    font-size: 10px;
    padding-bottom: 30px;
}

.short-employment-history thead th {
    border-top: none;
}

.short-employment-history .js-scroll-link {
    cursor: pointer;
}

.short-employment-history .employment-history-wrapper.hidden .export-history-row-job-description,
.short-employment-history .employment-history-wrapper.hidden .export-history-row-skills {
    display: none;
}

.employment-history-wrapper .form-control.date[readonly],
.education-history-wrapper .form-control.date[readonly] {
    text-align: left;
}

.employment-history-wrapper .form-control.date,
.education-history-wrapper .form-control.date {
    text-align: center;
    cursor: pointer;
}

.employment-history-wrapper .form-control.end-date,
.education-history-wrapper .form-control.end-date {
    cursor: pointer;
}

.employment-history-wrapper .form-group .input-wrapper:after,
.education-history-wrapper .form-group .input-wrapper:after {
    content: '';
    display: block;
    margin: auto;
    height: 1px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.employment-history-wrapper .form-group .mdi-close-circle,
.education-history-wrapper .form-group .mdi-close-circle,
.export-history-wrapper .form-group .mdi-close-circle {
    display: none;
}

.employment-history-wrapper .form-group.is-edit .input-wrapper:after,
.education-history-wrapper .form-group.is-edit .input-wrapper:after,
.export-history-wrapper .form-group.is-edit .input-wrapper:after {
    width: 100%;
    background: #bab9b7;
}

.employment-history-wrapper .form-group.is-edit .mdi-square-edit-outline,
.education-history-wrapper .form-group.is-edit .mdi-square-edit-outline,
.export-history-wrapper .form-group.is-edit .mdi-square-edit-outline {
    display: none;
}

.employment-history-wrapper .form-group.is-edit .mdi-close-circle,
.education-history-wrapper .form-group.is-edit .mdi-close-circle,
.export-history-wrapper .form-group.is-edit .mdi-close-circle {
    display: block;
}

.employment-history-wrapper .form-group.is-edit input,
.education-history-wrapper .form-group.is-edit input,
.export-history-wrapper.form-group.is-edit input {
    color: #000000;
    border: none;
    height: 34px;
}

.employment-history-wrapper .form-group.is-edit .date,
.education-history-wrapper .form-group.is-edit .date,
.export-history-wrapper .form-group.is-edit .date {
    text-align: left;
}

.employment-history-wrapper .form-group .date-divider,
.education-history-wrapper .form-group .date-divider,
.export-history-wrapper .form-group .date-divider {
    position: relative;
    top: 6px;
}

.employment-history-wrapper .form-group .end-date-wrapper,
.education-history-wrapper .form-group .end-date-wrapper,
.export-history-wrapper .form-group .end-date-wrapper {
    /*position: relative;*/
    /*left: -70px;*/
}

select.edit-main-window-fast-input option {
    font-family: sans-serif;
}

.employment-history-wrapper .form-group.date-group .js-edit-experience-data,
.education-history-wrapper .form-group.date-group .js-edit-experience-data {
    position: absolute;
    right: 51px;
    bottom: 16px;
}

.employment-history-wrapper .form-group.is-edit.date-group .js-edit-experience-data,
.education-history-wrapper .form-group.is-edit.date-group .js-edit-experience-data,
.export-history-wrapper .form-group.is-edit.date-group .js-edit-experience-data {
    position: absolute;
    right: 51px;
}

.employment-history-wrapper .form-group.is-edit .date-divider,
.education-history-wrapper .form-group.is-edit .date-divider {
    top: 6px;
}

.short-employment-history tbody tr:hover {
    background-color: #f7f7f7;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.collapse-button {
    text-align: right;
}

.replace-select {
    max-width: max-content;
    color: #ffffff;
    background: #ff6b65 !important;
    border: 2px solid #ff6b65 !important;
    border-radius: 5px !important;
}

.replace-select ul {
    width: fit-content;
}

.replace-select ul {
    color: #8e99a2;
}

.replace-select:after {
    border-color: #fff;
}

.replace-parse {
    background: #69bcbb;
    border-color: #69bcbb;
}

.lang-select.wide .list {
    width: min-content;
}

.employment-history, .education-history {
    background-color: #ffffff;
    color: #000000;
}

.education-history label {
    min-width: fit-content;
}

.employment-history input.form-control[readonly],
.education-history input.form-control[readonly],
.export-history-wrapper input.form-control[readonly] {
    background-color: transparent;
    border: none;
    color: #000000;
}

.employment-history.new,
.education-history.new {
    border-top: 1px solid #ff6b65;
}

.employment-history,
.education-history {
    border: 1px solid #b4b4b4;
    padding: 15px;
    margin-bottom: 30px;
}

.experience-textarea {
    border-color: #b4b4b4;
}

.is-invalid {
    border: 1px solid red !important;
}

.note-editable {
    min-height: 300px;
    font-family: 'Barlow';
    font-weight: 600 !important;
    color: #000000;
}

.stage-box {
    background-color: #ff6b65;
    border-radius: 5px;
    color: #ffffff;
    padding: 3px;
    width: 40px;
    margin: auto;
}

.note-editable {
    font-weight: 400;
}

#step-10 .note-editor {
    width: 100%;
}

.note-placeholder {
    font-weight: 400;
}

.education-history .col-action i, .employment-history .col-action i {
    top: 0;
    left: 13px;
}

.email-button {
    text-align: center;
    margin-bottom: 15px;
}

.parse-form-body #basic-datatable_wrapper .row:last-of-type {
    display: none;
}

.doc-content-container {
    height: 0;
    padding-left: 30px;
}

.doc-content-wrapper {
    display: initial;
}

.doc-content-wrapper p {
    margin-left: 0 !important;
}

.history-col {
    display: inline-block;
    width: 180px;
    text-overflow: ellipsis;
    font-size: 14px;
}

.short-content.history-col {
    overflow: hidden !important;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}

.missing-email {
    display: block;
    width: 250px;
}

.js-send-assign-email-form {
    max-height: 36px;
}

.isa_info {
    margin: 10px 0;
    padding: 12px;
    color: #002a50;
    background-color: #BDE5F8;
    border-radius: 10px;
}

#custom-tags-droppable-container,
.mandatory-qualifications-droppable-container,
.useful-qualifications-droppable-container {
    height: 100%;
    padding: 20px;
}

#custom-tags-droppable-container .tag-button {
    cursor: auto;
    margin-left: auto;
    margin-right: auto;
}

#custom-tags-droppable-container.ui-droppable-active,
.mandatory-qualifications-droppable-container.ui-droppable-active,
.useful-qualifications-droppable-container.ui-droppable-active,
.recipients-droppable-container.ui-droppable-active,
.recruiters-droppable-container.ui-droppable-active,
.export-history-row-skills.ui-droppable-active,
.languages-droppable-container.ui-droppable-active {
    position: relative;
    opacity: 0.8;
    transition: background-color 1s ease-out;
}

.drop-container.ui-droppable-active {
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(65, 171, 196, 1) 100%) !important;
}

.drop-container img,
.drop-container h4 {
    opacity: 1;
}

.drop-container.ui-droppable-hover img,
.drop-container.ui-droppable-hover h4 {
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

.export-history-row-skills .drop-text-information {
    display: block;
    color: #3c3c3c;
    font-weight: 600;
    width: 100%;
    margin-bottom: 0;
    opacity: 0.5;
    margin-top: 15px;
    font-size: 12px;
    position: absolute;
    bottom: 2px;
    left: 15px;
}

.export-history-row-skills .drop-text-information .count-of-promoted {
    color: #ff6b65;
    font-weight: 600;
    font-style: italic;
}

#custom-tags-droppable-container.ui-droppable-active .tag-button {
    opacity: 0.1;
    transition: opacity 100ms ease-in;
}

.box-uploading {
    display: none;
}

.js-edit-experience-data.slow-edit {
    right: 7px;
}

.js-edit-experience-data.cell-position {
    right: 0;
    bottom: 0;
}

.custom-tags-droppable-container.ui-droppable-active .box-uploading,
.mandatory-qualifications-droppable-container.ui-droppable-active .box-uploading,
.useful-qualifications-droppable-container.ui-droppable-active .box-uploading,
.recipients-droppable-container.ui-droppable-active .box-uploading,
.recruiters-droppable-container.ui-droppable-active .box-uploading {
    display: block;
    position: absolute;
    color: #000;
    font-weight: 700;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}

#custom-tags-droppable-container.ui-droppable-hover,
.mandatory-qualifications-droppable-container.ui-droppable-hover,
.useful-qualifications-droppable-container.ui-droppable-hover,
.recipients-droppable-container.ui-droppable-hover,
.recruiters-droppable-container.ui-droppable-hover,
.droppable-old-skills-container.ui-droppable-hover {
    background-color: rgba(235, 235, 235, 0.6);
    position: relative;
}

.box-loader {
    display: none;
}

.box-loader img {
    width: 150px;
    height: 150px;
}

.box-loader.show {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.is-loading {
    background-color: rgba(235, 235, 235, 0.6);
    border-radius: 10px;
    position: relative;
}

.is-loading .tag-button {
    opacity: 0.1;
}

.parse-card .tag-button {
    width: max-content;
    margin-bottom: 2px;
    margin-right: 3px !important;
}

.add-experience-property, .add-start-date-property {
    color: #ff6b65;
    cursor: pointer;
}

.categories-container {
    display: block;
    height: fit-content;
}

.categories-container .tag-button {
    position: relative;
    width: max-content;
    display: inline-flex;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    align-items: center;
    cursor: url(../media/images/drag.png), auto;
    border-color: #bababa;
}

#invalid-category,
#invalid-milestone,
.already-exist-milestone-info,
.internal-server-error {
    display: none;
}

#invalid-category.show,
#invalid-milestone.show,
.already-exist-milestone-info.show,
.internal-server-error.show {
    display: block;
    color: red;
    font-size: 12px;
    font-weight: 700;
}

.date-sort {
    position: relative;
    display: flex;
    align-items: center;
    top: 15px;
}

#toggle_milestones {
    width: 18px;
}

.milestone {
    background: #ff6b65;
    width: fit-content;
    padding: 5px;
    height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    color: #ffffff;
    white-space: nowrap;
}

.js-rating {
    width: 30px;
    height: 30px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    cursor: pointer;
}

.js-rating.selected {
    background: #ff6b65;
    color: #ffffff;
}

.rating.red,
.js-rating.red {
    background: rgba(255, 0, 0, 0.56);
}

.rating.yellow,
.js-rating.yellow {
    background: rgba(255, 255, 0, 0.47);
}

.rating.green,
.js-rating.green {
    background: #00800096;
}

#return-to-top {
    z-index: 4;
    position: fixed;
    left: 50%;
    bottom: 70px;
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.absolute-navigation {
    margin-left: 35px;
    margin-bottom: 45px;
}

.nice-button {
    color: #fff;
    background-color: #92afb9 !important;
    border: unset;
    border-radius: unset;
    min-height: 40px;
}

.nav-button {
    color: #4a4a4a;
    background: #b4b4b4;
    border: none;
}

.nav-button.open {
    color: #4a4a4a;
}

.nav-button span {
    color: #ffffff;
}

.nav-button::after {
    border-color: #ffffff;
}

.nav-button:focus {
    background: #92afb9 !important;
}

.nice-button::placeholder {
    color: #ffffff;
}

.nice-button:focus {
    color: #ffffff;
    background-color: #92afb9 !important;
}

.nice-button:focus::placeholder {
    color: transparent;
}

.nice-button .list {
    background-color: #92afb9;
}

.nav-tabs {
    border-bottom: unset;
}

.avatar-container {
    position: relative;
}

.checkout-table {

}

.avatar-container .brush-stroke {
    padding-top: 0;
    position: relative;
    right: 2px;
    bottom: 3px;
}

.avatar-container.account-avatar-container .brush-stroke {
    right: 7px;
    bottom: 7px;
}

.avatar-container.account-avatar-container .brush-stroke img {
    width: 135px;
    height: 135px;
}

.avatar-container .brush-stroke img {
    width: 44px;
    height: 45px;
}

.avatar-zone {
    width: 200px;
    background-color: #CCCCCC;
}

.avatar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.overlay-layer {
    width: auto;
    height: 30px;
    position: relative;
    margin-top: -30px;
    z-index: 0;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    color: #FFFFFF;
    line-height: 29px;
    border-color: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
    top: 30px;
    font-weight: normal;
}

.overlay-layer-blue {
    cursor: pointer;
    width: 230px;
    height: 35px;
    position: relative;
    margin-top: 15px;
    z-index: 0;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    color: #FFFFFF;
    line-height: 29px;
    border-color: #41ABC4;
    background: #41ABC4;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-layer.disabled {
    opacity: .6;
}

.btn-upload {
    position: absolute;
    width: inherit;
    height: 30px;
    z-index: 272;
    opacity: 0;
    cursor: pointer;
    right: 0;
}

.btn-upload:disabled {
    cursor: not-allowed;
}

.butt.tadam {
    transition: opacity .5s ease-out;
    opacity: 1;
    align-self: center;
    border-radius: 10px;
}

.tadam button {
    border-radius: 5px;
    height: 30px;
    line-height: 12px;
    font-size: 16px;
}

.tadam.hide {
    opacity: 0;
}

.tadam.hide button {
    display: none;
}

.filename {
    transition: opacity .5s ease-out;
    opacity: 1;
}

.filename.hide {
    opacity: 0;
}

.nice-select {
    font-weight: 600;
}

.nice-select.nice-button .option.focus, .nice-select.nice-button .option:hover {
    background-color: #6d8791;
}

.nice-select.table-select {
    border: unset;
}

input.nice-button:-webkit-autofill,
input.nice-button:-webkit-autofill:hover,
input.nice-button:-webkit-autofill:focus,
input.nav-button {
    -webkit-text-fill-color: #EDEDED;
    transition: background-color 5000s ease-in-out 0s;
}

.nice-button::after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}

.filter-button {
    border-color: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
}

.filter-button:hover {
    border-color: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
}

.filter-button-blue {
    border-color: #41ABC4;
    background: #41ABC4;
}

.filter-button-blue:hover {
    border-color: #2699b2;
    background: #2699b2;
    color: #FFFFFF;
}

.filter-button-grey {
    border-color: #BABABA;
    background: #BABABA;
}

.filter-button-grey:hover {
    border-color: #2699b2;
    background: #2699b2;
}

.close-edit-modal:before, .close-edit-modal:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}

.close-edit-modal.not-experience:before, .close-edit-modal.not-experience:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 21px;
    width: 2px;
    background-color: #333;
}

.close-edit-modal {
    color: #3C3C3C;
}

.close-edit-modal:before {
    transform: rotate(45deg);
}

.close-edit-modal:after {
    transform: rotate(-45deg);
}

.grey-button {
    background-color: #6b6b6b;
    border-color: #6b6b6b;
}

.gold-button {
    background-color: #aa916a !important;
    border-color: #aa916a;
}

.gold-button:hover {
    background-color: #a08c6c;
    border-color: #a08c6c;
}

.gold-button.pseudo-element-relation {
    position: relative;
    right: -1px;
    width: 32px;
}

.language-button {
    cursor: move;
    background: transparent;
}

.language-button:focus {
    box-shadow: none;
}

.share-form-url-wrapper {
    display: none;
}

.share-form-url-wrapper.show {
    display: block;
}

.alphabetic-tags-wrapper {
    margin-bottom: 5px;
}

.rows-container.hidden {
    display: none;
}

.border-top-none th {
    border-top: none;
}

.alphabetic-row {
    display: -webkit-box;
    margin-bottom: 10px;
}

.alphabetic-row.hidden {
    display: none !important;
}

.alphabetic-row:first-of-type {
    padding-top: 5px;
}

.alphabetic-row:last-of-type {
    border-bottom: none;
}

.alphabetic-char {
    position: absolute;
    right: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 10px 0 0;
    width: 25px;
}

.alphabetic-char.score-char {
    position: relative;
    right: 0;
    left: 15px;
    padding: 0;
    width: auto;
    background: #343433;
    color: #ffffff;
}

/* END PARSER styles*/

/* start LOADER styles*/
.loader-container {
    position: fixed;
}

.loader-container.show {
    display: block;
    position: fixed;
    z-index: 1999;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.loader-container.show .loader-wrapper {
    position: absolute;
    z-index: 101;
    color: #fff;
    font-size: 16px;
    width: 130px;
    height: 130px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
/* check loader.blade.php
.loader-container.show .loader-wrapper:after {
    width: 45px;
    content: " ";
    position: absolute;
    height: 75px;
    background: url(../media/images/di_logo_icon.svg) no-repeat;
    z-index: 1;
    top: -10px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
*/
.loader-container.show .loader-wrapper img {
    position: relative;
}

.loader-container.show .loader {
    border: 10px solid #a08c6c30;
    border-radius: 50%;
    border-top: 10px solid #a08c6c;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    background: #f3f3f3;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* END LOADER styles*/

/* start LOADER styles*/
.js-invitation-email {
    display: none;
}

.js-invitation-email.show {
    display: block;
}

/* end LOADER styles*/

/* start CONFIGURE FORMATTING styles*/
.configure-formatting #cke_summary-ckeditor {
    margin-bottom: 40px;
}

.configure-formatting .btn {
    /*margin-bottom: 5px;*/
}

.configure-formatting .group-logo-wrapper {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.configure-formatting .group-logo {
    height: 70px;
    border: 1px solid #ebebeb;
}

.configure-formatting .footer-content {
    display: none;
}

.configure-formatting .footer-content.show {
    display: block;
}

.configure-formatting .profile-verification {
    display: block;
}

.renew-package-icon {
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.tadam.hidden {
    visibility: hidden;
}

.avatar-logo {
    width: 80px;
    height: 80px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    margin-right: 40px;
}

.preview-logo {
    cursor: pointer;
}

.active-share {
    background: #aaffaa8c !important;
    transition: background-color 3s ease-out;
}

.tag-button {
    width: fit-content;
    font-size: 12px;
    margin-right: -1px;
    height: 30px;
    display: flex;
    align-items: center;
    margin-top: 1px;
    margin-right: 2px;
    padding-left: 10px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #666666;
}

.tag-button.ui-draggable-helper {
    transform: rotate(-20deg);
    cursor: url(../media/images/drag.png), auto;
}

.tag-button-container.ready-to-assign .tag-button.job-tag-button,
.tag-button-container.ready-to-assign-organization .tag-button.organization-button,
.tag-button-container.ready-to-assign .left-pseudo-element {
    border-color: #41ABC4;
}

.tag-button-container.ready-to-assign:hover .tag-button.job-tag-button,
.tag-button-container.ready-to-assign-organization:hover .tag-button.organization-button,
.tag-button-container.ready-to-assign:hover .left-pseudo-element {
    border-color: #aa916a;
}

.tag-button-container.ready-to-assign .pseudo-element,
.tag-button-container.ready-to-assign-organization .pseudo-element {
    background-color: #41ABC4;
}

.tag-button-container.ready-to-assign:hover .pseudo-element,
.tag-button-container.ready-to-assign-organization:hover .pseudo-element {
    background-color: #aa916a;
}

.tag-button-container.ready-to-assign .left-pseudo-element .switch-disappear {
    color: #41ABC4;
}

.tag-button-container.ready-to-assign:hover .left-pseudo-element .switch-disappear {
    color: #aa916a;
}

.tag-button-container.ready-to-assign,
.tag-button-container.ready-to-assign-organization {
    cursor: copy;
}

.champion-button, .organization-button {
    cursor: move;
}

.tag-button.region-button {
    /*padding-right: 20px;*/
}

.main-region-button.hidden {
    display: none;
}

.history-wrapper .tag-button {
    position: relative;
}

.companies-container {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.companies-container.show {
    visibility: visible;
    opacity: 1;
    position: absolute;
    right: 220px;
    background-color: #dedede;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.company-already-dropped {
    color: #ff6b65;
    display: none;
}

.company-already-dropped.show {
    display: block;
}

.history-wrapper.dropped-items .tag-button .js-delete-tag {
    display: none;
}

.history-wrapper.is-edit .drop-container .promoted-star-container {
    display: none;
}

.history-wrapper.dropped-items .tag-button.collapsed-option::before {
    cursor: pointer;
}

.history-wrapper.dropped-items .tag-button.collapsed-option::after {
    width: 70px;
    left: 67px;
}

.history-wrapper.dropped-items .tag-button.collapsed-option {
    /*padding-right: 100px !important;*/
    /*margin-right: 60px !important;*/
}

.history-wrapper.dropped-items .tag-button.is-promoted {
    border-color: #a08c6c;
}

.history-wrapper.dropped-items .tag-button.is-promoted:after {
    background-color: #a08c6c;
}

.history-wrapper.dropped-items .tag-button.collapsed-option .pseudo-element.promoted-without-star {
    width: 45px !important;
}

.history-wrapper .dropped-items .tag-button.collapsed-option .pseudo-element {
    width: 45px !important;
}

.history-wrapper .dropped-items .tag-button.collapsed-option .js-delete-tag {
    color: #ffffff;
    display: block;
    position: absolute;
    font-size: 16px;
    z-index: 100;
    right: 7px;
}

.history-wrapper .dropped-items .tag-button.collapsed-option .promoted-star {
    color: #ffffff;
    display: block;
    position: relative;
    right: 15px;
    top: 0;
}

.tag-button.is-promoted .promoted-star {
    background: #a08c6c;
    border: 1px solid #a08c6c;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 10px 15px 10px;
}

td {
    box-sizing: content-box;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #31b131;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #d33333;
}

.history-wrapper .dropped-items .tag-button.collapsed-option .promoted-star:before {
    top: 0;
    left: 1px;
}

.history-wrapper .dropped-items .tag-button.collapsed-option .promoted-star.hidden {
    display: none;
}

.history-wrapper .dropped-items .tag-button.collapsed-option .promoted-star-container {
    display: block;
    position: absolute;
    right: 5px;
    z-index: 10;
}

.history-wrapper .dropped-items .tag-button.collapsed-option .pseudo-element {
    right: 8px;
}

.history-wrapper .dropped-items .tag-button.is-promoted .pseudo-element {
    background-color: #a08c6c;
}

.left-pseudo-element {
    width: 15px;
    text-align: center;
    border-right: 1px solid #000000;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    height: 30px;
    top: 1px;
}

.left-pseudo-element.disappeared {
    background-color: #a08c6c;
    border: 1px solid #a08c6c;
    color: #FFFFFF;
}

.pseudo-element {
    width: 15px;
    height: inherit;
    right: 0;
    z-index: 4;
    cursor: pointer;
    background-color: #707070;
    margin-left: 25px;
}

.pseudo-element-custom {
    width: 27px;
    height: inherit;
    right: 0;
    z-index: 4;
    cursor: pointer;
    background-color: #8b8b8b;
    margin-left: 25px;
    text-align: center;
    cursor: url(../media/images/drag.png), auto;
}

.pseudo-element-custom .internal-element{
    position: relative;
    top: 5px;
    background: url(../../../media/images/cross-white.svg) no-repeat;
}

.pseudo-element-custom .trash-bin{
    background: url('../media/images/trash-basket-white.svg') no-repeat;
    width: 14px;
    height: 21px;
    top: 3px;   
}

.pseudo-element.gold {
    background-color: #aa916a;
}

.pseudo-element.finder-pseudo-element {
    width: 45px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pseudo-element .detach-skill,
.pseudo-element .detach-skill-replacement {
    font-size: 14px;
    color: #ff6b65;
    top: 5px;
    left: 0;
}

.is-promoted .is-synonym {
    position: relative;
    right: 0;
}

.is-synonym {
    position: absolute;
    right: 19px;
}

.pseudo-element i {
    font-size: 24px;
    color: #ffffff;
    position: relative;
    bottom: 3px;
    right: 4px;
}

.pseudo-element .dropdown-item i {
    color: #707070;
}

.experience-in-months {
    color: #707070;
    font-family: 'Barlow', sans-serif;
}

.tag-button.is-promoted {
    padding-right: 15px;
    border-color: #aa916a;
}

.company-button {
    cursor: grab;
}

.promoted-tag {
    padding: 5px;
    height: fit-content;
    cursor: move;
}

.tag-button.dropdown-toggle::after {
    margin-left: 15px;
}

.tag-button.dropdown-toggle .dropdown-menu {
    z-index: 1;
}

.tag-button.more-less-hidden {
    display: none !important;
}

.tag-button.show-on-search {
    display: inline-flex !important;
}

.tag-button.hidden {
    display: none !important;
}

.tag-button.not-verify {
    background-color: #D2EBF1;
}

.tag-button.old-skill {
    background-color: #ff958e;
}

.tag-button-container .pseudo-element {
    height: 30px;
    top: 1px;
    position: relative;
    margin-left: 7px;
}

.tag-button-container .organization-button .pseudo-element {
    top: 0;
    margin-left: 20px;
}

.tag-button-container.none-important {
    display: none !important;
}

.activity-search {
    right: -110px;
}

#activity-table-wrapper {
    padding: 10px 50px 10px 40px;
    background: #ededed
}

.tag-button-container .tag-button {
    margin-right: 15px;
    border-color: #bababa;
}

#skill-profile-wrapper {
    width: 95%;
    float: right
}

#switch-visibility-wrapper {
    margin-left: 170px;
    margin-bottom: 55px;
    position: relative;
}

.tag-button-container.no-content .skillboard-button:after {
    content: none;
}

.no-after::after {
    content: none !important;
}

.legend div.box {
    width: 15px;
    height: 10px;
}

.legend.legend-not-verify .box {
    background-color: #69bcbb;
}

.legend.legend-old-skill .box {
    background-color: #ff958e;
}

.legend.legend-custom-skill .box {
    background-color: lightgrey;
}

.skillboard-button {
    z-index: 1;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 25px;
}

.skillboard-button.promoted-border {
    border-color: #aa916a;
}

.skillboard-button .pseudo-element {
    z-index: 4;
    top: -1px;
    right: 0;
    position: absolute;
}

.organization-button {
    width: max-content;
    z-index: 1;
    cursor: pointer;
    padding-left: 10px;
}

.tag-remove::after {
    content: "×";
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 13px;
    padding: 0 4px;
    margin-left: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.tag-remove:hover:after {
    background-color: rgba(0, 0, 0, 0.62)
}

.tag-edit,
.accept-tag {
    cursor: pointer;
}

.bootstrap-tagsinput.is-invalid {
    border-color: red;
}

.invalid-feedback-categories {
    color: red;;
    font-size: 11px;
}

.invalid-feedback {
    /*position: absolute;*/
    /*top: 65px;*/
    /*z-index: 1;*/
}

.nav-tabs .nav-item {
    min-width: 115px;
    text-align: center;
}

.configure-formatting-tabs .nav-item {
    min-width: 150px;
}

.nav-tabs .nav-item:last-of-type {
    padding-right: 20px;
}

.nav-item-doc-preview {
    align-self: center;
}

.nav-item-doc-preview a {
    align-self: center;
    padding-left: 20px;
    background-color: #aa916a;
    color: #ffffff;
    margin-left: 20px;
}

.nav-item-doc-preview a:hover {
    color: #ffffff;
}

.custom-nav .nav-item .nav-link {
    cursor: pointer;
    color: #4a4a4a;
    padding: 20px 15px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
}

.custom-nav .nav-link:not(.checkout-item):hover, .custom-nav .nav-item:not(.checkout-item):hover {
    /*background-color: #45403d;*/
    /*color: #ff6b65;*/
    /*color: #ff6b65;*/
    /*border-bottom: 1px solid #45403d;*/
}

.custom-nav .nav-item.has-submenu .submenu {
    overflow: hidden;
    max-height: 0;
}

.custom-nav .nav-item.has-submenu:hover .nav-link,
.custom-nav .nav-item.has-submenu:hover .submenu li > a {
    color: #ff6b65;
    border-bottom: none;
    padding-bottom: 5px;
}

.custom-nav .nav-item.has-submenu:hover .nav-link.active {
    padding-bottom: 15px;
}

.custom-nav .nav-item.has-submenu .submenu li {
    padding-left: 20px;
    padding-bottom: 15px;
}

.custom-nav .nav-item.has-submenu .submenu li {
    padding-top: 15px;
}

.custom-nav .nav-item.has-submenu .submenu li > a {
    font-size: 13px;
}

.custom-nav .nav-item.has-submenu:hover .submenu li > a:hover {
    font-weight: bold;
}

.custom-nav .nav-item.has-submenu:hover .submenu {
    display: block;
    max-height: 200px;
}

.custom-nav .nav-item.has-submenu:hover .submenu li {
    padding-top: 15px;
}

.admin-nav .mainmenu .nav-link {
    cursor: pointer;
    padding: 20px 15px;
    border-radius: 0;
    border-right: 1px solid #ebebeb;
}

.admin-nav .mainmenu .nav-link a {
    color: #4a4a4a;
}

.admin-nav .mainmenu .nav-link:hover a,
.admin-nav .mainmenu .nav-link.active a {
    color: #ff6b65;
}

.admin-nav .mainmenu .nav-link .submenu a {
    padding-left: 0;
}

.admin-nav .mainmenu .nav-link:hover .submenu a {
    padding-left: 0;
}

.admin-nav .mainmenu, .submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: none;
}

.admin-nav .submenu a {
    color: #ff6b65;
    padding-left: 30px;
}

.admin-nav .submenu a:hover {
    color: #ff6b65;
    font-weight: bold;
}

/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

.admin-nav .mainmenu li .submenu {
    text-align: center;
}

.admin-nav .mainmenu li:hover .submenu {
    display: block;
    max-height: 200px;
    text-align: center;
}

.admin-nav .submenu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
}

.custom-nav .nav-item .nav-link {
    text-align: left;
}

.custom-nav .nav-item:first-of-type .nav-link:not(.checkout-item):hover, .custom-nav .nav-item:first-of-type .nav-link.active {
    border-top-left-radius: 5px;
}

.custom-nav .nav-item:last-of-type .nav-link:not(.checkout-item):hover, .custom-nav .nav-item:last-of-type .nav-link.active {
    border-bottom-left-radius: 5px;
}

.custom-nav .nav-link.active {
    position: relative;
    background: #45403d;;
    color: #ff6b65;
    font-weight: bold;
    border-top: none;
    border-bottom: none;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .3);
}

.custom-nav .nav-link.active {
    border: none;
}

.custom-nav .nav-link.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 30%;
    width: 0;
    height: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #45403d;
    clear: both;
}

/* end CONFIGURE FORMATTING styles*/

/* start POOL  styles*/
.error-icon-wrapper {
    position: relative;
    right: 15px;
    bottom: 8px;
    display: inline-block
}

.lds-dual-ring.has-error .error-icon-wrapper {
    right: 15px;
    bottom: 5px;
}

.lds-dual-ring.has-warning .error-icon-wrapper {
    right: 39px;
}

.lds-dual-ring .dual-ring {
    visibility: unset;
    display: inline-block;
    z-index: 1;
    width: 25px;
    height: 25px;
    position: relative;
    top: 1px;
    left: 13px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-color: #6cc0c8 transparent #6cc0c8 transparent;
    animation: lds-dual-ring 1s linear infinite;
}

.lds-dual-ring.has-error .dual-ring,
.lds-dual-ring.has-warning .dual-ring {
    z-index: 0;
    visibility: hidden;
}

.lds-dual-ring .error-processing-icon,
.lds-dual-ring .warning-processing-icon {
    visibility: hidden;
    z-index: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-name: bounce;
    -moz-animation-name: bounce;
}

.lds-dual-ring.has-error .error-processing-icon,
.lds-dual-ring.has-warning .warning-processing-icon {
    z-index: 1;
    visibility: unset;
    width: 30px;
    height: 30px;
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.js-show-processing-profiles .dual-ring {
    left: 0;
    border-color: #fff transparent #fff transparent;
}

.js-show-processing-profiles.hide {
    display: none;
}

.delete-unprocessed-profiles {
    display: none;
}

.delete-unprocessed-profiles.show {
    display: block;
}

.expanded-export-history {
    display: none;
}

.expanded-export-history.show {
    display: table-row;
}

.export-history-wrapper .tag-button.is-promoted {
    margin-right: 32px !important;
}

.export-history-wrapper .tag-button.is-promoted .promoted-star:before {
    top: 2px;
    left: 4px;
}

.export-history-wrapper .export-history-table .export-history-container {
    display: table-row;
}

.export-history-wrapper .export-history-table .export-history-container .export-history-row {
    border-bottom: 1px solid #ebebeb;
}

.export-history-wrapper .export-history-table .export-history-container .export-history-row:nth-child(2n) {
    background: #f7f7f7;
}

.export-history-wrapper .export-history-table .export-history-row .history-head {
    height: 30px;
}

.export-history-wrapper .export-history-table .export-history-row .history-col {
    display: table-cell;
    text-align: center;
    padding-top: 7px;
    font-size: 12px;
}

.except-collapsed {
    cursor: auto;
}

.mobile-export-history {
    display: none;
}

.numberCircle {
    position: relative;
    border-radius: 5px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 18px Arial, sans-serif;
    cursor: pointer;
    font-size: 16px;
    width: 30px;
    height: 30px;
}

.tooltip {
    z-index: 1050;
    padding: 5px;
}

.tooltip .tooltip-inner {
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .3rem;
    color: #212529;
    min-width: max-content;
    text-align: left;
}

.tooltip .arrow::before {
    border: none;
}

.pool-searcher {
    height: 38px;
    background: #92afb9 !important;
    color: #fff !important;
}

.pool-searcher-label {
    margin-top: -22px;
}

.show-employment-history {
    text-align: right;
    padding-right: 15px;
}

.formatting-options-wrapper {
    width: auto;
    padding: 15px 15px 15px 0;
    border: 1px solid #ebebeb;
    border-radius: 10px;
}

.isa_info {
    display: none;
}

.isa_info.show {
    display: block;
}

/* end POOL styles*/

/* start CHECKOUT PROCESS  styles*/
.checkout-process-table th {
    border-top: none;
}

.form-verify {
    width: 40%;
}

.checkout-process-table {
    border-color: #f7f7f7 !important;
}

.checkout-process-table .row:last-of-type {
    display: none;
}

.btn-default {
    color: #4b4b4b;
}

.btn-red {
    background-color: #ff6b65;
}

.btn-process {
    height: 32px;
    padding-top: 5px;
}

.service-plan-wrapper .plan-list {
    padding-left: 10px;
}

.service-plan-wrapper .plan-list li {
    padding: 10px 0;
    list-style: none;
    font-size: 18px;
}

.plan-list-element-value {
    padding-left: 20px;
    text-transform: capitalize;
}

.checkout-modal-dialog {
    max-width: 90%;
}

.checkout-modal-content {
    min-height: 490px;
}

.checkout-modal-content .modal-header {
    border-bottom: none;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #00acc1;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #00acc1;
}

.sw-btn-group {
    position: relative;
    bottom: 60px;
    right: 85px;
}

table td.checkout-process-cell {
    vertical-align: top;
}

.price-switcher {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-left: -15px;
}

.price-switcher .price-switch {
    display: inline-block;
    color: #fff;
    background: #ff6b65;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    margin-left: 0.9rem;
}

.price-switcher .price-switch.active {
    text-decoration: underline;
    background: #e0352e;
}

.price .sup {
    vertical-align: super;
    font-size: 0.55rem;
    font-weight: 400;
    border-bottom: 1px solid #4a4a4a;
    margin-left: 0.1875rem;
}

/* end  CHECKOUT PROCESS styles*/

.in-parsing .custom-control-label {
    margin-bottom: 0;
}

td.in-parsing {
    position: relative;
}

td div.loader {
    position: relative;
    right: -5px;
    background: url(data:image/gif;base64,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) no-repeat center;
    background-size: 32px 32px;
    width: 40px;
    height: 35px;
}

/* Highlight styles */
.js-highlight {
    background: #aaffaa;
}

.document-fixed {
    position: fixed;
    top: 0;
    padding-right: 15px;
    padding-left: 75px;
    right: 0;
    z-index: 1;
}

.document-fixed.tags-container {
    overflow-y: scroll;
    height: 90%;
}

.document-fixed documentHtml {
    min-height: 890px;
}

.form-block {
    display: block;
    z-index: 2;
}

.less-document {
    min-height: 650px;
}

.own-element {
    border-color: #636a71;
}

.own-element:focus {
    border-color: #636a71;
}

.own-element:hover {
    border-color: #636a71;
}

.is-required {
    border-color: red;
}

.is-required:focus {
    border-color: red;
}

/* end Highlight styles */

/* start Difference styles */
.has-difference {
    background-color: #aaffaa8c;
    color: #000;
    border-color: #757575;
}

.has-difference:focus {
    background-color: #aaffaa8c;
}

.has-difference ul > li {
    color: #b1bbc4;
}

/* end Difference styles */

/* end Registration styles */

/* start Registration styles */
.register-footer {
    text-align: center;
    font-size: 12px;
}

/* end Registration styles */

/* start Settings styles */
.user-avatar .rounded-circle,
.company-avatar .rounded-circle {
    width: 120px;
}

.user-avatar:hover .overlay,
.company-avatar:hover .overlay {
    opacity: 0.8;
}

.user-avatar.photo-avatar .overlay {
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: unset;
}

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

.user-avatar .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    opacity: 0;
    transition: .3s ease;
    background-color: #ebebeb;
    cursor: pointer;
    z-index: 1;
    left: 0;
    right: 15px;
    margin-left: auto;
    margin-right: auto;
}

#username .user-avatar .overlay {
    left: 80px;
    position: absolute;
    margin-left: 0;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    background-color: #ff6b65;
}

.company-avatar .overlay {
    position: absolute;
    top: 170px;
    bottom: 0;
    left: 66px;
    right: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    opacity: 0;
    transition: .3s ease;
    background-color: #ebebeb;
    cursor: pointer;
    z-index: 1;
}

.datatables-filter-label {
    width: 85%;
}

.datatables-filter-label input {
    padding: .45rem .9rem;
}

.upload-label {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    cursor: pointer;
}

.avatar-image {
    width: 120px;
    border-radius: 50%;
}

/* end Settings styles */

.mobile-card table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
    top: 16px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
    top: 26px !important;;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    word-break: break-all;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

table.dataTable > tbody > tr.child ul.dtr-details > li span.dtr-title {
    min-width: 150px;
}

table.dataTable > tbody > tr.child ul.dtr-details > li span.dtr-data {
    position: relative;
    left: 25px;
}

/* Shared */

.auth {
    color: #636363;
    animation: fadeIn 1.5s;
}

.auth .modal-content {
    border-radius: 5px;
    border: none;
}

.auth .modal-header {
    border-bottom: none;
    position: relative;
    justify-content: center;
    background-color: #262626;
}

.auth h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
}

.form-control {
    font-weight: 600;
    color: #000000;
}

.form-control.hidden {
    display: none;
}

.form-control:disabled {
    color: #999 !important;
}

.static-text {
    width: 100%;
}

.static-text.hidden {
    display: none;
}

.auth .form-control {
    font-weight: 400;
}

.auth .form-control:focus {
    border-color: #70c5c0;
}

.auth label {
    font-size: 13px;
}

.auth .form-control, .modal-login .btn {
    min-height: 40px;
    border-radius: 3px;
}

.auth .modal-footer {
    border-color: #c9dee1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    justify-content: center;
    font-size: 13px;
    color: #000000;
    width: 100%;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.auth .modal-footer a {
    /*color: #575757;*/
}

.auth .avatar {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #60c7c1;
    padding: 15px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.auth .avatar img {
    width: 100%;
}

.auth.modal-dialog {
    margin-top: 80px;
}

.auth .subfooter .footer-link a {
    color: #ffffff;
    font-size: 16px;
    padding-right: 30px;
}

.auth.login .subfooter .footer-link a {
    font-size: 14px;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.loginBtn {
    box-sizing: border-box;
    position: relative;
    margin-top: 10px;
    padding: 0 15px 0 30px;
    border: none;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}

.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}

.loginBtn:focus {
    outline: none;
}

.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);
}

/* Google */
.loginBtnGoogle:before {
    border-right: #d45652 1px solid;
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}

.loginBtnGoogle:hover, .loginBtnGoogle:focus {
    background: #ff6b65;
}

.uploader-container .uploader-container-element-title {
    font-size: 12px;
    font-weight: bold;
}

#progressBar {
    position: relative;
    width: 90%;
    border-radius: 5px;
    height: 30px;
    border-color: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
}

#progressBar div.remaining-progress-bar {
    float: right;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 100%;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #ffffff;
    align-items: center;
    display: flex;
    justify-content: start;
}

#progressBar div.count-of-indexed {
    position: absolute;
    width: 100%;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

#progressBar div span.remaining {
    padding-right: 10px;
}

@media (max-width: 1544px) {
    .circle {
        left: 50px;
    }
}

@media (max-width: 768px) {
    .circle {
        top: 10px;
        left: 0;
    }

    .circle-container {
        text-align: center;
        margin-bottom: 70px;
    }
}

.mdi-chevron-left, .mdi-chevron-right {
    color: #6c757d;
}

.custom-pagination .active, .page-item.active .page-link {
    z-index: 1;
    background: linear-gradient(90deg, rgb(65, 171, 196) 0%, rgb(119, 214, 241) 100%);
    border-color: rgb(65, 171, 196);
}

.custom-pagination .custom-page-link {
    border-radius: 30px !important;
    width: 35px;
    height: 35px;
    padding: 7px 13px;
    margin: 0 2px;
    display: flex;
    justify-content: center;
    color: #ffffff;
}

.custom-pagination .custom-page-link.default:hover {
    background-color: #e9ecef;
    border-color: #e9ecef;
}

.custom-pagination .custom-page-link a {
    width: inherit;
    height: inherit;
    position: absolute;
    bottom: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-pagination .default {
    color: #8e99a2;
    padding: 7px 10px 0 10px;
}

.custom-pagination .default a {
    color: #000000;
}

.custom-pagination .active a {
    color: #fff;
}

.navigation-arrow {
    position: relative;
    top: 7px;
    padding: 0 10px;
}

.multiselect .nice-select::after {
    display: none;
}

.multiselect .nav-button {
    color: #ffffff;
    height: 38px;
    bottom: 0;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    border: 1px #dadada solid;
    left: 15px;
    width: 300px;
    padding-top: 0;
    padding-bottom: 0;
}

#checkboxes.show {
    display: block;
}

#checkboxes .dropdown-divider {
    margin-top: 0;
    border: none;
}

#checkboxes label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 3px 25px;
}

#checkboxes .filter-title {
    padding: 0 0 0 15px;
    background: #ebebeb;
}

#checkboxes .filter-content:last-of-type {
    padding-bottom: 0;
}

#checkboxes .filter-content input {
    margin-right: 10px;
}

#checkboxes .filter-content.checkbox-as-radio input[type="checkbox"] {
    -webkit-appearance: radio; /* Chrome, Safari, Opera */
    -moz-appearance: radio; /* Firefox */
}

#checkboxes label:hover {
    background-color: #f8f9fa;
}

#clear-filters {
    display: none;
    opacity: 0;
}

#clear-filters.show {
    transition: opacity .5s ease-out;
    display: inline-block;
    opacity: 1;
    padding: 8px;
}

a.auto-download {
    color: #00b4d3;
}

a.auto-download.inactive {
    color: #b5b5b5;
}

.close:focus {
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, .5)
}

.mt-200 {
    margin-top: 200px
}

.vacancy-modal .modal-header {
    background-color: #3C3C3C;
    color: #ffffff;
    border-radius: 0;
}

.vacancy-modal .modal-header .modal-title {
    color: #41ABC4;
}

.vacancy-modal .modal-dialog {
    max-width: 90%;
}

.vacancy-modal .sw-main {
    border: none;
    max-height: calc(100vh - 230px);
    min-height: calc(100vh - 230px);
    overflow: auto;
}

.vacancy-modal .sw-main .nav-link {
    border-radius: 0;
    border: unset;
    height: 49px !important;
    min-height: 7px !important;
    padding: 0;
}

.vacancy-modal .sw-main .nav-tabs::before {
    content: unset;
}

.vacancy-modal .sw-main .nav-tabs {
    justify-content: start;
    border-bottom: 2px solid #3C3C3C !important;
}

.vacancy-modal .sw-main .nav-item {
    margin-left: 0;
    max-height: 40px;
    min-width: 165px;
    cursor: pointer;
}

.vacancy-modal .sw-main .nav-item:last-of-type {
    padding-right: 0;
}

.vacancy-modal .sw-main .nav-item.active a {
    color: #41ABC4;
    background: #3C3C3C;
    border: unset;
    -webkit-box-shadow: unset !important;
    max-height: inherit;
    padding: 5px;
}

.vacancy-modal .sw-main .nav-item.active a.active {
    /*background: unset !important;*/
}

.vacancy-modal .sw-main .nav-item.clickable a:hover {
    color: #000000 !important;
}

.vacancy-modal .sw-main .nav-item a {
    max-height: inherit;
    -webkit-box-shadow: unset !important;
    min-width: inherit;
    color: #000000;
    background: transparent;
}

.vacancy-modal .sw-main .nav-item.done a {
    background-color: #f5f5f5;
    border: unset;
    color: #000000;
}

.vacancy-modal .sw-main .nav-item.done a:hover {
    border: unset;
}

.vacancy-modal .sw-main .nav-item a:hover,
.vacancy-modal .sw-main .nav-item.active a:hover {
    border-radius: 0;
    border-color: #3C3C3C;
    color: #41ABC4 !important;
    background: #3C3C3C;
    border: unset;
    -webkit-box-shadow: unset !important;
}

.vacancy-modal .sw-main ul {
    justify-content: center;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.vacancy-modal .sw-main .step-anchor ul li {
    padding-left: 50px !important;
    margin-left: 0 !important;
    font-weight: bold;
}

.vacancy-modal .sw-main ul > li a {
    height: 50px !important;
    min-height: 135px !important;
    width: 135px !important;;
    align-items: center !important;;
    display: flex !important;;
    justify-content: center !important;;
    cursor: unset !important;;
}

.vacancy-modal .sw-main ul > li a.active {
    color: #ffffff !important;
}

.vacancy-modal .sw-main ul > li a:after {
    content: unset;
}

.vacancy-modal .form-group.hidden,
.vacancy-modal .salary-range-wrapper.hidden,
#tabs .form-group.hidden,
#tabs .salary-range-wrapper.hidden {
    display: none;
}

.vacancy-modal .form-group.show,
.vacancy-modal .salary-range-wrapper.show {
    display: flex;
}

.vacancy-wizard textarea {
    border-radius: 5px;
}

.vacancy-wizard .btn.toggle {
    margin-left: 12px;
    min-width: 100px;
    max-width: fit-content;
}

.vacancy-wizard .vacancy-select, .consultant-select, textarea {
    margin-left: 12px;
    max-width: fit-content;
}

.vacancy-select .option {
    padding-left: 25px !important;
    font-weight: bold;
}

#tabs .vacancy-select, textarea {
    margin-left: 12px;
}

.vacancy-reason-select {
    min-width: fit-content;
    margin-left: 12px;
}

.vacancy-select.language-select {
    min-width: 100px;
}

.vacancy-reason-select .list {
    min-width: fit-content;
}

.vacancy-wizard .tab-content {
    height: auto !important;
}

.vacancy-wizard .custom-switch label {
    width: 180px;
}

.vacancy-wizard .col-form-label, #tabs .col-form-label {
    width: 200px;
    justify-content: left;
}

.popover {
    z-index: 100000;
}

.card.extended-contract-type .specific-contract-content {
    display: none;
    border-top: none;
    border-bottom: none;
}

.card.extended-contract-type .specific-contract-content.show {
    display: block;
}

.irs--flat.irs-with-grid {
    width: 100%;
}

.vacancy-wizard .irs--flat .irs-bar,
.vacancy-wizard .irs--flat .irs-from,
.vacancy-wizard .irs--flat .irs-to,
.vacancy-wizard .irs--flat .irs-single,
.vacancy-wizard .irs-handle i {
    background: #41ABC4 !important;
}

.vacancy-wizard .irs--flat .irs-from:before,
.vacancy-wizard .irs--flat .irs-to:before,
.vacancy-wizard .irs--flat .irs-single:before {
    border-top-color: #41ABC4;
}

.visible-qualification-box.tag-button {
    display: inline-flex;
    margin-bottom: 5px;
    padding-left: 18px;
}

.visible-qualification-box.tag-button .js-delete-qualification,
.visible-qualification-box.tag-button .js-delete-recipient,
.visible-qualification-box.tag-button .js-delete-recruiter {
    font-size: 14px;
    bottom: 5px;
    position: absolute;
    right: 0;
    color: #ffffff;
}

mark.custom-smallcaps {
    background-color: rgba(255, 255, 0, 0.45);
    padding: 0;
}

.validation-contract-type-box-error {
    display: none;
    margin-bottom: 15px;
}

.validation-contract-type-box-error.show {
    display: block;
    color: red;
}

#tabs .nav-tabs.setting-nav-tabs .nav-item .nav-link {
    font-size: 16px;
    display: flex;
    align-items: center;
}

#tabs .nav-tabs.setting-nav-tabs .nav-item .nav-link:hover {
    border: none !important;
}

#tabs .nav-tabs .nav-link {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    font-size: 20px;
    color: #000000;
    border: none;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-size: 20px;
}

#tabs .nav-tabs.setting-nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-size: 14px;
    border: none;
    background-color: var(--navbar-main-back-color);
    color: #41ABC4 !important;
    border-radius: 0;
    min-height: 39px;
}

#tabs .nav-tabs.setting-nav-tabs .nav-item.show .nav-link {
    font-size: 16px;
    color: #4a4a4a !important;
}

#tabs .nav-tabs.setting-nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    border-bottom: unset;
    border-radius: 0;
}

#tabs .nav-tabs {
    border-bottom: none;
}

#tabs .nav-tabs.setting-nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #343433;
    border: unset;
}


.assign-candidate, .unassign-candidate {
    background: #ff6b65;
    border-radius: 5px;
    display: inline-flex;
    color: #ffffff;
    padding: 10px;
    cursor: pointer
}

.vacancy-modal .btn-toolbar {
    background: unset !important;
    position: absolute;
    right: 0;
    top: 15px;
}

.btn-toolbar .btn:first-of-type {
    margin-right: 10px;
}

.btn-toolbar .btn {
    box-shadow: unset;
    border-color: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
}

#createVacancyModal .modal-body {
    max-height: calc(100vh - 200px);
    min-height: calc(100vh - 200px);
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 17px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: #428bca;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: #428bca;
    left: 20px;
}

.cloned-flag-button img {
    height: 17px;
    margin-right: 7px;
    position: relative;
    top: 2px;
}

.already-dropped-information-container,
.limit-information-container {
    display: none;
}

.already-dropped-information-container.show,
.limit-information-container.show {
    display: block;
    color: red;
}

.language-dropdown {
    left: -40px !important;
}

.parse-card .list .tag-button {
    width: auto;
    font-size: 12px;
    height: 30px;
    display: flex;
    align-items: center;
    margin-top: 5px;
    padding-left: 10px;
    position: relative;
}

.red-status {
    background-color: #ff6b65;
}

.yellow-status {
    background-color: #d1cc82;
}

.green-status {
    background-color: #6bc1c7;
}

.promoted-star {
    padding-right: .75rem !important;
    font-size: 17px;
    cursor: pointer;
    bottom: 2px;
    z-index: 1;
    position: absolute;
    color: #ffffff;
    height: inherit;
    top: -1px;
    right: -29px;
}

.promoted-star:before {
    position: relative;
    top: 2px;
    left: 4px;
}

.promoted-star.hidden {
    display: none;
}

.tags.fixed-tags {
    float: right;
    padding-left: 75px;
}

.already-exist-tag-info.hidden {
    display: none;
}

.already-exist-tag-info {
    display: block;
    color: red;
    font-size: 12px;
    margin-bottom: 5px;
    position: relative;
    top: -10px;
    text-align: center;
}

.tags.hidden,
#document.hidden {
    display: none;
}

.export-history-row-job-description {
    border: 1px solid #ff6b65;
    font-size: 16px;
}

.export-history-row-skills {
    display: flex;
    align-items: center;
    font-size: 16px;
    border: 1px solid #ededed;
    /* flex-wrap: wrap; */
    min-height: 45px;
}

.export-history-row-skills {
    background: #ffffff;
}

.export-history-row-skills .drop-container,
.export-history-row-skills .drop-container-competence-added,
.export-history-row-skills .dropped-items {
    width: 100%;
    min-height: 45px;
    max-height: 400px;
    overflow-y: auto;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 0;
    height: 155px;
}

.export-history-row-skills .drop-container,
.export-history-row-skills .drop-container-competence-added,
.drop-container-job-tag-best,
.drop-container-job-tag-second-best,
.drop-container-organization-tag,
.drop-container-competencies {
    border: 2px dashed #bababa;
    margin: 10px;
    background: #f7f7f7;
}

.export-history-row-skills .drop-container-competence-added {
    position: absolute;
    top: 0;
    font-style: italic;
    margin: 10px;
    height: 62px;
    background: #ededed;
    width: 100%;
    opacity: 1;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.export-history-row-skills .drop-container-competence-added.hidden {
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.export-history-row-skills .dropped-items {
    margin: 10px;
    padding-left: 0;
    display: block;
}

.export-history-row-skills .tag {
    /* width: auto; */
    font-size: 12px;
    height: 30px;
    display: flex;
    align-items: center;
    margin-top: 2px;
    padding-right: 0;
    padding-left: 10px;
    position: relative;
    white-space: nowrap;
    border-color: #bababa;
}

.show-competence-button.active {
    background: #1b6e80;
}

.all-competences-wrapper,
.already-used-competences-wrapper {
    display: block;
}

.all-competences-wrapper.hidden,
.already-used-competences-wrapper.hidden {
    display: none;
}

.margin-auto {
    margin: auto;
}

.js-delete-tag {
    display: none;
}

.history-wrapper.is-edit .js-delete-tag {
    display: none;
}

.history-wrapper .form-group {
    margin-bottom: 0;
}

.skill-board-options-container {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.add-relationship-container {
    background: #92afb9;
    border-radius: 5px;
    min-height: 40px;
    min-width: 400px;
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    width: min-content;
    padding-bottom: 5px;
}

.replace-skill-container {
    background: #92afb9;
    min-height: 40px;
    min-width: 350px;
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    width: min-content;
    padding-bottom: 5px;
}

input[readonly="readonly"] {
    background-color: lightgrey;
}

.add-relationship-container .drop-info {
    color: #ffffff;
    font-weight: bold;
}

.add-relationship-container .drop-info.hidden {
    display: none;
}

.skill-option-wrapper:first-of-type {
    border-right: unset;
    border-left: unset;
}

.skill-option-wrapper {
    min-height: 60px;
}

.promoted-categories .alphabetic-tags-container .drop-text-information {
    position: absolute;
    align-self: center;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promoted-categories .alphabetic-tags-container.ui-droppable-active .drop-text-information {
    display: none;
}

.drop-text-information-pool-members {
    position: absolute;
    bottom: 10px;
    left: 30px;
    font-style: italic;
    color: #3c3c3c;
    margin-bottom: 0;
    font-size: 12px;
}

.drop-text-information {
    display: block;
}

.drop-text-information.hidden {
    display: none;
}

.profile-droppable-container-wrapper.dropped {
    margin-left: 10px;
    margin-top: 10px;
    background-color: #dee2e6;
    border-radius: 5px;
    padding: 5px;
    min-width: -webkit-fill-available;
    height: fit-content;
}

.select-container .btn.toggle {
    margin-left: 0;
    min-width: 180px;
}

.notification-users-wrapper {
    display: flex;
}

.notification-users-wrapper.hidden {
    display: none;
}

.sw-theme-circles > ul.step-anchor > li.active > a:hover {
    border: 2px solid #5bc0de;
}

.sw-theme-circles > ul.step-anchor > li > a:hover {
    border-bottom: 1px solid #e9ecef;
    border-radius: 50%;
}

.sw-theme-circles > ul.step-anchor > li.done > a:hover {
    border: 2px solid #5cb85c;
}

#resp-table {
    width: 100%;
    display: table;
}

#resp-table-header {
    display: table-header-group;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    background-color: #343433;
}

.table-header-cell {
    display: table-cell;
    padding: 10px;
    text-align: justify;
}

#resp-table-body {
    display: table-row-group;
}

.resp-table-row {
    display: table-row;
}

.resp-table-row:nth-child(2n+1) {
    background-color: #ebebeb;
}

.table-body-cell {
    display: table-cell;
    padding: 10px;
    padding-top: 20px;
}

td.long-text {
    width: 400px;
}

tr.group,
tr.group:hover {
    color: #3C3C3C;
    position: absolute;
    left: -30px;
    width: 50px;
    display: flex;
    justify-content: end;
    text-align: end;
    height: 25px;
}

tr.group td {
    height: 25px;
    min-height: 25px !important;
    z-index: 1;
}

#employment-table tr.group td,
#education-table tr.group td {
    padding: 5px 0 5px 0;
    font-weight: bold;
    background: #ededed;
    border-top: unset;
    width: 100%;
}

#employment-table,
#education-table {
    border-collapse: separate !important;
    border-spacing: 3px;
}

#employment-table td:last-of-type,
#education-table td:last-of-type {
    border-right: unset;
    min-height: 145px;
}

#employment-table td,
#education-table td,
#competence-chart-table td {
    background: #FFFFFF;
    position: relative;
    border: 2px solid #ededed;
}

#competence-chart-table td {
    position: unset;
    padding-bottom: 40px;
}

#employment-table tr:nth-child(odd),
#education-table tr:nth-child(odd) {
    /*background-color: #ddd;*/
}

.switch-sorting-wrapper {
    z-index: 100;
    color: #000000;
}

.edit-experience-pen {
    width: 20px !important;
    border-radius: unset !important;
}

.js-edit-experience-cell .is-updated {
    position: inherit;
}

.js-edit-experience-cell:hover {
    border: 2px solid #ACACAC !important;
}

.js-edit-experience-cell:hover .cell-edit-experience {
    position: absolute;
    left: unset;
    bottom: 5px;
    right: 5px;
    font-size: 22px;
    cursor: pointer;
    display: block !important;
}

.js-edit-experience-cell:hover .cell-edit-experience.edit-experience-pen-tooltip {
    position: absolute;
    left: 7px;
    bottom: 28px;
    cursor: unset;
}

.js-edit-experience-cell:hover .cell-edit-experience.edit-experience-pen-tooltip-last-cell {
    position: absolute;
    left: unset;
    bottom: 28px !important;
    cursor: unset;
}

.js-edit-experience-cell.edited:hover .cell-edit-experience {
    display: none !important;
}

.js-edit-experience-cell.last-cell:hover .cell-edit-experience {
    bottom: 5px;
    right: 5px;
}

.main-window-date-container label {
    display: none;
}

.js-edit-experience-cell.edited .main-window-date-container.is-edit label {
    display: block;
}

.CellComment .undeline {
    width: 100%;
    height: 1px;
    background: #ffffff;
    margin-top: 5px;
}

.CellComment {
    opacity: 0;
    z-index: -1;
    position: absolute;
    background: #41ABC4;
    color: #ffffff;
    top: 25px;
    right: -300px;
    padding: 3px 10px 3px 35px;
    box-shadow: 4px 4px 4px 0px rgba(78, 78, 78, 1);
}

.js-edit-experience-cell:hover div.CellComment {
    opacity: 1; /* define initial transition property */
    z-index: 10;
    -webkit-transition: opacity .3s ease-in-out; /* define transitions */
    transition: opacity .3s ease-in-out;
}

.js-edit-experience-cell:hover div.CellComment:before {
    content: "\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #41ABC4 transparent transparent;
    position: absolute;
    left: -15px;
    bottom: 28px !important;
}

.js-edit-experience-cell .CellCommentEdit {
    display: none;
}

.js-edit-experience-cell.edited .CellCommentEdit {
    display: flex;
    position: absolute;
    top: -5px;
    right: -5px;
    flex-direction: column;
    background: #ededed;
    border-radius: 5px;
    padding: 3px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .3);
}

.js-edit-experience-cell.edited .CellCommentEdit i:hover {
    color: #41ABC4;
    transform: scale(1.2);
}

.js-edit-experience-cell.edited {
    border: 3px solid #41ABC4 !important;
}

.js-edit-experience-cell.edited div.CellComment {
    display: none;
}

.js-edit-experience-cell.last-cell div.CellComment {
    position: absolute;
    left: -300px;
    width: fit-content;
    padding-left: 15px;
    padding-right: 30px;
    box-shadow: -4px 4px 4px 0px rgb(78 78 78);
}

.js-edit-experience-cell.last-cell div.CellComment:before {
    right: -15px;
    left: unset;
    width: fit-content;
    bottom: 20px;
    transform: rotate(180deg);
}

.js-edit-experience-cell.last-cell div.CellComment i {
    left: unset;
    right: 15px;
}

#employment-table .employment-history-thead th,
#education-table .employment-history-thead th,
#activity-table th {
    padding-left: 0 !important;
    padding-right: 20px;
    color: #3C3C3C;
    font-style: italic;
    font-family: sans-serif;
    border-top: unset;
}

#employment-table .employment-history-thead th.skills-head {
    width: 20% !important;
}

.language-button {
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
}

.count-of-items {
    padding-top: 8px;
    font-size: 10px;
    position: absolute;
    right: -5px;
    top: -10px;
    background-color: #4a4a4a;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.experience-status {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.experience-status.empty-circle {
    position: absolute;
    top: 8px;
    left: 8px;
    cursor: help;
    background-color: #ffffff;
    width: 14px;
    height: 14px;
}

.wrap {
    white-space: normal;
}

.stop-impersonate {
    background: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
    padding-right: 0 !important;
}

.stop-impersonate:hover {
    background: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
}

.stop-impersonate:hover a,
.stop-impersonate a:active,
.stop-impersonate a:focus {
    background: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
}

.stop-impersonate a {
    height: 40px;
    display: flex;
    align-items: center;
}

.stop-impersonate a span,
.stop-impersonate i {
    color: #ffffff;
}

.refresh-cv-notification {
    display: none;
}

.refresh-cv-notification.show {
    display: block;
    width: 100%;
    background-color: #ff6b65;
    padding: 10px;
    color: #ffffff;
}

.note-btn.dropdown-toggle::after {
    content: unset;
}

.page {
    display: none;
    padding: 0 0.5em;
}

.mdi-email-outline.blue {
    color: #6cc0c8;
    background-color: rgba(145, 237, 245, 0.27);
}

.mdi-email-open-outline.green,
.mdi-email-outline.green {
    color: #008000;
    background-color: rgba(0, 244, 0, 0.13);
}

#vacancy-datatable_info {
    display: none;
}

#chartjs-promoted-tooltip {
    opacity: 0;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    padding: 3px;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.champions-pagination-container {
    margin-left: 85px;
    margin-top: 10px;
}

.champion-button.edit-champion-button .js-delete-champion {
    bottom: -15px;
}

.organization-tag-button,
.job-title-button {
    cursor: pointer;
}

.js-delete-champion {
    position: relative;
    right: 20px;
    bottom: 5px;
    color: #ff6b65;
    cursor: pointer;
}

.js-delete-industry-sector-organisation-tag {
    color: #ff6b65;
    cursor: pointer;
}

.champion-profile-info.dropped {
    display: flex;
}

.organization-tag-info {
    background: #dee2e6;
    height: fit-content;
    padding: 5px;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: 10px;
}

.already-dropped-champion, .already-dropped-organization-tag {
    display: none;
}

.already-dropped-champion.show, .already-dropped-organization-tag.show {
    display: block;
    color: #ff6b65;
    font-style: italic;
}

.lds-ring {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    margin: auto;
    top: 50%;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: auto;
    border: 8px solid #6bc1c7;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #6bc1c7 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.droppable-champion-container,
.droppable-industry-sector-organization-tag,
.droppable-job-tag-competences {
    min-height: 150px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding-bottom: 35px;
}

.dataTables_processing {
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 10px;
    transform: translate(-50%, 0);
    width: 100%;
    height: 100%;
    padding-left: 7px;
}

.note-modal-footer {
    margin-bottom: 10px;
}

.note-modal-footer .btn {
    background-color: #ff6b65;
    border-color: #ff6b65;
}

.note-modal-backdrop {
    z-index: 1039 !important;
}

.configure-link {
    color: #343433 !important;
    border: unset;
    display: block;
    padding: .5rem .5rem;
}

.configure-link.is-active {
    background: #3C3C3C;
    color: #41ABC4 !important;
}

.btn-secondary.disabled {
    color: #ffffff !important;
}

.droppable-new-organization-container.ui-droppable-hover,
.droppable-new-organization-container.ready-to-add-organization-tag,
.droppable-new-job-title-container.ready-to-add-job-tag {
    background: #cccccb;
    border-radius: 5px;
    cursor: copy;
}

.droppable-organization-container .organization-button.ui-droppable-hover,
.droppable-job-title-container .job-tag-button.ui-droppable-hover {
    background-color: #aa916a !important;
}

.count-of-assigned-job-titles,
.count-of-assigned-organizations {
    width: 20px;
    height: 20px;
    background: #666666;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    position: relative;
    right: -5px;
}

.custom-alert.hidden {
    display: none;
}

.organization-button.disabled,
.job-title-button.disabled {
    background-color: #f7f7f7 !important;
    color: #b0b0b0;
    cursor: no-drop;
}

.organization-tag-dropdown {
    position: absolute !important;
    transform: translate3d(-20px, 35px, 0px) !important;
    top: 0 !important;
    left: 113px !important;
    will-change: unset !important;
    width: fit-content !important;
}

.js-profile-logs {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.custom-red-gradient {
    color: #ffffff;
    border-color: rgb(186, 93, 104);
    background: linear-gradient(90deg, rgba(186, 93, 104, 1) 0%, rgba(255, 107, 101, 1) 100%);
}

.custom-blue-gradient {
    color: #ffffff;
    border-color: #4f898f;
    background: linear-gradient(90deg, #4f898f 0%, #6cc0c8 100%);
}

.custom-green-gradient {
    color: #ffffff;
    border-color: #4f898f;
    background: linear-gradient(90deg, #008000 0%, rgb(0, 244, 0) 100%);
}

.js-profile-logs i {
    position: relative;
    font-size: 18px;
}

.activity-log-content .read-more,
.activity-log-content .read-less {
    color: #ff6b65;
}

.activity-log-content .read-less.hidden {
    display: none;
}

.activity-log-content .read-more.hidden {
    display: none;
}

.activity-log-content .more-text.hidden {
    display: none;
}

.activity-log-content .more-text {
    display: contents;
}

.dataTables_paginate.paging_simple_numbers {
    display: flex;
    justify-content: center;
}

.height-chart.active-1500 {
    height: 1500px;
}

.height-chart.active-1000 {
    height: 1000px;
}

#documentPreview.show {
    overflow: auto;
}

.export-history-row:nth-child(2n) {
    background-color: #e6e6e6;
}

.tag-button-container.ui-draggable-dragging.less-opacity {
    opacity: .2;
}

.capitalize {
    text-transform: capitalize;
}

.close-alert-button {
    cursor: pointer !important;
    color: #4a4a4a !important;
    opacity: 1 !important;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 3px;
}

.sn-checkbox-open-in-new-window, .sn-checkbox-use-protocol {
    display: none;
}

.btn.not-show-again {
    top: -3px;
    position: relative;
    padding: 4px;
    font-weight: 600;
}

.btn.not-show-again.hidden {
    visibility: hidden;
}

.video-tutorial-wrapper.hidden {
    display: none;
}

.video-wrapper-button {
    background-color: #ed6b61;
    border-radius: 0;
    position: relative;
    left: -5px;
    padding: 0 15px 0 0;
    font-weight: bold;
}

.video-wrapper-button.video-wrapper-button-list {
    padding: 0;
}

.video-wrapper-button.video-wrapper-button-list img {
    margin-right: 0;
}

.video-wrapper-button img {
    margin-right: 8px;
    background-color: #ffffff;
    height: 35px;
    
}

.tutorial-player {
    width: inherit;
}

.progress-bar {
    color: #343433;
    content: ""!important;
}
.progress::after {
    content: ""!important;
}
.js-delete-experiences:disabled {
    cursor: not-allowed;
}

.foo {
    position: relative;
}

.video-wrapper-button-list.main_tutorial:hover:after {
    content: ' ';
    position: absolute;
    right: 90px;
    width: 500px;
    height: 300px;
    bottom: -150px;
    background-image: url(../media/images/video_thumbnails/welcome-tutorial-thumbnail.png);
    background-repeat: round;
}

.video-wrapper-button-list.proposition_tutorial:hover:after {
    content: ' ';
    position: absolute;
    right: 90px;
    width: 500px;
    height: 300px;
    bottom: -150px;
    background-image: url(../media/images/video_thumbnails/proposition-tutorial-thumbnail.png);
    background-repeat: round;
}

.video-wrapper-button-list.employment_tutorial:hover:after {
    content: ' ';
    position: absolute;
    right: 90px;
    width: 500px;
    bottom: -150px;
    height: 300px;
    background-image: url(../media/images/video_thumbnails/employment-tutorial-thumbnail.png);
    background-repeat: round;
}

.video-wrapper-button-list.education_tutorial:hover:after {
    content: ' ';
    position: absolute;
    right: 90px;
    width: 500px;
    bottom: -150px;
    height: 300px;
    background-image: url(../media/images/video_thumbnails/education-tutorial-thumbnail.png);
    background-repeat: round;
}

.video-wrapper-button-list.skills_tutorial:hover:after {
    content: ' ';
    position: absolute;
    right: 90px;
    width: 500px;
    bottom: -150px;
    height: 300px;
    background-image: url(../media/images/video_thumbnails/skills-tutorial-thumbnail.png);
    background-repeat: round;
}

.video-wrapper-button-list.documents_tutorial:hover:after {
    content: ' ';
    position: absolute;
    right: 90px;
    width: 500px;
    bottom: -150px;
    height: 300px;
    background-image: url(../media/images/video_thumbnails/dossier-tutorial-thumbnail.png);
    background-repeat: round;
}

.menus-video-wrapper {
    padding-right: 10px !important;
}

.menus-video-wrapper:hover:after {
    top: 0;
    left: 210px;
    z-index: 1;
}

.custom-control-label::before {
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #3C3C3C;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: rgb(186, 93, 104);
    background-color: rgb(186, 93, 104);
}

.options-dots {
    width: 20px;
    height: 40px;
    background-color: #343433;
    position: relative;
    border-radius: 5px;
}

.options-dots:after {
    content: '\2807';
    font-size: 2em;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 3px;
}

.unsetMinWidth {
    flex-grow: 1;
}

.displayInlineFlex {
    display: inline-flex;
    width: 100%;
}

.overflowXAuto {
    overflow-x: auto;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    overflow-y: scroll;
    max-height: 300px;
    z-index: 1001 !important
}

#autocomplete-content {
    display: none;
}

#autocomplete-content.show {
    display: block;
}

#organizationsList {
    overflow-y: scroll !important;
}

.autocomplete-items {
    background: #dee2e6;
    color: #000000;
    padding: 10px;
    overflow-y: scroll;
    max-height: 300px;
}

.autocomplete-items div {
    padding: 5px;
}

.skills-thead {
    width: 35% !important;
}

.col-form-label {
    display: flex;
}

.bootstrap-tagsinput .badge {
    background-color: #aa916a !important;
    border: 1px solid #aa916a !important;
}

.score-testing-button {
    cursor: grab;
    height: 30px !important;
}

.score-testing-button.disabled {
    opacity: .3;
    cursor: not-allowed;
}

.score-testing-button-static {
    cursor: auto;
}

.competence-button-static {
    margin-top: 10px;
    margin-left: 10px;
}

.score-delete, .score-delete-finder {
    font-size: 16px !important;
    bottom: -7px !important;
    right: 0 !important;
}

.ajax-loader.hidden {
    display: none;
}

.ajax-loader {
    background-color: rgb(0 0 0 / 25%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.ajax-loader-dual-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
}

.ajax-loader-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.logic-wrapper, .logic-wrapper-finder {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 30px 20px 5px;
    border: 1px solid rgba(0, 0, 0, 0.44);
    margin-top: 10px;
    background: #F2F2F2;
}

.logic-wrapper:not(:first-of-type), .logic-wrapper-finder:not(:first-of-type) {
    margin-top: 35px;
    margin-bottom: 45px;
}

.expression {
    position: absolute;
    height: fit-content;
    bottom: 5px;
    right: 5px;
    background: #343433;
    color: white;
    padding: 0 5px 2px 5px;
}

.expression-or {
    height: 20px;
    top: -29px;
    right: 0;
}

.initialize-height-card.overflowYScroll {
    margin-bottom: 0 !important;
}

.popover {
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

th.hidden-checkbox-head {
    width: 50px !important;
}

th.organization-tag-head {
    font-weight: 600;
}

.is-synonym.hidden {
    display: none;
}

.score-testing-button-static.region-button,
.info-box-region {
    background-color: #8bd3ff;
}

.score-testing-button-static.organization-tag-button,
.info-box-organization-tag {
    background-color: #ffbf61;
}

.info-box-region, .info-box-organization-tag {
    border-radius: 5px;
    padding: 3px;
}

.dossier-upload.hidden {
    display: none;
}

.dossier-upload-label {
    display: block;
    cursor: pointer;
    background: #ff6b65;
    border-color: #ff6b65;
    border-radius: 3px;
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

.dossier-attachment-container {
    display: flex;
    flex-direction: column;
}

.dossier-attachment-container.hidden {
    display: none;
}

.experience-loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #aa916a; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.image {
    width: 150px;
    height: 150px;
    background: #ebebebeb
}

.state {
    cursor: pointer;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #343433;
}

.state-edit {
    background: linear-gradient(90deg, #008000 0%, rgb(0, 244, 0) 100%);
    border-color: #008000;
}

.state-read-only {
    background: linear-gradient(90deg, #808080 0%, #adacac 100%);
    border-color: #808080;
}

.state-hidden {
    background-color: #ffffff;
}

.js-change-status.hidden {
    display: none !important;
}

.left-menu-item {
    font-size: 12px;
    margin: auto;
    width: 80px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.admin-navbar li.is-active {
    background: var(--navbar-main-back-color);
}

.admin-navbar .navbar-nav .nav-item.is-active .nav-link,
.admin-navbar .navbar-nav .nav-item.is-active .nav-link-admin {
    color: #fff !important;
}

.admin-navbar .navbar-nav .nav-item .dropdown-item:hover {
    background: var(--navbar-main-back-color);
    color: #41ABC4 !important;
}

.admin-navbar .navbar-nav .nav-item .dropdown-item:hover i.admin-mdi-icon {
    color: #41ABC4 !important;
}

.admin-navbar .navbar-nav {
    box-shadow: unset;
}

.admin-navbar .navbar-nav {
    margin-top: 0;
}

.admin-navbar .navbar-nav {
    margin-top: 0;
}

li.is-active {
    background-color: #D2EBF1;
}

.left-menu-item.availability {
    background-image: url("../media/images/availability.png");
}

.left-menu-item.content {
    background-image: url("../media/images/candidate_content.png");
}

.left-menu-item.activity {
    background-image: url("../media/images/candidate_activity.png");
}

.left-menu-item.manager-profile {
    background-image: url("../media/images/manager_profile.png");
}

.left-menu-item.manager-profile.is-active {
    background-image: url("../media/images/manager_profile.png");
    width: 80px;
}

.left-menu-item.expert-profile {
    background-image: url("../media/images/expert_profile.png");
}

.left-menu-item.expert-profile.is-active {
    background-image: url("../media/images/expert_profile.png");
}

.left-menu-item.project-references {
    background-image: url("../media/images/project_references.png");
}

.left-menu-item.project-references.is-active {
    background-image: url("../media/images/project_references.png");
}

.left-menu-item.expert-proposition {
    background-image: url("../media/images/expert_proposition.png");
}

.left-menu-item.expert-proposition.is-active {
    background-image: url("../media/images/expert_proposition.png");
}

.left-menu-item.employment {
    background-image: url("../media/images/employment_experiences.png");
}

.left-menu-item.employment.is-active {
    background-image: url("../media/images/employment_experiences.png");
}

.left-menu-item.education {
    background-image: url("../media/images/education_experiences.png");
}

.left-menu-item.education.is-active {
    background-image: url("../media/images/education_experiences.png");
}

.left-menu-item.language {
    background-image: url("../media/images/languages.png");
}

.left-menu-item.language.is-active {
    background-image: url("../media/images/languages.png");
}

.left-menu-item.timesheets {
    background-image: url("../media/images/timesheets.png");
}

.left-menu-item.timesheets.is-active {
    background-image: url("../media/images/timesheets.png");
}

.left-menu-item.top_competencies {
    background-image: url("../media/images/competencies.png");
}

.left-menu-item.top_competencies.is-active {
    background-image: url("../media/images/competencies.png");
}

.left-menu-item.dashboard {
    background-image: url("../media/images/dashboard.png");
}

.left-menu-item.dashboard.is-active {
    background-image: url("../media/images/dashboard.png");
}

.left-menu-item.timesheets {
    background-image: url("../media/images/timesheets.png");
}

.left-menu-item.project-overview {
    background-image: url("../media/images/project_overview.png");
}

.left-menu-item.project-overview.is-active {
    background-image: url("../media/images/project_overview.png");
}

.left-menu-item.project-details {
    background-image: url("../media/images/project_details.png");
}

.left-menu-item.project-details.is-active {
    background-image: url("../media/images/project_details.png");
}

.left-menu-item.customer {
    background-image: url("../media/images/customer.png");
}

.left-menu-item.customer.is-active {
    background-image: url("../media/images/customer.png");
}

.left-menu-item.manager {
    background-image: url("../media/images/manager.png");
}

.left-menu-item.manager.is-active {
    background-image: url("../media/images/manager.png");
}

.left-menu-item.tipster {
    background-image: url("../media/images/tipster.png");
}

.left-menu-item.tipster.is-active {
    background-image: url("../media/images/tipster.png");
}

.left-menu-item.billing {
    background-image: url("../media/images/billing.png");
}

.left-menu-item.billing.is-active {
    background-image: url("../media/images/billing.png");
}

.left-menu-item.classification {
    background-image: url("../media/images/classification.png");
}

.left-menu-item.classification.is-active {
    background-image: url("../media/images/classification.png");
}

.left-menu-item.staffing-list {
    background-image: url("../media/images/staffing_list.png");
}

.left-menu-item.vacancies {
    background-image: url("../media/images/vacancies.png");
}

.left-menu-item.vacancies.is-active {
    background-image: url("../media/images/vacancies.png");
}

.left-menu-item.pool-members {
    background-image: url("../media/images/pool_members.png");
}

.left-menu-item.pool-members.is-active {
    background-image: url("../media/images/pool_members.png");
}

.left-menu-item.finder {
    background-image: url("../media/images/finder.png");
}

.left-menu-item.finder.is-active {
    background-image: url("../media/images/finder.png");
}

.left-menu-item.cv-search {
    background-image: url("../media/images/cv_search.png");
}

.left-menu-item.cv-search.is-active {
    background-image: url("../media/images/cv_search.png");
}
.left-menu-item.easybill {
    background-image: url("../media/images/easybill.png");
}

.left-menu-item.easybill.is-active {
    background-image: url("../media/images/easybill.png");
}

.left-menu-item.photos {
    background-image: url("../media/images/photos.png");
}

.left-menu-item.photos.is-active {
    background-image: url("../media/images/photos.png");
}

.left-menu-item.accounts {
    background-image: url("../media/images/accounts.png");
}

.left-menu-item.accounts.is-active {
    background-image: url("../media/images/accounts.png");
}

.left-menu-item.easybill {
    background-image: url("../media/images/easybill.png");
}

.left-menu-item.easybill.is-active {
    background-image: url("../media/images/easybill.png");
}

.left-menu-item.skills {
    background-image: url("../media/images/skills.png");
}

.left-menu-item.skills.is-active {
    background-image: url("../media/images/skills.png");
}

.left-menu-item.users {
    background-image: url("../media/images/users.png");
}

.left-menu-item.users.is-active {
    background-image: url("../media/images/users.png");
}

.left-menu-item.skill-distribution {
    background-image: url("../media/images/skill_distribution.png");
}

.left-menu-item.skill-distribution.is-active {
    background-image: url("../media/images/skill_distribution.png");
}

.left-menu-item.skill-management {
    background-image: url("../media/images/skill_management.png");
}

.left-menu-item.skill-management.is-active {
    background-image: url("../media/images/skill_management.png");
}

.left-menu-item.skill-scoring {
    background-image: url("../media/images/scoring.png");
}

.left-menu-item.skill-scoring.is-active {
    background-image: url("../media/images/scoring.png");
}

.limiter {
    font-style: italic;
    font-size: 13px;
    text-align: end;
    color: #41ABC4;
}

.dossier-dropdown .nav-link.active {
    background-color: #aa916a !important;
    color: #ffffff !important;
}

.dossier-dropdown .nav-link {
    color: #343433;
    min-width: max-content;
}

.accept-skill-wrapper {
    display: none;
}

.accept-skill-wrapper.show {
    display: block;
}

.crop-label {
    padding: 10px;
    display: table;
    color: #fff;
    cursor: pointer;
}

.crop-label input[type="file"] {
    display: none;
}

.custom-file-label::after {
    height: 2.25rem !important;
}

.competencies-cell {
    padding-right: 40px;
    max-height: 130px;
    min-height: 130px;
    overflow-y: auto;
}

.competencies-cell.no-scroll {
    overflow-y: unset !important;;
}

.language-switch {
    position: absolute;
    top: 15px;
    right: 50px;
}

.language-switch a {
    color: #3C3C3C;
}

.language-switch a.border-right {
    border-right: 1px solid #3C3C3C !important;
}

.language-switch a.border-left {
    border-left: 1px solid #3C3C3C !important;
}

.language-switch a.active {
    font-weight: 600;
    font-family: sans-serif;
}

.language-switch a.disabled {
    color: #707070;
}

.competency-status {
    position: unset;
    right: 0;
    bottom: 0;
}

.competency-status .status-open.hidden,
.competency-status .status-closed.hidden {
    display: none !important;
}

.competency-status .status-open .open {
    color: #008000;
}

.competency-status .status-closed .closed {
    color: rgb(186, 93, 104);
}

.btn.toggle-on {
    background-color: #41ABC4 !important;
    top: -7px;
    left: -15px;
    font-weight: bold;
}

.btn.toggle-off {
    top: -7px;
    right: -20px;
    font-weight: bold;
}

.show-competencies-group {
    position: absolute;
    top: 68px;
    right: 35px;
    z-index: 1;
}

.show-competencies-group .toggle.btn {
    border-radius: 50px;
    width: 60px !important;
    min-width: 60px;
    height: 15px !important;
    min-height: 15px;
}

.show-competencies-group .btn.toggle-on {
    background: linear-gradient(90deg, rgb(65, 171, 196) 0%, rgb(119, 214, 241) 100%);
}

.show-competencies-group .toggle.btn.off .toggle-handle {
    left: 8px !important;
    min-width: 15px;
    min-height: 15px;
    top: -5px;
    padding-left: 0 !important;
    border-radius: 50%;
}

.show-competencies-group .toggle.btn .toggle-handle {
    left: -8px !important;
    min-width: 15px;
    min-height: 15px;
    top: -5px;
    padding-left: 0 !important;
    border-radius: 50%;
}

.show-competencies-group .toggle.btn .btn {
    padding-left: 20px;
}

.toggle.btn .toggle-handle {
    left: -15px;
    border-radius: 50%;
    height: 24px;
}

.toggle.btn.off .toggle-handle {
    left: 15px;
    border-radius: 50%;
}

#hubspot-conversations-inline-parent {
    width: 100%;
}

#hubspot-conversations-inline-iframe {
    width: inherit;
    height: 500px;
    border: none;
}

.save-fast.blue {
    color: #41ABC4;
    cursor: pointer;
    border-radius: 50%;
    animation: pulse-animation 2s infinite;
    width: 15px;
    height: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.add-competency.hidden {
    display: none;
}

.new-competence-information {
    display: block;
}

.new-competence-information.hidden {
    display: none;
}

.add-tag-name {
    font-family: sans-serif;
}

.dt-body-center {
    background: #ededed !important;
}

.experiences-table {
    position: relative;
    z-index: 0;
}

#hubspot-technical-problem {
    display: block;
}

#hubspot-technical-problem.hidden {
    display: none;
}

#hubspot-conversations-inline-parent.hidden {
    display: none;
}

.progress-bar {
    background-color: #aa916a;
}

.progress {
    background-color: #3C3C3C;
}

.table.no-top-border th {
    border-top: unset;
}

.promoted-experience:hover,
.no-promoted-experience:hover,
.promoted-experience:hover span,
.no-promoted-experience:hover span {
    color: #41ABC4 !important;
}

.promoted-experience.hidden,
.no-promoted-experience.hidden {
    display: none !important;
}

#competence-chart-table tr.hidden {
    display: none;
}

.competencies-legend {
    right: 20px;
    top: 25px;
}

.competencies-legend .top-competencies {
    margin-right: 25px;
}

.competencies-legend .top-competencies div.circle,
.competencies-legend .normal-competencies div.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    margin-right: 5px;
}

.competencies-legend .top-competencies div.circle {
    background-color: #aa916a;
}

.competencies-legend .normal-competencies div.circle {
    background-color: #3C3C3C;
}

.switch-visibility.nice-select,
.sort-competencies.nice-select {
    width: 216px;
}

.sort-competencies.nice-select {
    margin-left: 20px;
}

.switch-visibility .option.selected.focus:after,
.sort-competencies .option.selected.focus::after {
    content: "\2713";
    display: inline-flex;
    width: 15px;
    height: 15px;
    color: #41ABC4;
    position: absolute;
    right: 10px;
    font-size: 20px;
}

tr.target .js-edit-experience-cell {
    border-color: #ACACAC !important;
}

.relative-support-buttons {
    position: relative;
    width: 100%;
    height: 30px;
    top: 36px;
    max-width: 2000px;
    margin: auto;
}

.custom-select {
    font-size: 14px;
    height: 35px !important;
}

.custom-select option {
    font-weight: 600;
}

.edit-candidate-alert {
    width: calc(100% - 130px);
    float: right
}

#chart-line {
    height: 150px !important;
    position: relative;
    top: 0;
}

.content-wrapper {
    margin-bottom: 20px;
    background: #FFFFFF;
    padding-bottom: 25px;
    padding-left: 10px;
}

.content-title .label {
    background: #BAB9B7;
    width: 250px;
    padding: 3px 50px 4px 25px;
    color: #ffffff;
    font-size: 20px;
}

#project-references .table thead th {
    color: #3C3C3C !important;
    font-weight: 600;
    font-style: italic;
    font-family: IBM Serif;
}

#project-references .table th {
    border-top: unset;
    border-bottom: 1px solid #dee2e6 !important;
    border-right: 10px solid transparent;
}

#project-references .table td {
    border-bottom: 1px solid #dee2e6;
    border-right: 10px solid transparent;
}

#profile-references-table .dataTables_empty,
#manager-profile-table .dataTables_empty,
#expert-profile-table .dataTables_empty,
#expert-proposition-table .dataTables_empty {
    display: none;
}

.drupal-reference-icon {
    position: absolute;
    right: 0;
}

.availability-textarea {
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 2px;
    background-color: #ffffff;
    font-size: 16px;
    resize: none;
    max-width: 100%;
    width: 95%;
    margin: auto;
    font-weight: 600;
}

.availability-textarea:focus {
    outline: none !important;
    border-color: #41ABC4;
}

#availability #saveProfileAvailabilityBtn.disabled {
    pointer-events: none;
}

.date-dropdowns {
    border: 1px solid rgb(179 165 165 / 60%);
    height: fit-content;
}

.date-dropdowns select {
    background: rgb(237, 237, 237);
    border: unset;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    width: 45px;
    text-align: center;
    height: 35px;
    font-weight: 600;
}

.date-dropdowns select option {
    text-align: center;
    font-weight: 600;
}

.date-dropdowns select option:first-child {
    display: none;
}

.availability-wrapper {
    width: 95%;
    margin: 20px auto 10px auto;
}

.owner-view,
.candidate-content {
    text-align: center;
}

.editor-content #availability.tab-pane {
    padding-bottom: 50px !important;
    text-align: center;
}

.candidate-content #availability.tab-pane {
    padding-bottom: 50px !important;
    text-align: center;
}

#activity-table {
    margin-bottom: unset !important;
}

#activity-table th {
    border-top: unset !important;
    background: rgb(237, 237, 237);
}


#activity-table td {
    padding: 0.95rem;
    border: 4px solid #ededed;
    background: #ffffff;
}

#activity-table {
    text-align: left;
}

#activity-table tr.hide {
    display: none;
}

#activity-table_wrapper .col-sm-12,
#contract-table_wrapper .col-sm-12 {
    min-height: 0;
!important;
}

.milestone-button {
    width: fit-content;
    padding: 5px;
    margin: 2px;
    color: #ffffff;
}

.switch-milestone-button {
    border: unset !important;
    border-radius: 25px;
}

.switch-milestone-wrapper {
    border-radius: 25px;
    min-height: 26px !important;
}

.switch-milestone-wrapper .toggle-handle {
    height: 22px;
}

.swiss-integration-button {
    width: 35px;
    height: 35px;
    border: 1px solid #707070;
    border-radius: 50%;
    margin: auto
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.buttonYes:hover {
    color: white;
    background-color: red;
}

.buttonNo {
    color: white;
    background: rgb(90, 90, 90);
    border-color: rgb(90, 90, 90);
}

.buttonNo:hover {
    color: white;
    background-color: blue !important;
    background: rgb(0, 0, 255) !important;
}

.is-integrated {
    background-color: red;
}

#integration-state-enable.hidden,
#integration-state-disable.hidden {
    display: none;
}

.show-hide-eyes {
    height: 15px;
}

.show-hide-eyes.hide {
    height: 22px;
}

.show-hide-job-titles-button.hidden {
    display: none;
}

.show-hide-organizations-button.hidden {
    display: none;
}

.show-hide-job-titles-button {
    display: block;
}

.show-hide-organizations-button {
    display: block;
}

.switch-disappear.hidden {
    display: none;
}

.header-row {
    display: none;
}

.header-row.show {
    display: block;
}

.move-to-job-title {
    display: none;
}

.move-to-job-title.show {
    display: block;
}

.experience-date-wrapper {
    margin-left: 30px
}

.show-already-assigned-information {
    background: #3C3C3C;
    color: #ffffff;
    font-weight: 200;
    text-align: end;
    padding-right: 90px
}

.highlight {
    background-color: yellow;
}

.hmenu-pc {
    padding: 0 5px 0 5px;
    color: #bebebe !important;
}

.hmenu-pc.active {
    background: transparent;
    border-bottom: 3px solid #41ABC4;
    color: #3C3C3C !important;
    width: fit-content;
    padding: 0 5px 0 5px;
    min-height: 25px;
}

.job-tag-container .pseudo-element {
    margin-left: -3px !important;
    top: 1px !important;
}

.period-button {
    background: transparent;
    height: 40px;
    width: 130px;
    font-size: 14px;
    border-radius: 0;
    border: 3px solid #41ABC4;
    color: #000000;
    font-weight: 700;
    border-right: 1px;
}

.period-button:last-of-type {
    border-right: 3px solid #41ABC4;
}

.period-button.active {
    background: #41ABC4;
    color: #ffffff;
}

.left-menu-item.factoring {
    background-image: url("../media/images/easybill.png");
}

.left-menu-item.factoring.is-active {
    background-image: url("../media/images/easybill.png");
}

#addLog .multiselect-container {
    height: 450px;
    overflow: auto;
}

.Frill_View_Modal__Content{
    resize: both;
    overflow: auto;
}

.drop-container-competencies-wrapper {
    padding: 10px;
    background: #ffffff;
    border: 2px solid #41ABC4;
}

.drop-container-competencies-wrapper h4 {
    color: #707070;
    text-align: center;
}

.drop-container.drop-container-competencies {
    min-height: 100px;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
}

.job-tag-label {
    background-color: #ffffff;
    border: 1px solid #666666;
    height: 30px;
    font-size: 12px;
    align-items: center;
    cursor: url(../media/images/drag.png), auto;
    margin: 5px;
    display: flex;
    align-items: center;
    z-index: auto;
    position: relative;
    max-width: max-content;
}

.job-tag-label-child1 {
    padding: 5px 10px;
}

.job-tag-label-child2 {
    background-color: #666666;
    color: #ffffff;
    padding: 5px 10px;
}

.job-tag-label-child3 {
    background-color: #666666;
    color: #ffffff;
    padding: 15px 10px;
    position: relative;
    left: 4px;
}

.job-tag-label-child3  .js-delete-competence {
    position: absolute;
    font-size: 17px;
    top: 2px;
    left: 1px;
}

.job_tags_skills_selected {
    padding: 5px 10px;
    background-color: white;
    color: black;
    font-family: 'Barlow-Bold';
    font-weight: 800;
}

/*
    SkillBoard Edit Single distance and relation
    dropdown styles
*/

.tag-distances-table .select-action .open .first-dot,
.tag-distances-table .select-action:hover .first-dot{
    transform: translate(-5px, 0ex);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    background : #fff;
}

.tag-distances-table .select-action .open .second-dot,
.tag-distances-table .select-action:hover .second-dot{
    transform: translate(-3px, 0ex);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    background : #fff;
}

.tag-distances-table .select-action .open .third-dot,
.tag-distances-table .select-action:hover .third-dot{
    background : #fff;
}

.tag-distances-table .select-action .open{
    background : #41abc4;
}

.tag-distances-table>tbody .select-action .open .select-arrow,
.tag-distances-table>tbody .select-action:hover .select-arrow{
    border-top-color: #fff;
}

.tag-distances-table>tbody .select-action ul>li.option:nth-child(1){
    display: none;
}

[data-value="distance-delete"]:hover {
    background: transparent;
    color: #ff0000 !important;
}

.tag-distances-table>tbody .select-action span.current{
    width: 0;
    overflow: hidden;
}

.tag-distances-table>tbody .sorting_disabled{
    width: 0px !important;
    height: 0px !important;
}

.tag-distances-table>tbody .nice-select.wide .list{
    width: 170px;
    left: inherit !important;
}

.tag-distances-table>tbody .select-wrapper.table-select .nice-select{
    right: -13px;
}

.circle-checkbox [type="checkbox"]:checked,
.circle-checkbox [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.select-assign {
    position: unset !important;
    left: unset !important;
}

.circle-checkbox:not(.no-project-radio) [type="radio"]:checked + label,
.circle-checkbox:not(.no-project-radio) [type="radio"]:not(:checked) + label,
.circle-checkbox:not(.no-project-checkbox) [type="checkbox"]:checked + label,
.circle-checkbox:not(.no-project-checkbox) [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.circle-checkbox:not(.no-project-radio) [type="radio"]:checked + label:before,
.circle-checkbox:not(.no-project-radio) [type="radio"]:not(:checked) + label:before,
.circle-checkbox:not(.no-project-checkbox) [type="checkbox"]:checked + label:before,
.circle-checkbox:not(.no-project-checkbox) [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #939191;
    border-radius: 100%;
    background: #fff;
}

.circle-checkbox:not(.no-project-radio) [type="radio"]:checked + label:after,
.circle-checkbox:not(.no-project-radio) [type="radio"]:not(:checked) + label:after,
.circle-checkbox:not(.no-project-checkbox) [type="checkbox"]:checked + label:after,
.circle-checkbox:not(.no-project-checkbox) [type="checkbox"]:not(:checked) + label:after {
    content: '\2713';
    width: 27px;
    height: 28px;
    background: #41ABC4;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-checkbox:not(.no-project-radio) .easybill-checkbox [type="radio"]:checked + label:before,
.circle-checkbox:not(.no-project-radio) .easybill-checkbox [type="radio"]:not(:checked) + label:before,
.circle-checkbox:not(.no-project-radio) .easybill-checkbox [type="radio"]:checked + label:after,
.circle-checkbox:not(.no-project-radio) .easybill-checkbox [type="radio"]:not(:checked) + label:after,
.circle-checkbox:not(.no-project-checkbox) .easybill-checkbox [type="checkbox"]:checked + label:before,
.circle-checkbox:not(.no-project-checkbox) .easybill-checkbox [type="checkbox"]:not(:checked) + label:before,
.circle-checkbox:not(.no-project-checkbox) .easybill-checkbox [type="checkbox"]:checked + label:after,
.circle-checkbox:not(.no-project-checkbox) .easybill-checkbox [type="checkbox"]:not(:checked) + label:after {
    top: 0;
    width: 20px;
    height: 20px;
}

.circle-checkbox:not(.no-project-radio) [type="radio"]:not(:checked) + label:after,
.circle-checkbox:not(.no-project-checkbox) [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.circle-checkbox:not(.no-project-radio) [type="radio"]:checked + label:after,
.circle-checkbox:not(.no-project-checkbox) [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.js-mass-delete-competences {
    display: none;
    position: absolute;
    right: 195px;
    width: 150px;
    margin-right: 20px;
}

.js-mass-delete-competences.show {
    display: block;
}

#invite .select-action ul>li.option:nth-child(1) {
    display: none;
}

.switch-visibility::after{
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  vertical-align: unset;
  background: url('../media/images/timesheets_icons/chevron-down.svg');
  background-repeat: no-repeat;
  left: 11.5rem;
  top: 19%;
  transform: rotate(90deg);
  transition: transform .25s;
}

.sort-competencies::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    vertical-align: unset;
    background: url('../media/images/timesheets_icons/chevron-down.svg');
    background-repeat: no-repeat;
    left: 11.5rem;
    top: 19%;
    transform: rotate(90deg);
    transition: transform .25s;
  }

.switch-visibility.open::after {
    transform: rotate(0) !important;
}

.sort-competencies.open::after {
    transform: rotate(0) !important;
}

.switch-skill-replacement .toggle{
    height: 0 !important;
}

.btn-filter-tag {
    color: #3C3C3C;
    border: 2px solid #c9c9c9;
    border-radius: 0;
    background: transparent;
    height: 27px;
    padding: 0;
    padding-left: 14px;
    padding-right: 13px;
}

.btn-filter-tag.active {
    color: #3C3C3C;
    border: 2px solid #41ABC4;
    border-radius: 0;
    background-color: #41ABC4;
    background-color: white;
}

.group-first-element{
    color: white!important;
    border: 2px solid #41ABC4;
    border-radius: 0;
    background-color: #41ABC4;
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
    height: 27px;
    cursor: default !important;
    padding: 0;
    padding-left: 14px;
    padding-right: 14px;
}

.group-last-element{
    color: white!important;
    border: 2px solid #41ABC4;
    border-radius: 0;
    background-color: #41ABC4;
    border-top-right-radius: 23px; 
    border-bottom-right-radius: 23px;
    height: 27px;
    cursor: default !important;
    padding: 0;
    padding-left: 9px;
    padding-right: 9px; 
}

.first-letter-group {
    position: relative;
    right: 0;
    left: 0px;
    padding: 0;
    width: 617px;
    color: #000;
    border-top: 1px solid #cecece; 
    top: 22px;
    padding-bottom: 3px;
    padding-top: 12px;
}

.edit-education-experience .btn-filter-tag {
    padding-left: 34px;
    padding-right: 34px;
}

.edit-education-experience .group-first-element {
    padding-left: 30px;
    padding-right: 30px;
}

.edit-education-experience .group-last-element {
    padding-left: 21px;
    padding-right: 21px;
}

.competences-btn-span{
    padding-top: 1px;
    font-weight: bolder;
}

.font-size-14px{
    font-size: 14px !important;
}

.padding-bottom-4px{
    padding-bottom: 4px !important;
}

.add-tag-modal-elemnts .form-control {
    border: 0;
    border-radius: unset !important;
    display: inline;
    width: 400px;
}

.add-tag-modal-elemnts .input-wrapper {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.add-tag-modal-elemnts .input-wrapper:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    vertical-align: unset;
    background: url('../../../media/images/pen_grey.svg');
    background-repeat: no-repeat;
    right: 280px;
    top: 36%;
}

.width-3-percent{
    width: 3% !important;
}

.competence-chart-table-comment{
    color: #505050 !important;
    font-size: 11px !important;
}

.competence-chart-table-competence-th{
    white-space: normal !important;
    width: 215px !important; 
}

.bgc-transparent{
    background-color: transparent !important;
}

.tab-pane#password {
    background-color: #ededed;
}

#personal .parse-tab-select::after{
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	vertical-align: unset;
	background: url('../../../media/images/timesheets_icons/chevron-down.svg');
	background-repeat: no-repeat;
	right: 20px;
	top: 19%;
	transform: rotate(90deg);
	transition: transform .25s;
}

#personal .parse-tab-select.open::after{
	transform: rotate(0) !important;
}

.edit-candidate-alert {
    float: unset !important;
}

.candidate-content .availability-btn-wrapper {
    position: absolute; 
    margin-left: 64.1%;
}

.parse-profile-wrapper .availability-btn-wrapper {
    position: absolute; 
    margin-left: 73.5%;
}

.template-index-wrapper .nice-select {
    width: 400px !important;
}

.salutation-select::after{
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	vertical-align: unset;
	background: url('../../../media/images/timesheets_icons/chevron-down.svg');
	background-repeat: no-repeat;
	right: 20px;
	top: 19%;
	transform: rotate(90deg);
	transition: transform .25s;
}

.salutation-select.open::after{
	transform: rotate(0) !important;
}

.education-level-custom-cell {
    box-sizing: border-box;
}

.switch-user-group-select::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    vertical-align: unset;
    background: url('../media/images/timesheets_icons/chevron-down.svg');
    background-repeat: no-repeat;
    left: 27.5rem;
    top: 19%;
    transition: transform .25s;
}

.switch-user-group-select.open::after {
    transform: rotate(180deg) !important;
}

.hide-used-tag {
    display: none !important;
}