:root {
    --aeq-dark-blue: rgba(70, 100, 154);
    --aeq-blue: rgba(160, 220, 250, 1);
    --aeq-light-blue: rgba(160, 220, 250, 0.5);
    --aeq-dark-red: rgba(170, 0, 0, 1);
    --aeq-light-red: rgba(170, 0, 0, 0.5);
    --aeq-grey: rgba(180, 180, 180, 1);
    --aeq-light-grey: rgba(237, 237, 237, 1);
    --aeq-bk-light-grey: rgba(237, 237, 237, 0.7);
    --aeq-grey-dark: rgba(139, 139, 139, 1);
    --aeq-grey-darker: rgba(70, 70, 70, 1);

    --candidate-color: var(--aeq-dark-red);
    --client-color: var(--aeq-blue);
    --screener-color: rgba(0, 0, 0, 1);
    --internal-color: var(--aeq-grey);
    --external-color: rgba(0, 0, 200, 1);

    --alert-critical: var(--aeq-dark-red);
    --alert-warning: rgba(102, 51, 153, 1);
    --step-alert-warning: orange;

    --v-border-radius: 9px;
}

/* rotate animation */

.fixed-right-buttons {
    position: fixed;
    top:55px;
    right: 15px;
    z-index: 999;
    padding: 5px 3px;
    background-color: white;
    box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
    border-radius: 1rem;
}

.fixed-right-buttons.align-row{
    display: flex;
    flex-direction: row;
    align-items: end;
}

.fixed-right-buttons.align-column{
    display: flex;
    flex-direction: column;
    align-items: end;
}

.fixed-right-buttons .fa-stack .fas:first-child{
    text-shadow: none !important;
}

#navbar_center_actions:empty {
    display: none;
}

#navbar_center_actions:not(:empty) {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
}

#navbar_center_actions:not(:empty) .fixed-right-buttons {
    position: static;
    top: auto;
    right: auto;
    z-index: auto;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}

#navbar_center_actions:not(:empty) .fixed-right-buttons.align-row {
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.25rem;
}

#navbar_center_actions:not(:empty) .fixed-right-buttons > * {
    flex-shrink: 0;
}

#navbar_center_actions:not(:empty) .fixed-right-buttons > div:last-child > .col {
    padding-right: 0;
    padding-left: 0;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.text-uppercase {
    text-transform: uppercase;
}

.z1000 {
    z-index: 1000;
}

.z2000 {
    z-index: 2000;
}

.color-white {
    color: #FFFFFF;
}

.color-green {
    color: #05C733;
}

.color-red {
    color: #bc1d1d;
}

.color-yellow {
    color: #FDEA00;
}

.color-light-coral{
    color: #F08080;
}
.color-light-blue {
    color: #00cafd;
}
.color-dark-blue {
    color: #00008B;
}
.color-violet {
    color: #8A2BE2;
}

.color-grey {
    color: #81858d;
}

.color-aeq-dark-red {
    color: var(--aeq-dark-red);
}

.color-aeq-blue {
    color: var(--aeq-blue);
}

.color-aeq-dark-blue {
    color: var(--aeq-dark-blue);
}

.color-client {
    color: var(--client-color);
}

.color-aeq-dark-red {
    color: var(--aeq-dark-red);
}

.color-candidate {
    color: var(--candidate-color);
}

.color-external {
    color: var(--external-color);
}

.color-aeq-grey {
    color: var(--aeq-grey);
}

.color-internal {
    color: var(--internal-color);
}

.main-sidebar {
    position: fixed !important;
}

[class*=sidebar-dark-] {
    background-color: var(--aeq-dark-blue)
}

.cursor-pointer {
    cursor: pointer;
}

.badge.badge-danger.navbar-badge {
    top: 1px;
}

.nav-sidebar > .nav-item {
    border: solid 1px rgba(255,255,255,0);
    border-radius: 4px;
}

.nav-sidebar > .nav-item.menu-is-opening {
    border: solid 1px rgba(255,255,255,0.5);
    /* background-color: rgba(255,255,255,0.1); */

}

.nav-sidebar .nav-treeview > .nav-item > .nav-link {
    padding-left: 1.35rem;
}

.navbar-nav > .nav-item > .nav-link > i {
    font-size: 1rem !important;
}

.nav-sidebar > .nav-item > .nav-link.active {
    background-color: rgba(255, 255, 255, .9) !important;
    color: #343a40 !important;
}

.login-logo-img {
    max-width: 100%;
}

.btn-primary-aeq {
    color: #ffffff;
    background-color: var(--aeq-dark-blue);
    border-color: var(--aeq-dark-blue);
    box-shadow: none;
}

.btn-primary-aeq:hover {
    color: #ffffff;
    background-color: var(--aeq-dark-blue);
    border-color: var(--aeq-dark-blue);
}

button.btn-primary-aeq:hover {
    background: var(--aeq-blue);
    border-color: var(--aeq-blue);
}

#modal-external-sources-filtered .user-not-active .del {
    text-decoration: line-through;
    color: var(--aeq-dark-red);
}

.btn-secondary-aeq {
    position: relative;

    color: var(--aeq-grey-darker);
    background-color: var(--aeq-blue);
    border-color: var(--aeq-blue);
    box-shadow: none;
    font-weight: 600;

    transition-duration: .28s;
    transition-property: box-shadow,transform,opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.btn-secondary-aeq:hover {
    color: var(--aeq-grey-darker);
    background-color: var(--aeq-blue);
    border-color: var(--aeq-blue);
}

.btn-secondary-aeq:focus::before,
.btn-secondary-aeq:hover::before {
    opacity: .24;
}

[type="button"]:not(:disabled).btn-secondary-aeq:hover,
[type="reset"]:not(:disabled).btn-secondary-aeq:hover,
[type="submit"]:not(:disabled).btn-secondary-aeq:hover,
button:not(:disabled).btn-secondary-aeq:hover {
    background: #8ab6cc;
}


.btn-secondary-aeq::before {
    content: "";

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: currentColor;
    border-radius: var(--v-border-radius);

    opacity: 0;
    transition: opacity .2s cubic-bezier(.4,0,.6,1);
}

.btn-primary-aeq-light {
    background-color: var(--aeq-light-blue);
    color: #ffffff;
    border-color: rgba(51, 122, 183, 1);
    box-shadow: none;
}

.btn-primary-aeq-light:hover {
    color: #ffffff;
    background-color: var(--aeq-dark-blue);
    border-color: rgba(51, 122, 183, 1);
}

.btn-danger-aeq {
    background-color: var(--aeq-dark-red);
    color: #ffffff;
    border-color: var(--danger);
    box-shadow: none;
}

.btn-danger-aeq:hover {
    color: #ffffff;
    background-color: var(--danger);
    border-color: var(--danger);
}

.bg-color-aeq {
    background-color: var(--aeq-dark-blue);
    border-color: rgba(36, 85, 128, 1);
    color: #ffffff;
}

.bg-aeq-blue {
    background-color: var(--aeq-dark-blue);
    color: #ffffff;
}

.bg-aeq-blue-light {
    background-color: var(--aeq-light-blue);
    color: #ffffff;
}

.bg-aeq-red {
    background-color: var(--aeq-dark-red);
    color: #ffffff;
}

.bg-aeq-red-light {
    background-color: var(--aeq-light-red);
    color: #ffffff;
}

.bg-aeq-grey {
    background-color: var(--aeq-grey);
    color: #ffffff;
}

.bg-aeq-grey-light {
    background-color: var(--aeq-light-grey);
}

.bg-aeq-green-light {
    background-color: #c3e6cb;
    color: inherit;
}

.bg-aeq-pink-light {
    background-color: #f5c6cb;
    color: inherit;
}

.bg-aeq-yellow-light {
    background-color: #ffeeba;
    color: inherit;
}

.bg-aeq-bk-grey-light {
    background-color: var(--aeq-bk-light-grey);
}

.bg-success-light {
    color: #ffffff;
    background-color: rgba(40, 167, 69, 0.5);
}

.bootstrap-color-red {
    color: #c82333
}

.bg-orange {
    color: white !important;
}

.bg-orange-light {
    background-color: rgba(230, 106, 2, 0.5);
}

.hover-bg-color-aeq:hover {
    background-color: var(--aeq-dark-blue);
    color: white !important;
}

.hover-bg-color-aeq-light:hover {
    background-color: var(--aeq-light-blue);
    color: white !important;
}

.currency_input {
    width: 100px;
}

.small-box:hover {
    cursor: pointer;
}

#live_render_card {
    position: fixed;
}

#form_render_card {
    position: fixed;
}

.v-align-middle {
    vertical-align: middle !important;
}

.bootstrap-switch-danger, .bootstrap-switch-success {
    line-height: 1.5 !important;
}

.direct-chat-visibility-img {
    border-radius: 50%;
    max-height: 20px;
    width: auto;
}

.direct-chat-text {
    background: transparent;
    border: 3px solid var(--aeq-blue);
}

.direct-chat-text.client {
    background: var(--aeq-blue);
}

.direct-chat-text.text-to-check{
    background: var(--aeq-dark-blue);
    border: 3px solid var(--aeq-dark-blue);
}

.direct-chat-text.text-to-check *{
    color: white;
}

.direct-chat-text.text-to-check  hr{
    border-top: 1px solid var(--aeq-direct-message-hover-text-color);
}

.comment-text, .comment-title {
    white-space: pre-line;
}

.direct-chat-text::after, .direct-chat-text::before {
    margin-right: 3px;
    border-right-color: var(--aeq-blue);
}

.right .direct-chat-text::after, .right .direct-chat-text::before {
    margin-left: 3px;
    border-left-color: var(--aeq-blue);
}

.fc-event-container:hover {
    cursor: pointer;
}

.fc-today.alert.alert-info {
    background-color: rgba(23, 162, 184, 0.5);
}

.tooltip {
    pointer-events: none;
}

.tooltip-inner {
    max-width: 50vw;
    max-height: 50vh;
}

.tooltip.show p {
    text-align: left;
}

.caretless.dropdown-toggle:after {
    content: none;
}

/*.custom-control-label {*/
/*    font-size: 1rem;*/
/*}*/

#modal-external_form .custom-control-label,
#settings_form .custom-control-label{
    font-size: inherit;
}

.nav-link-step {
    background-color: #ffffff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    border-radius: 0.5rem !important;
    color: rgba(31, 45, 61, 1);
}

a.nav-link.bg-light:focus {
    background-color: #f8f9fa !important;
}

.card-body > .col.fixed-height {
    max-height: 100%;
    overflow-y: auto;
}

.profile-picture {
    background-size: cover;
    background-position-x: center;
    width: 128px;
    height: 128px;
}

#client_card .profile-picture,
#screening_card .profile-picture,
#candidate_card .profile-picture {
    width: 100px;
    height: 100px;
}

.profile-picture.candidate-picture {
    border: 5px solid var(--candidate-color);
}

.profile-picture.client-picture {
    border: 5px solid var(--client-color);
}

.profile-picture.screener-picture {
    border: 5px solid var(--internal-color);
}

.profile-picture:hover, .dropdown-item:hover, .hover-pointer {
    cursor: pointer;
}

.company-logo {
    max-width: 128px;
}

.company-logo.logo-small {
    max-width: 79px;
}

.direct-chat-img {
    object-fit: cover;
}

.direct-chat-messages {
    height: auto;
    max-height: 100%;
}

#modal-external_form #body_left, #modal-external_form #body_right {
    max-height: 75vh;
    overflow-y: scroll;
}

#modal-external_form #body_right {
    max-height: 75vh;
    overflow-y: scroll;
    padding-left: 10px;
}

#modal-external_source #external_source_main_side, #modal-external_source #external_source_additional_side {
    max-height: 75vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

#modal_communications .communications_col .card-body .col {
    max-height: 75vh;
}

#modal-communications-chat-messages .modal-body {
    max-height: 80vh;
    overflow: scroll;
}

#modal-external_form .modal-body {
    max-height: 80vh;
    overflow: hidden;
}

.mh-80vh {
    max-height: 80vh;
    overflow: scroll;
}

.mh-90vh {
    max-height: 90vh;
    overflow: scroll;
}

.note-dropdown-menu {
    max-height: 75vh;
    overflow: scroll;
}

i.count-badge {
    position: relative;
}

.count-badge:after {
    content: attr(data-count);
    position: absolute;
    background: #dc3545;
    top: -0.5rem;
    right: -0.5rem;
    width: 1rem;
    text-align: center;
    line-height: 1rem;
    font-size: 0.8rem;
    border-radius: 50%;
    color: white;
}

.count-badge-gray:after {
    background: #9f9999 !important;
}

.dropdown-toggle:after {
    margin-left: 10px;
}

#client_card .card,
#screening_card .card,
#candidate_card .card {
    height: 100%;
    min-height: 20vh;
    margin-bottom: 10px;
}

#communication_client_card,
#comment_screening_card,
#communication_candidate_card {
    max-height: 43vh;
    height: 100%;
}

#communication_client_card .card-body,
#comment_screening_card .card-body,
#communication_candidate_card .card-body {
    overflow-y: auto;
}

#client-details-card {
    min-height: 35vh;
}

.line-info {
    overflow: hidden;
    text-align: center;
    color: var(--aeq-dark-blue);
}

.line-info .title {
    margin: 0;
    overflow: hidden;
    text-align: center;
    color: var(--aeq-dark-blue);
}

.line-info .title:before,
.line-info .title:after {
    background-color: var(--aeq-dark-blue);
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.line-info .title:before {
    right: 0.5em;
    margin-left: -50%;
}

.line-info .title:after {
    left: 0.5em;
    margin-right: -50%;
}

.row-cards .card .btn-collapse-card{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 10px;
}

.row-cards .card .btn-collapse-card a{
    color: var(--aeq-dark-blue);
}

.row-cards .card .btn-collapse-card i{
    transform: rotate(0deg);
    transition: 0.5s ease;
}

.row-cards .card .btn-collapse-card a.collapsed i{
    transform: rotate(180deg);
    transition: 0.5s ease;
}

#time-line-chart {
    position: relative;
}

#time-line-chart .btn-collapse-vue-timeline{
  position: absolute;
  bottom: -5px;
  right: -15px;
}

#time-line-chart .btn-collapse-vue-timeline button{
  color: var(--aeq-dark-blue);
}

#time-line-chart .btn-collapse-vue-timeline i{
  transition: 0.5s ease;
}

/*.row-cards h5 {*/
/*    font-size: 24px;*/
/*}*/

.row-cards .card-body div:not(.dropdown-menu .aeq-dropdown-filter-container) {
    font-size: 14px;
}

#communication_client_card .card-body div,
#comment_screening_card .card-body div,
#communication_candidate_card .card-body div{
    font-size: 14px;
}

.answer_external_sources tr {
    font-size: 14px;
}

.answer_documents_card .document-type {
    font-size: 16px;
}

.answer_external_sources tr:nth-child(2) {
    font-size: 16px;
}

.fa-stack:hover .color-aeq-grey:first-child,
.fa-stack:hover .color-aeq-dark-blue:first-child {
    color: var(--aeq-blue)
}

.fa-stack .fas:first-child {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

.card-top-actions button {
    border-radius: 1rem;
}

.card-top-actions + .card-header {
    padding-top: 0;
}

.card-top-actions > .dropdown-menu > .dropdown-item:hover {
    background-color: var(--aeq-dark-blue);
    color: #ffffff;
}

.card-top-actions {
    transform: translateY(-50%);
    min-height: 35px;
}

#screening_card > .card > .card-body {
    padding-bottom: 0px;
}

.card-body .dropdown-menu {
    max-height: 50vh;
    overflow-y: auto;
}

.scrollable-card .card-body {
    overflow: hidden auto;
    padding-bottom: 0px;
}

.step-alert.warning {
    color: var(--step-alert-warning);
}

.step-alert.critical {
    color: var(--alert-critical);
}

.card-bottom-actions, .small-box-bottom-actions {
    transform: translateY(50%);
    padding-right: 1rem;
}

.screening-status-spinner {
    width: 1rem;
    height: 1rem;
}

.fa-xxs {
    font-size: 0.6em;
}

.change-icon > .fas + .fas,
.change-icon:hover > .fas {
    display: none;
}

.change-icon:hover > .fas + .fas {
    display: inherit;
}

.small-box-bottom-actions > .fa-stack:hover > i.color-aeq-blue {
    color: var(--aeq-dark-blue);
}

.step-row {
    margin-bottom: 10px;
}

.nav-link-step .result-spot .fa-stack-2x, .nav-link-step .status-spot .fa-stack-2x {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

.nav-link-step .step-nav-link-row {
    margin-right: -1.2vw;
}

.nav-link-step .result-spot .fa-stack-1x {
    font-size: 1.2rem;
}

.nav-link-step {
    margin-bottom: .5rem !important;
    border: 2px solid #FFFFFF !important;
}

.nav-link-step.active {
    background-color: var(--aeq-light-grey) !important;
    border-color: var(--aeq-grey-dark) !important;
}

.answer-tab .card {
    border-radius: 0.5rem !important;
}

.card.answer-card .card-header {
    border-bottom: 0;
}

.answer-question-card, .answer-document-card, .external-source-card > .card {
    background-color: var(--aeq-light-grey);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}

.select2-container--default .select2-selection__rendered .select2-selection__choice {
    background-color: var(--aeq-dark-blue);
    background: var(--aeq-dark-blue);
}

.aeq-calendar .custom-control-input:checked~.custom-control-label::before{
    background-color: var(--aeq-dark-blue);
    border-color: var(--aeq-dark-blue);
}

.answer-question-card .question {
    font-weight: bold;
    font-size: 16px;
}

.event-report{
    border-color: var(--aeq-dark-red) !important;
    background-color: var(--aeq-dark-red) !important;
    font-size: 14.6px;
}

.event-reminder{
    border-color: var(--aeq-light-blue) !important;
    background-color: var(--aeq-light-blue) !important;
    font-size: 14.6px;
}

.answer-question-card .answer{
    font-size: 14px !important;
}

.answer-document-card .document-type {
    font-weight: bold;
}

.answer-question-card .answer label:not(.form-check-label):not(.custom-file-label) {
    font-weight: normal !important;
}

.questions_block .answer-question-card {
    background-color: var(--aeq-light-blue);
}

.answer-document-card-actions, .external-source-card-actions {
    transform: translateY(-40%);
}

.nav-link-step .answer_title {
    font-size: 16px;
}

.step-icon-col {
    flex: 0 0 1.5rem;
    max-width: 1.5rem;
    margin: .5rem
}

.alert-info {
    background-color: var(--aeq-dark-blue)
}

.ellipsis-2-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.fas.fa-circle.shadow-client {
    text-shadow: 0 0 5px var(--client-color);
}

.fas.fa-circle.shadow-external {
    text-shadow: 0 0 5px var(--external-color);
}

.fas.fa-circle.shadow-candidate {
    text-shadow: 0 0 5px var(--candidate-color);
}

.fas.fa-circle.shadow-internal {
    text-shadow: 0 0 5px var(--internal-color);
}

.control-sidebar.control-sidebar-dark > .sticky-top {
    top: calc(2.93725rem + 1px);
}

.sticky-under-nav {
    position: -webkit-sticky;
    position: sticky;
    top: calc(2.93725rem + 1px);
    z-index: 1020;
}

.left-filter .dataTables_filter {
    float: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 300px !important;
}

.right-length .dataTables_length {
    float: right;
}

#categoryFilter {
    display: inline;
    width: 200px;
    margin-left: 25px;
}

.calendar .btn-primary {
    background-color: var(--aeq-dark-blue);
}

#from_render {
    max-height: 80vh;
    overflow-y: scroll;
}

#live-render .card{
    width: 98%;
}

#live-render .card-body{
    max-height: 83vh;
    overflow-y: scroll;
}

table.dataTable tbody tr.selected {
 background-color: var(--aeq-light-blue);
}

@media (min-width: 1200px) {
    .modal-xl.larger {
        max-width: 90vw;
    }
}

@media screen and (max-width: 1600px) {
    html {
        font-size: 90%;
    }
    table {
        font-size: 85%;
    }
}

.no-cursor{
    cursor: not-allowed;
}

.modal-fixed .modal-dialog,
.modal-fixed .modal-content{
    height: 97%;
}

.modal-scroll-y .modal-body{
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.top-0 {
    top: 0px;
}

.end-0 {
    right: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.start-0 {
    left: 0px;
}

.capitalize-first-letter:first-letter {
  text-transform: capitalize;
}

#onboardings_table table tbody tr:hover{
    background-color: inherit !important;
    color: inherit !important;
}

#company_table table tbody tr:hover{
    background-color: inherit !important;
    color: inherit !important;
}

.no-shadow{
    box-shadow: none !important;
}

#modal-external_form .answer-question-card{
    box-shadow: none !important;
}

#dropdownMenuButton_screening_status {
    font-size: .8rem !important;
}

/*
TO DO ->
    Merge all local classes into aeq css global style
*/

/**************************************************
  AEQ CSS Global Style
***************************************************/

:root{
    --aeq-btn-primary-background-hover-color: #007bff;

    --aeq-modal-body-color: var(--aeq-blue);
    --aeq-modal-header-color: var(--aeq-dark-blue);
    --aeq-modal-header-button-color: rgba(255,255,255,1);
    --aeq-modal-header-button-color-hover: rgba(255,255,255,1);
    --aeq-modal-footer-color: var(--aeq-grey);
    --aeq-modal-footer-btn-primary-color: var(--aeq-dark-blue);
    --aeq-modal-footer-btn-primary-color-hover: #007bff;

    --aeq-direct-message-hover-background-color: var(--aeq-dark-blue);
    --aeq-direct-message-hover-border-color: var(--aeq-dark-blue);
    --aeq-direct-message-hover-text-color: white;

    --aeq-table-disabled-row-background-color: rgba(241, 241, 241, 0.5);
    --aeq-table-disabled-row-text-color: #b8b8b8;
}

/* modal */

.aeq-style .modal-content{
    border: none;
}

.aeq-style .modal-body{
}

.aeq-style .modal-header{
    background-color: var(--aeq-modal-header-color);
    color: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-bottom: none;
}

.aeq-style .modal-header button span{
    color:var(--aeq-modal-header-button-color);
    text-shadow: 0 1px var(--aeq-modal-header-button-color);
    opacity: 1;
    transition: 0.1s ease-out;
}

.aeq-style .modal-header button:hover span{
    color:var(--aeq-modal-header-button-color-hover);
    text-shadow: 0 2x var(--aeq-modal-header-button-color-hover);
    opacity: 1;
    font-size: 120%;
    transition: .2s ease-out;
}

.aeq-style .modal-footer .bg-primary,
.aeq-style .modal-footer .btn-primary{
    background-color: var(--aeq-modal-footer-btn-primary-color) !important;
}

.aeq-style .modal-footer .bg-primary:hover,
.aeq-style .modal-footer .btn-primary:hover {
    background-color: var(--aeq-modal-footer-btn-primary-color-hover) !important;
}

/* clickable direct message */

.aeq-style .clickable-message .direct-chat-text:hover{
    cursor: pointer;
    background-color: var(--aeq-direct-message-hover-background-color);
    border: 3px solid var(--aeq-direct-message-hover-border-color);
    color: var(--aeq-direct-message-hover-text-color);
}

.aeq-style .clickable-message .direct-chat-text:hover *{
    background-color: var(--aeq-direct-message-hover-background-color);
    color: var(--aeq-direct-message-hover-text-color);
}

.aeq-style .clickable-message .direct-chat-msg .direct-chat-text:hover::before,
.aeq-style .clickable-message .direct-chat-msg .direct-chat-text:hover::after{
    border-right-color: var(--aeq-direct-message-hover-background-color);
}

.aeq-style .clickable-message .direct-chat-msg.right .direct-chat-text:hover::before,
.aeq-style .clickable-message .direct-chat-msg.right .direct-chat-text:hover::after {
    border-left-color: var(--aeq-direct-message-hover-background-color);
    border-right-color: transparent;
}

.aeq-style .clickable-message .direct-chat-text:hover hr{
    border-top: 1px solid var(--aeq-direct-message-hover-text-color);
}

/*
Screening step message
*/

.aeq-style .comment_screeningstep_card{
    max-height: 400px;
}

.aeq-style .comment_screeningstep_card .direct-chat-msg .direct-chat-text{
    margin: 0;
}

.aeq-style .message-line-show-1 .direct-chat-msg .direct-chat-text,
.aeq-style .message-line-show-1 .direct-chat-msg .direct-chat-text table td div:first-child{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.aeq-style .message-line-show-2 .direct-chat-msg .direct-chat-text,
.aeq-style .message-line-show-2 .direct-chat-msg .direct-chat-text table td div:first-child{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aeq-style .message-line-show-3 .direct-chat-msg .direct-chat-text,
.aeq-style .message-line-show-3 .direct-chat-msg .direct-chat-text table td div:first-child{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.aeq-style .message-line-show-4 .direct-chat-msg .direct-chat-text,
.aeq-style .message-line-show-4 .direct-chat-msg .direct-chat-text table td div:first-child{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.aeq-style .message-line-show-5 .direct-chat-msg .direct-chat-text,
.aeq-style .message-line-show-5 .direct-chat-msg .direct-chat-text table td div:first-child{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.aeq-style .text-truncate-line-show-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.aeq-style .text-truncate-line-show-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aeq-style .text-truncate-line-show-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.aeq-style .text-truncate-line-show-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.aeq-style .text-truncate-line-show-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/* table */

/* table hover */

.aeq-style .table-hover .disabled-table-row {
    cursor: auto;
    color: var(--aeq-table-disabled-row-text-color);
}

.aeq-style .table-hover .disabled-table-row {
    cursor: auto;
}

.aeq-style .table-hover .disabled-table-row:hover {
    background-color: var(--aeq-table-disabled-row-background-color);
}

.aeq-style .table-hover .selectable-table-row{
    cursor: pointer;
}

.aeq-style .table-hover .selectable-table-row:hover{
    background-color: var(--aeq-blue);
}

.aeq-style .table-hover .disabled-table-row {
    background-color: var(--aeq-table-disabled-row-background-color);
}

/* general */
/* Notifications */

.aeq-style #notification-menu .dropdown-menu {
    min-width: 500px;
}

.aeq-style #notification-menu-content{
    padding-left:5px;
    padding-right:5px;
    padding-top: 5px;
}

.aeq-style .aeq-notification{
    margin-bottom: 5px;
    border-radius: 5px;
    border-color: var(--aeq-light-blue);
    border-width: 2px;
    border-style: solid;
}

.aeq-style #notification-menu-header{
    background-color: var(--aeq-dark-blue);
    color: white;
    font-weight: bold;
}

.aeq-style .aeq-notification i{
    color: var(--aeq-dark-blue);
}

.aeq-style .aeq-notification .dropdown-item{
    padding-left:7px;
    padding-right:7px;
}

.aeq-style .aeq-notification .dropdown-item:hover{
    background-color:  var(--aeq-light-blue);
}

.aeq-style .aeq-notification .dropdown-item[aria-expanded="true"]{
    background-color: var(--aeq-light-blue);
}

.aeq-style .aeq-notification .dropdown-item[aria-expanded="false"]{
    background-color: inherit;
}

.aeq-style .aeq-notification .dropdown-item[aria-expanded="false"]:hover{
    background-color: var(--aeq-light-blue);
}

.aeq-style #ordered_screenings_table td.candidate-info-container {
    padding: 0;
}

.aeq-style #ordered_screenings_table .candidate-info {
    width: 100%;
    height: 100%;
    padding: 12px;
}

.aeq-style #ordered_screenings_table td.candidate-info-container.note-alert {
    background: rgba(241, 145, 145, 0.2)
}

.aeq-style .note-alert p {
    color: black;
}

.aeq-style .note-alert p:first-child {
    background-color: var(--aeq-dark-red);
    color: white;
    position: relative;
}

.aeq-radius {
    border-radius: var(--v-border-radius) !important;
}

/* General */

.aeq-style .step-form-description{
    white-space: pre-line;
}

.aeq-style .top-bordered{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.aeq-style .bottom-bordered{
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.aeq-style .bordered{
   border-radius: 5px;
}

.aeq-style .bordered-50p{
   border-radius: 1rem;
}

.aeq-style #ordered_screenings_table ._CHANGE_ {
    text-decoration: underline;

}


/*
    TODO: remove all #questions_cards css id selector after builder completed
*/

.aeq-style #questions_cards .bordered,
.aeq-style .form-element-card .bordered {
    background-color: rgba(0,0,0,0.1);
    position: relative;
}

.aeq-style #questions_cards .btn-condition-type,
.aeq-style .form-element-card .btn-condition-type {
    position: absolute;
    right: 100px ;
    top: -23px;
}

.aeq-style #questions_cards .bordered span .color-aeq-dark-red,
.aeq-style .form-element-card .bordered span .color-aeq-dark-red {
   color: rgba(0,0,0,0.5);
}

.aeq-style #questions_cards .btn-add-question:hover,
.aeq-style .form-element-card .btn-add-question:hover {
    background-color: rgba(0,0,0,.15);
    color: #fff;
}

.aeq-style .dowload-joined-document-button {
    display: block;
    width: 280px;
}

.aeq-style .dowload-joined-document-button:hover{
    background: #80aaaf;
    transition: 0.3s;
}

.aeq-style .dowload-joined-document-button a {
    color: inherit;
}

.text-sm .invalid-feedback {
    font-size: 100%;
}

/*
    anonymized screening class
*/

.aeq-style .is_anonymized .card-bottom-actions,
.aeq-style .is_anonymized #candidate_card .dropdown,
.aeq-style .is_anonymized #screening_card .dropdown,
.aeq-style .is_anonymized #client_card .dropdown,
.aeq-style .is_anonymized #dropdownMenuButton_screening_status,
.aeq-style .is_anonymized .answer_status_update,
.aeq-style .is_anonymized .answer_result_update,
.aeq-style .is_anonymized .card-top-action-buttons,
.aeq-style .is_anonymized .external-source-card-actions,
.aeq-style .is_anonymized .aeq-calendar .draggable-events,
.aeq-style .is_anonymized ._CHANGE_VISIBILITY_,
.aeq-style .is_anonymized .external-source-card .answer_status .dropdown{
    display: none;
}

.aeq-style .is_cancelled .answer_status_update,
.aeq-style .is_cancelled .answer_result_update,
.aeq-style .is_cancelled .internet-profile,
.aeq-style .is_cancelled ._MANAGE_AUTOMATION_ORDER_,
.aeq-style .is_cancelled ._ORDER_CRIMINAL_RECORD_OLD_,
.aeq-style .is_cancelled ._ORDER_CRIMINAL_RECORD_,
.aeq-style .is_cancelled ._ORDER_ID_CHECK_,
.aeq-style .is_cancelled ._ORDER_WORK_PERMIT_CHECK_,
.aeq-style .is_cancelled #add_step_modal_id {
    display: none;
}

.aeq-style #switchable-fields-button .button-icon {
    background-color: white;
    position: absolute;
    cursor: pointer;
    color: #495057;
    border-radius: 50%;
    border: 1px solid #ced4da;
    padding: 15px;
}

.aeq-style #switchable-fields-button .button-line {
    position: absolute;
    width: 1px;
    background-color: #ced4da;
    height: 70%;
}

.aeq-style #switchable-fields-button .button-icon:hover {
    background-color: #ced4da;
    transition: 0.3s;
}


.aeq-style .is_anonymized .external-source-card{
    margin-bottom: 10px;
}

/*
Global Scroll Style
*/

::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}

::-webkit-scrollbar-button {
    display:none;
}

.aeq-style tbody .column-truncate div{
  max-width:150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
    override default checkbox style using font awesome in modal comment
*/

.aeq-style #modal-client_users .modal-body,
.aeq-style #modal-select_company .modal-body{
    overflow: hidden;
}

.aeq-style #modal-client_users .dataTables_wrapper,
.aeq-style #modal-select_company .dataTables_wrapper {
    height: 100%;
}

.aeq-style #modal-client_users .datatable-container,
.aeq-style #modal-select_company .datatable-container {
    overflow: scroll;
    height: 90%;
}

.checkbox-inline {
    vertical-align:middle;
    position: absolute;
    top: 40%;
    left: 5%;
}
.aeq-style #modal-comment #id_candidate_visibility,
.aeq-style #modal-comment #id_client_visibility{
    display:none;
}
.checkbox-inline {
    vertical-align:middle;
    position: absolute;
    top: 40%;
    left: 5%;
}

.aeq-style #modal-comment #id_candidate_visibility + label:before,
.aeq-style #modal-comment #id_client_visibility + label:before{
    font-family: 'Font Awesome 5 Free', serif;
    display: inline-block;
    font-size: 170%;
    vertical-align: middle;
}

.aeq-style #modal-comment #id_candidate_visibility + label:before,
.aeq-style #modal-comment #id_client_visibility + label:before {
    content: "\f111";
    letter-spacing: 5px;
}

.aeq-style #modal-comment #id_candidate_visibility + label:before{
    color: white;
    filter: drop-shadow(0px 0px 4px var(--candidate-color));
}

.aeq-style #modal-comment #id_client_visibility + label:before {
    color: white;
    filter: drop-shadow(0px 0px 4px var(--client-color));
}

.aeq-style #modal-comment #id_candidate_visibility:checked + label:before,
.aeq-style #modal-comment #id_client_visibility:checked + label:before {
    content: "\f058";
    letter-spacing: 5px;
}

.aeq-style .aeq-calendar .select2-container--default{
    width: 100% !important;
}

.aeq-style #modal-comment #id_client_visibility:checked + label:before {
    content: "\f058";
    letter-spacing: 5px;
    color: var(--client-color);
    filter: drop-shadow(0px 0px 5px white);
}

.aeq-style #modal-comment #id_candidate_visibility:checked + label:before {
    content: "\f058";
    letter-spacing: 5px;
    color: var(--candidate-color);
    filter: drop-shadow(0px 0px 5px white);
}

.aeq-style .aeq-calendar .select2 li{
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aeq-style .aeq-calendar .select2 ul{
    max-height: 110px;
    overflow-y: auto;
}

.aeq-style .select2-dropdown{
    font-size: 90% !important;
}

.aeq-style #provided_informations_table td,
.aeq-style #external_sources_list_filtered_table td{
    word-break: break-all !important;
}

.reduced option{
    font-size: 80% !important;
}

.credit-card{
    border-radius: 15px !important;
    background-image: linear-gradient(60deg, rgb(43, 42, 42), rgb(236, 234, 234), rgb(159, 158, 158), rgb(221, 218, 218), rgb(53, 53, 53));
}
.credit-card .round-icon {
    margin-left: -35px !important;
}

@media screen and (min-width: 780px) {
    .conditions-block.line-left {
        border-left-style: solid;
        border-left-color: white;
        border-left-width: 2px;
        padding-left: 15px;
        padding-top: 15px;
        margin-left: -17px;
        margin-top: -3px;
    }
}

.answer-question-card .custom-control-input:checked:disabled~.custom-control-label.black::before {
    background-color: black;
    color: black;
    border-color: black;
}

.answer-question-card .custom-control-input:checked:disabled~.custom-control-label {
    color: black;
}

my-element::part(foo) {
  color: red;
}

.step-form .default-aspect-ratio {
    aspect-ratio: 16 / 9;
    position: relative;
    object-fit: contain;
}

#form-container .step-form .cursor-pointer:hover{
   transition: all .3s ease;
}

#form-container .step-form .cursor-pointer:hover{
    filter: brightness(0.7);
}

.step-form .default-aspect-ratio:after {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to right, rgba(160, 220, 250, 1), rgba(160, 220, 250, 1));
    color: white;
    font-size: 2em;
    content: 'Paste an image!';
}

.modal_iframe {
    height: 70vh;
}

.ui-sortable-helper .card {
    border: 5px solid var(--aeq-dark-blue);
}

#release_notes_modal .modal-dialog{
    overflow-y: initial !important
}

#release_notes_modal .modal-body {
    height: 80vh;
    overflow-y: auto;
}

.control-sidebar .dashboard_card {
    min-width: 230px !important;
}

.control-sidebar .dashboard_card .card-header h4,
.control-sidebar .dashboard_card .card-header h2 {
    font-size: 15px !important;
    color: #1b1e21;
}

.control-sidebar .dashboard_card .card-body,
.control-sidebar .dashboard_card .card-footer {
    display: none;
}

.sortable-ghost .card-header {
    background: lightcoral;
}

.rating {
    display: flex;
    justify-content: center; /* Centre les étoiles horizontalement */
}

.rating {
    display: flex;
}

.star {
    font-size: 32px;
    color: lightgray;
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.star::before {
    content: '\2605';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    color: gold;
}

.star.empty::before {
    width: 0;
}

.star.quarter::before {
    width: 33%;
}

.star.half::before {
    width: 50%;
}

.star.three-quarters::before {
    width: 66%;
}

.star.full::before {
    width: 100%;
}

.badge-circle {
    font-size: .6rem;
    font-weight: 300;
    position: absolute;
    border-radius: 50%;
    top: 0;
    padding: 2px 4px;
}

.multi-column-checkbox {
  column-count: 3;
  column-gap: 1rem;
}

.pre-wrap {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}

input[type="range"].is-invalid {
    background-image: none !important;
    padding-right: 0 !important;
}