article {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.form-control {
    font-size: 14px;
}

tr.tr-selectenable:hover {
}
.blockEdit {
    pointer-events: none; 
}
.radio-navegation {
    display: flex;
    margin-left: 20px !important;
}
.text-tabs {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-spline-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font-family: 'SplineSans';
    font-size: 14px;
    line-height: 16px;
    font-weight: 550;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #263238;
}

.DetailExChange {
    display: flex;
    justify-content: space-between;
    /*white-space: pre-wrap;*/
}
.down-check {
    display: flex;
    align-items: center;
}
.button-permits {
    display: flex;
    justify-content: center;
}
.note-text {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal normal 14px/21px Roboto-regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
    margin-top: 20px;
    margin-bottom: 30px;
}
.tooltip-wrapper-permits {
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

    .tooltip-wrapper-permits .tooltip-wrapper-content-permits {
        visibility: hidden;
        bottom: 100%;
        z-index: 1;
        position: absolute;
        transform: translate(-50%, -100%);
        font-size: 10px;
        box-shadow: rgba(38, 50, 56, 0.16) 0px 3px 6px;
        width: 400px;
        left: -205px;
        top: 300%;
        color: rgb(38, 50, 56);
        text-align: start;
        height: max-content;
        background: white;
        border-radius: 3px;
        margin: 10px 0px 0px;
        padding: 20px 30px 30px 30px;
    }

.tooltip-wrapper-text-permits {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal normal 14px/21px Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}

.tooltip-wrapper-content-permits strong {
    color: #263238;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: SplineSans;
    font-size: var(--font-size-modal-title);
}

.tooltip-wrapper-permits :hover .tooltip-wrapper-content-permits {
    visibility: visible;
}


.switch-button {
    margin-left: 13%;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}
.text-checkbox {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}
.checkbox-authorization {
    display: flex;
    align-items: flex-start;
    padding-top:6px;
}
.switch-authorization {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.label-authorization {
    margin-bottom: 4px;
}

.modal-dialog.oda-modal-insert-dialog-horizontal-modal {
    width: 1164px;
    display: flex;
    height: calc(100% - 10em);
}
.modal-dialog.vacation-horizontal-modal {
    width: 1450px;
    display: flex;
    height: calc(100% - 10em);
}
.text-check {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}
.DeleteIcon:hover img {
    filter: brightness(13);
}

.oda-btn-x {
    background: white 0% 0% no-repeat padding-box;
    border: 2px solid #C11313 !important;
    color: #C11313 !important;
}

.ximg {
    background-image: url('/images/navicons/MDI - account-remove-outline.svg') !important;
    width:24px;
    height:24px;
    margin-right:6px;
}

.oda-btn-x:hover {
    background: #C11313 0% 0% no-repeat padding-box;
    border: 2px solid #C11313 !important;
    color: white !important;
}

    .oda-btn-x:hover .ximg {
        background-image: url('/images/navicons/MDI - account-remove-outline-white.svg') !important;
    }

.oda-btn-x:active {
    background: #842029 0% 0% no-repeat padding-box;
    color: white;
    border: 2px solid #842029;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #b1b1b1 !important;
}

.center-period {
    display: flex;
    justify-content: center;
    align-items: center;
}

.textTime {
    margin-right: 3px;
    width: max-content;
}

.info-calendar {
    display: flex;
}

.text-info-calendar {
    margin-left: 6px;
}

.day-disable-calendar {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 12px/var(--unnamed-line-spacing-16) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: right;
    font: normal normal bold 12px/16px Roboto;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.5;
}

.day-calendar {
    color: white;
    width: 24px;
    height: 24px;
    background: var(--principal_azul) 0% 0% no-repeat padding-box;
    background: #2196F3 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

.calendar-form-cell-day-counter {
}

.block-day-number-container {
    display: flex;
    height: 24px;
    width: 24px;
    margin-left: auto;
}

.block-day-number-content {
    font-size: 12px;
    margin: auto;
    margin-left: auto;
    margin-right: 0px;
}

.block-day-calendar {
    display: flex;
    justify-content: flex-end;
}

.text-calendar-day {
    height: 19px;
    text-align: left;
    font: normal normal normal 14px/19px 'Roboto-Regular';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 8px;
}

.work-day-calendar {
    width: 158px;
    height: 16px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-spline-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    font-family: SplineSans;
    font-weight: 600;
    text-align: left;
    letter-spacing: 0px;
    color: #02447B;
    opacity: 1;
    margin-bottom: 16px;
}

.work-day-calendar-sunday {
    left: 507px;
    width: 158px;
    height: 16px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-spline-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    font-family: SplineSans;
    font-weight: 600;
    color: var(--primary);
    text-align: left;
    letter-spacing: 0px;
    color: #D09500;
    opacity: 1;
    margin-bottom: 16px;
}

.ordinary-calculate {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.calendar-form-day-name-labels-employee {
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    background-color: #ECEFF1;
}

    .calendar-form-day-name-labels-employee > div {
        padding: 8px 20px;
        width: calc(100%/7);
        text-align: left;
        display:flex;
    }

    .calendar-form-day-name-labels-employee > div > div {
        margin:auto 0px;
    }

.caledar-form-card {
    padding: 26px 30px 0px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    margin-bottom: 1.1rem;
    border-radius: 8px;
    height: calc(100vh - 250px);
}


.calendar-form-table-container {
    padding: 0px 0px 30px 0px;
    margin: 0px -30px;
}

.calendar-form-container-employee {
    height: calc(100% - 90px);
    overflow-y: auto;

    -ms-overflow-style: none;
    scrollbar-width: none;
}

.calendar-form-container-employee::-webkit-scrollbar {
    display: none;
}

.calendar-form-cell-employee {
    width: 100%;
    height: 160px;
    border: 1px solid #ECEFF1;
    padding: 10px 14px 14px 14px;
    font-size: 14px;
    font-family: Roboto-Regular;
    color: #263238;
    position: relative;
}

.calendar-form-cell-differentmonth-employee {
    background: #ffffff;
}

.calendar-form-row-employee {
    display: flex;
    justify-content: space-between;
}

input[type=date] {
    font-size: 14px;
    color: #263238;
    font-family: Roboto-Regular;
}

    input[type=date]::placeholder {
        color: #263238;
        opacity: 0.5;
    }

.prepayroll-entryleave-placeholder {

}

.boderTimeDiffPositive,
.borderTimeDiffNegative {
    padding: 2px 3px;
}

.boderTimeDiffPositive {
    background: var(--secundario_verde) 0% 0% no-repeat padding-box;
    background: #C8E6C9 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 0.5;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 5px;
    min-height: 23px;
    min-width: 48px;
}

.diffTimeText {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.borderTimeDiffNegative {
    background: #F8BBBB 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 0.5;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 5px;
    min-height: 23px;
    min-width: 48px;
}

.TimeDiffNegative {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--obligatorio);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #C11313;
    opacity: 1;
    /*width: 19px;*/
    /*height: 36px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.TimeDiffPositive {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--principal_verde);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-regular;
    letter-spacing: 0px;
    color: #189638;
    opacity: 1;
  /*  width: 19px;*/
    /*height: 36px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.yellowDayOff {
    top: 508px;
    left: 967px;
    width: 12px;
    height: 12px;
    background: var(--secundario) 0% 0% no-repeat padding-box;
    background: #FDB703 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 8px;
    margin-right: 5px;
}

.redDayWork {
    left: 967px;
    width: 12px;
    height: 12px;
    background: var(--principal_rosa) 0% 0% no-repeat padding-box;
    background: #E91E63 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 8px;
    margin-right: 5px;
}

.EmployeePrePayrollDayLabel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.blueDayWork {
    left: 967px;
    width: 12px;
    height: 12px;
    background: var(--principal_azul) 0% 0% no-repeat padding-box;
    background: #2196F3 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 8px;
    margin-right: 5px;
}

.tooltip-wrapper-hours {
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

    .tooltip-wrapper-hours .tooltip-wrapper-content-hours {
        visibility: hidden;
        bottom: 100%;
        z-index: 1;
        position: absolute;
        transform: translate(-50%, -100%);
        font-size: 10px;
        box-shadow: rgba(38, 50, 56, 0.16) 0px 3px 6px;
        width: 139px;
        left: 63px;
        top: -57%;
        color: rgb(38, 50, 56);
        text-align: start;
        background: white;
        border-radius: 3px;
        margin: 10px 0px 0px;
        padding: 10px 10px 5px 10px;
        height: max-content;
    }

.tooltip-wrapper-content-hours {
    position: relative;
    /*display: inline-block;*/
    margin-top: 9%;
    margin-bottom: auto;
}

.tooltip-wrapper-text-hours {
    font-family: SplineSans;
    font-size: var(--font-size-modal-title);
}

.tooltip-wrapper-content-hours strong {
    color: #02447B;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: SplineSans;
    font-size: var(--font-size-modal-title);
    margin-top: -24px;
}

.tooltip-wrapper-hours:hover .tooltip-wrapper-content-hours {
    visibility: visible;
}

#modal-note-detail .modal-body div:not(.btn-text),
.tooltip-wrapper-text-hours {
    white-space: pre-line;
    /*margin-top: -24px;*/
}


.tooltip-wrapper-calculate {
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

    .tooltip-wrapper-calculate .tooltip-wrapper-content-calculate {
        visibility: hidden;
        bottom: 100%;
        z-index: 1;
        position: absolute;
        transform: translate(-50%, -100%);
        font-size: 10px;
        box-shadow: rgba(38, 50, 56, 0.16) 0px 3px 6px;
        width: 147px;
        min-width: max-content;
        left: 130px;
        top: 104%;
        color: rgb(38, 50, 56);
        text-align: start;
        background: white;
        border-radius: 3px;
        margin: 10px 0px 0px;
        padding: 2px 34px 48px 30px;
        padding-top: -2px;
        padding-left: 7px;
    }

.tooltip-wrapper-content-calculate {
    position: relative;
    display: inline-block;
    margin-top: 9%;
    margin-bottom: auto;
}

.tooltip-wrapper-text-calculate {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
}

.tooltip-wrapper-content-calculate strong {
    color: #02447B;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: SplineSans;
    font-size: var(--font-size-modal-title);
    margin-top: -24px;
}

.tooltip-wrapper-calculate:hover .tooltip-wrapper-content-calculate {
    visibility: visible;
}

#modal-note-detail .oda-btn {
    margin: auto;
}

#modal-note-detail .modal-body div:not(.btn-text) {
    white-space: pre-line;
    margin-top: 14px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    font-family: Roboto-Regular;
    line-break: anywhere;
}


.tooltip-wrapper-text-calculate {
    white-space: pre-line;
    margin-top: 14px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal bold 14px/21px Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}


.Label_blue {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--principal_azul);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #2196F3;
    opacity: 1;
}

.carousel-indicators {
    margin-bottom: -1rem;
    z-index: 1 !important;
}   

    .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px;
        background-color: #ECEFF1;
        border-radius: 50%;
        opacity: 1;
    }

    .carousel-indicators .active {
        background-color: #2196F3 !important;
    }

.result_period .blazored-typeahead__results {
    bottom: 2rem;
}

.period .blazored-typeahead {
    width: 248px;
    height: auto;
}

.period.result_period .blazored-typeahead > .blazored-typeahead__controls,
.period.result_period .blazored-typeahead {
    height: 40px;
}


.period.result_period .blazored-typeahead__input-mask {
    min-height: -webkit-fill-available;
}


.months .blazored-typeahead .blazored-typeahead__results {
    max-height: 330px !important;
}
.current_border_status_false-cv {
    background: var(--secundario_rosa) 0% 0% no-repeat padding-box;
    background: #F8BBD0 0% 0% no-repeat padding-box;
    border-radius: 9px;
    width: 52px;
    height: 31px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0%;
    justify-content: center;
}
    .current_status_active {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #009511;
    opacity: 1;
}

.current_border_status_active {
    background: var(--secundario_verde) 0% 0% no-repeat padding-box;
    background: #C8E6C9 0% 0% no-repeat padding-box;
    border-radius: 9px;
    min-width: 52px;
    width: max-content;
    padding-left: 8px;
    padding-right: 8px;
    height: 31px;
    padding-top: 0%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.current_status_false {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #CE1453;
    opacity: 1;
}
.EmployeeTransactionRecord {
    display: flex;
    justify-content: space-between;
}

.current_border_status_false {
    background: var(--secundario_rosa) 0% 0% no-repeat padding-box;
    background: #F8BBD0 0% 0% no-repeat padding-box;
    border-radius: 9px;
    min-width: 52px;
    width: max-content;
    padding-left: 8px;
    padding-right: 8px;
    height: 31px;
    padding-top: 0%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.current_status_EmployeeTransactionRecord {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--primary);
    text-align: center;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #D09500;
    opacity: 1;
}

.current_border_status_EmployeeTransactionRecord {
    background: var(--secundario_amarillo) 0% 0% no-repeat padding-box;
    background: #FFF9C4 0% 0% no-repeat padding-box;
    border-radius: 9px;
    opacity: 1;
    width: 76px;
    height: 31px;
    padding-top: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-test {
    border-radius: 16px;
    height: 32px;
    width: 32px;
    margin-right: 16px;
}

.user-form-section-container.collapse-form-section {
    max-height: 0px;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.user-test-details {
    border-radius: 19px;
    height: 40px;
    width: 40px;
    margin-right: 16px;
}



table.list-table tbody tr.tr-editing:hover {
    background-color: white;
}


tr.tr-editable .oda-input {
    width: 100%;
}

.oda-modal-content .blazored-typeahead,
.form-control {
    min-height: 40px;
    border: 1px solid #ECEFF1;
    font-size: 14px;
    font-family: Roboto-Regular;
}

.oda-modal-content .blazored-typeahead__input,
.form-control {
    padding: 0.375rem 0.75rem;
}


.blazored-typeahead__clear {
    display: none !important;
}

/*Font size*/
    .font14 {
    font-size: 14px;
}

/*Table Text*/

.table-info-header {
    padding: 20px;
}

.table-info-header-title {
    font-family: Roboto-Regular;
    color: #263238;
    font-size: 14px;
    font-weight: 700;
    height: 19px;
}

.table-info-header-info {
    font-family: Roboto-Regular;
    color: #263238;
    font-size: 12px;
    height: 16px;
    margin-top: 4px;
}


table.list-table.stamping-table {
    border-bottom: 1px solid #ECEFF1;
    box-shadow: none;
}


.table-info-header-container {
    border-radius: 8px;
    box-shadow: 0px 0px 10px #26323829;
    background-color: white;
}

.table-info-header-container .list-table-container {
    border-radius: unset;
    box-shadow: none;
    max-height: calc(100vh - 1.1em - 280px);
    min-height: calc(100vh - 1.1em - 280px);
}


.ConfigurationTableText {
    font-family: Roboto-Regular;
    color: #000000;
}
/*Colors just cuz*/
    .page {
    background-color: #ECEFF1;
    color: black;
}

table.table {
    color: white;
}

.top-row.px-4 {
    background-color: white !important;
    box-shadow: 0px 3px 6px #26323829;
}

html {
    height: 100vh;
    background: black;
}


td.td-money {
    text-align: right;
}

.modal table.table {
    color: black;
}

    .modal table.table tbody {
        max-height: 300px;
        overflow-y: auto;
        display: -webkit-box;
    }

tr.tr-editable .oda-input {
    width: 100%;
}

.oda-modal-content .blazored-typeahead,
.form-control {
    height: 40px;
    min-height: 40px;
    border: 1px solid #ECEFF1;
}

.oda-modal-content .blazored-typeahead__input,
.form-control {
    padding: 0.375rem 0.75rem;
}


.blazored-typeahead__clear {
    display: none !important;
}


.blazored-typeahead__result {
    min-height: 37px;
}

/*Font size*/
.font14 {
    font-size: 14px;
}

/*Table Text*/
.ConfigurationTableText {
    font-family: Roboto-Regular;
    color: #000000;
}
/*Colors just cuz*/
.page {
    background-color: #ECEFF1;
    color: black;
}

table.table {
    color: white;
}

.top-row.px-4 {
    background-color: white !important;
    box-shadow: 0px 3px 6px #26323829;
}

html {
    height: 100vh;
    background: black;
}


td.td-money {
    text-align: right;
}



.modal table.table {
    color: black;
}

    .modal table.table tbody {
        max-height: 300px;
        overflow-y: auto;
        display: -webkit-box;
    }

    .modal table.table tbody {
        display: block;
        height: 300px;
        overflow-y: auto;
    }

        .modal table.table thead,
        .modal table.table tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

    .modal table.table thead {
        /*width: calc( 100% - 1em )*/
    }




#SubContent .nav-item a.nav-link.submenu-dropdown.active {
    background-color: white;
}


#SubContent .nav-item a.nav-link.active .submenu-row {
    color: var(--color-main-light);
}

.nav-link-icon {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    /*margin-left: 16px;*/
    margin-left: 24px;
}

.nav-link-icon-subcategory {
    display: none;
}

#SubContent.collapsed .nav-link-icon-subcategory {
    display:block;
}

#SubContent.collapsed .nav-link-icon {
    margin-left: 16px;
}

    .nav-link-icon.nav-link-icon-active {
        display: none;
    }

a.nav-link-mask {
    display: block;
    height: max-content !important;
    color: inherit !important;
    text-decoration: inherit;
}


.nav-link-hover-trigger:hover .nav-link-hover-displaycontent,
.nav-link-hover-displaycontent:hover {
    display: block;
}


.nav-link-hover-displaycontent {
    display: none;
    position: absolute;
    margin-top: -116px;
    margin-left: 116px;
}

.nav-hover-container {
    background-color: #02447B;
    border-radius: 5px;
    min-width: 315px;
    width: max-content;
    padding: 10px 0px;
    margin-left: 10px;
}

.nav-hover-item-row {
    min-width: 100%;
    width: max-content !important;
    height: unset !important;
    min-height: 40px;
    display: flex;
    padding: 0px 15px;
    text-decoration: none !important;
}

.nav-hover-item-row-content {
    width: max-content;
    display: inline-flex;
    width: max-content;
    margin: auto;
    margin-left: 0;
}

.nav-hover-item-row:hover {
    background-color: var(--color-main-light);
    cursor: pointer;
}

.nav-hover-item-icon {
    height: 25px;
    width: 25px;
    margin-left: 5px;
    margin-right: 10px;
}

.nav-hover-item-label {
    color: white;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    line-height: normal;
    font-size: 14px;
}

.nav-a-link {
    font-weight: 400 !important;
}

#SubContent .nav-item a.nav-link.active .nav-link-icon.nav-link-icon-active {
    display: block;
}

#SubContent.collapsed .subcontent-collapsed-hide,
#SubContent.collapsed .nav-item a.nav-link.active .nav-link-icon.nav-link-icon-active.subcontent-collapsed-hide,
#SubContent .nav-item a.nav-link.active .nav-link-icon.nav-link-icon-inactive {
    display: none;
}

.submenu-row {
    color: #263238;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    font-weight: 600;
}

.submenu-dropdown .submenu-row {
    width: 100%;
}

.submenu-row div {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
}

.submenu-dropdown .submenu-row img.nav-link-icon {
    margin-left: auto;
}

#SubContent.collapsed .submenu-row div {
    display: none;
}

#SubContent .nav-link-tooltip {

}

/*#SubContent.collapsed .nav-link-tooltip {
    position: relative;
}

#SubContent.collapsed .nav-link .nav-link-tooltip {
    position: relative;
}
*/

.nav-link-icon-subsectionheader {
    display:none;
}

#SubContent.collapsed .nav-link-icon-subsectionheader.subcontent-collapsed-show {
    display: block;
    /*margin: auto;*/
    text-align: center;
    color: #263238;
}


#SubContent.collapsed .active .nav-link-icon-subsectionheader.subcontent-collapsed-show {
    color: var(--color-main-light);
}


.nav-link-tooltip-content.subcontent-collapsed-show {
    display: none;
}

#SubContent.collapsed .nav-link:hover .nav-link-tooltip-content,
#SubContent.collapsed .nav-link-mask:hover .nav-link .nav-link-tooltip-content {
    background: gray;
    padding: 5px;
    border-radius: 3px;
    position: absolute;
    color: #FFF;
    text-align: center;
    margin: 0px 0px 0px 45px;
    font-size: 10px;
    width: max-content;
    display: block;
    height: max-content;
}


/*Main*/
@font-face {
    font-family: SplineSans;
    src: url(/fonts/SplineSans-VariableFont_wght.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(/fonts/Roboto-Black.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(/fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-VariableFont_wght.ttf);
}

html, body {
    font-family: SplineSans;
    overflow: hidden;
}

html {
    --color-main: #02447B;
    --primary: #02447B;
    --info: #2196F3;
    --color-main-light: #2196F3;
    --dark: #263238;
    --color-cards: white;
    --font-size-menu: 16px;
    --font-size-username: 14px;
    --font-size-userrole: 10px;
    --font-size-page-title: 20px;
    --font-size-page-subtitle: 14px;
    --font-size-button: 14px;
    --font-size-modal-title: 14px;
}

.oda-input {
    height: 40px;
    border: 1px solid var(--light);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    opacity: 1;
    padding: 0px 10px;
}

.oda-btn {
    height: 40px;
    border-radius: 4px;
    opacity: 1;
    text-align: left;
    font-family: SplineSans;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    border: none;
    padding: 6px 8px;
    padding: 6px 12px;
    font-weight: 400;
    /*padding: 6px 12px 6px 8px;*/
    font-size: var(--font-size-button);
    overflow-x: hidden;
}
.oda-btn-delete {
    border-radius: 4px;
    opacity: 1;
    text-align: left;
    font: normal normal 500 14px/16px SplineSans;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    border: none;
    padding: 6px 8px;
    padding: 6px 12px;
    /*font-weight: 400;*/
    /*padding: 6px 12px 6px 8px;*/
    font-size: var(--font-size-button);
}
input::placeholder {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-regular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.5;
}
.oda-btn-disable {
    border-radius: 4px;
    opacity: 1;
    text-align: left;
    font: normal normal normal 14px/16px SplineSans;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    border: none;
    padding: 6px 8px;
    /*padding: 6px 12px;*/
    padding: 6px 15px 6px 12px;
    font-size: var(--font-size-button);
}

.oda-btn-disable2 {
    background: white;
    border: 2px solid #ECEFF1;
    color: #ECEFF1;
}


    .oda-btn img {
        margin: auto;
        margin-right: 6px;
        /*margin-left: -6px;*/
        height: 24px;
        width: 24px;
    }
.oda-btn-disable img {
    margin: auto;
    margin-right: 6px;
    /*margin-left: -6px;*/
    height: 24px;
    width: 24px;
}
.oda-btn-delete img {
    margin: auto;
    margin-right: 6px;
    /*margin-left: -6px;*/
    height: 24px;
    width: 24px;
}

    .oda-btn .btn-text {
        margin: auto;
        line-height: initial;
    }
.oda-btn-disable .btn-text {
    margin: auto;
    line-height: initial;
}
.oda-btn-delete .btn-text {
    margin: auto;
    line-height: initial;
}
    .oda-btn.disabled {
        opacity: 0.5 !important;
        cursor: not-allowed !important;
    }


.oda-btn-primary {
    background: #02447B 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

    .oda-btn-primary:hover {
        background: #2196F3 0% 0% no-repeat padding-box;
    }

    .oda-btn-primary:active {
        background: #02447B 0% 0% no-repeat padding-box;
    }

    .oda-btn-primary:disabled {
        background: #ECEFF1 0% 0% no-repeat padding-box;
    }


.oda-btn-yellow {
    background: #D09500 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    min-height: fit-content;
}

    .oda-btn-yellow:hover {
        background: #FDB703 0% 0% no-repeat padding-box;
    }

    .oda-btn-yellow:active {
        background: #D09500 0% 0% no-repeat padding-box;
    }

    .oda-btn-yellow:disabled {
        background: gray 0% 0% no-repeat padding-box;
        opacity: 0.5;
        cursor: not-allowed !important;
    }

.oda-btn-red {
    background: #C11313 0% 0% no-repeat padding-box;
    border: 2px solid #C11313;
    color: #FFFFFF;
}

    .oda-btn-red:hover {
        background: #ED4646 0% 0% no-repeat padding-box;
        border: 2px solid #ED4646;
    }

    .oda-btn-red:active {
        background: #842029 0% 0% no-repeat padding-box;
        color: white;
        border: 2px solid #842029;
    }

    .oda-btn-red:disabled {
        background: #ECEFF1 0% 0% no-repeat padding-box;
    }


.oda-btn-secondary {
    background: white;
    border: 2px solid #ECEFF1;
    color: var(--primary);
    font-weight: 500;
}

    .oda-btn-secondary:hover {
        background: #ECEFF1 0% 0% no-repeat padding-box;
        border: 2px solid #ECEFF1;
    }

    .oda-btn-secondary:active {
        background: #02447B 0% 0% no-repeat padding-box;
        color: white;
        border: 2px solid #02447B;
    }

    .oda-btn-secondary:disabled {
        background: #ECEFF1 0% 0% no-repeat padding-box;
    }


.oda-btn-warning {
    background: white;
    border: 2px solid #C11313;
    color: #C11313;
}

    .oda-btn-warning:hover {
        background: #C11313 0% 0% no-repeat padding-box;
        border: 2px solid #C11313;
        color: white;
    }

    .oda-btn-warning:active {
        background: #842029 0% 0% no-repeat padding-box;
        color: white;
        border: 2px solid #842029;
    }

.oda-btn-show-hover,
.oda-btn-show-active {
    display: none;
}

.oda-btn:hover .oda-btn-show-hover,
.oda-btn:active .oda-btn-show-active {
    display: block;
}

.oda-btn-hide-hover,
.oda-btn-hide-active {
    display: block;
}

.oda-btn:hover .oda-btn-hide-hover,
.oda-btn:active .oda-btn-hide-active {
    display: none;
}

.css-tooltip {
    position: relative;
}

    .css-tooltip:hover:after {
        content: attr(data-tooltip);
        background: gray;
        padding: 5px;
        border-radius: 3px;
        position: absolute;
        transform: translate(-50%,-100%);
        color: #FFF;
        top: -5px;
        left: 50%;
        text-align: center;
        margin: 10px 0px 0px 0px;
        font-size: 10px;
        width: max-content;
    }

.modal-dialog.oda-modal-dialog {
    min-width: 260px;
    display: flex;
    height: calc(100% - 10em);
}

.modal-content.oda-modal-content {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #26323829;
    margin: auto;
    border-radius: 4px;
}

.modal-dialog.oda-modal-dialog.oda-message-modal .modal-content.oda-modal-content {
    border-radius: 0px !important;
}

.modal-dialog.oda-modal-dialog.oda-message-modal .modal-content.oda-modal-content {
    width: auto;
}

.oda-modal-title {
    color: var(--dark);
    text-align: center;
    font-size: var(--font-size-modal-title);
    font-family: Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}

.oda-modal-content .modal-body {
    padding: 30px;
}

    .oda-modal-content .modal-body .col-md-12.row {
        width: calc(100% + var(--bs-gutter-x));
    }

.modal-body textarea {
    height: 80px;
    resize: none;
}

.modal-content .oda-modal-content.oda-modal-content-message {
    width: max-content;
}

.oda-modal-message-container {
    z-index: 1056;
}

.oda-modal-message {
    font-size: 14px !important;
    color: var(--primary);
    text-align: center;
    font-family: Roboto-Regular;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 600;
    min-width: 260px;
    color: #02447B;
}

    .oda-modal-message.warning {
        color: #D09500;
    }

    .oda-modal-message.error {
        color: #C11313;
        max-width: 550px;
        overflow-x: hidden;
    }

    .oda-modal-message.normal {
        color: #263238;
    }


.oda-modal-options {
    display: flex;
    margin-top: 30px;
}

    .oda-modal-options button:last-child {
        margin-left: auto;
    }

/*Insert Modal*/
.modal-dialog.oda-modal-insert-dialog {
    width: 676px;
    display: flex;
    height: calc(100% - 10em);
}

.modal-dialog.oda-modal-insert-dialog-horizontal {
    width: 1000px;
    display: flex;
    height: calc(100% - 10em);
}

.modal-insert-title {
    font-family: SplineSans;
    font-weight: 400;
    color: #2196F3;
    font-size: var(--font-size-modal-title);
}

.modal-insert-subtitle {
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: bold;
    color: #263238;
    margin-bottom: 9px;
}

.modal-insert-text {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #263238;
}

.modal-insert-subtitle-preview {
    color: #02447B;
}

.modal-insert-field-preview,
.modal-insert-field-preview:disabled {
    background-color: white;
    border: none;
    padding-left: 0px;
    min-height: 40px;
}

    .modal-insert-field-preview.input-warning {
        border: 1px solid red;
    }

.modal-insert-subtitle-row > div {
    display: flex;
}

.modal-insert-subtitle-row .modal-insert-subtitle {
    margin-top: auto;
}

.modal-insert-section.modal-insert-subtitle-row {
    padding: 0;
}


.oda-uploaded-file {
    background-color: rgba(236, 239, 241, .5);
    border-radius: 18px;
    padding: 8px 10px;
    font-family: Roboto-Regular;
    font-size: 14px;
    margin-left: 20px;
}

    .oda-uploaded-file > img {
        width: 18px;
        height: 18px;
        margin-left: 4px;
        cursor: pointer;
    }

.red {
    color: red
}

.modal-insert-section {
    padding-bottom: 30px;
}

.modal-insert-section-20 {
    padding-bottom: 20px;
}

.modal-radiobutton {
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 0 2px #263238;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

    .modal-radiobutton:checked {
        background-color: #2196F3;
    }

    .modal-radiobutton.input-warning {
        box-shadow: 0 0 0 2px red;
    }

.modal-label-checkbox-padding {
    margin-left: 8px;
    height: 21px;
    /*background: red;*/
    min-width: calc(100% - 30px);
}

.input-warning {
    border-color: red;
}

    .input-warning .modal-insert-checkbox-container input[type=checkbox] {
        box-shadow: 0 0 0 2px red;
    }

    .input-warning input[type=checkbox] {
        box-shadow: 0 0 0 2px red;
    }

.modal-insert-checkbox-container-container {
}

.modal-insert-checkbox-container-content {
    height: 100%;
    display: flex;
}

    .modal-insert-checkbox-container-content input[type=checkbox] {
        width: 1em;
        height: 1em;
        background-color: white;
        border-radius: 50%;
        border: 2px solid white;
            box-shadow: 0 0 0 2px black;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }

td {
}



.hover-trigger:hover .hover-hide {
    display: none;
}

.hover-trigger:not(:hover) .hover-show {
    display: none;
}

.nav-item .nav-link {
    cursor: pointer;
}

#SubContent {
    overflow-y: auto;
    overflow-x: hidden;
}

    #SubContent .nav-item a.nav-link {
        font-size: 14px;
        color: black;
        height: 56px;
        display: flex;
        padding: 0px;
    }

        #SubContent .nav-item a.nav-link.submenu-dropdown-item,
        #SubContent .nav-item a.nav-link.submenu-dropdown-item.active .submenu-row {
            color: #263238;
        }

            #SubContent .nav-item a.nav-link.submenu-dropdown-item:not(.active) .submenu-row {
                font-weight: 400;
            }


        #SubContent .nav-item a.nav-link.active,
        #SubContent .nav-item a.nav-link-mask:hover,
        #SubContent .nav-item a.nav-link:hover {
            background-color: #ECEFF1;
        }

        #SubContent .nav-item a.nav-link.submenu-dropdown.active {
            background-color: white;
        }


        #SubContent .nav-item a.nav-link.active .submenu-row {
            color: var(--color-main-light);
        }


a.nav-link-mask {
    display: block;
    height: max-content !important;
    color: inherit !important;
    text-decoration: inherit;
}

.nav-hover-container a.nav-link-mask {
    width: 100% !important;
}

.nav-link-hover-trigger:hover .nav-link-hover-displaycontent,
.nav-link-hover-displaycontent:hover {
    display: block;
}


.nav-link-hover-displaycontent {
    display: none;
    position: absolute;
    margin-top: -116px;
    margin-left: 116px;
}

.nav-hover-container {
    background-color: #02447B;
    border-radius: 5px;
    width: max-content;
    padding: 10px 0px;
    margin-left: 10px;
}

.nav-hover-item-row {
    min-width: 100%;
    width: max-content;
    min-height: 40px;
    display: flex;
    padding: 0px 15px;
}

.nav-hover-item-row-content {
    width: max-content;
    display: inline-flex;
    width: max-content;
    margin: auto;
    margin-left: 0;
}

.nav-hover-item-row:hover {
    background-color: var(--color-main-light);
    cursor: pointer;
}

.nav-hover-item-icon {
    height: 25px;
    width: 25px;
    margin-left: 5px;
    margin-right: 10px;
}

.nav-hover-item-label {
    color: white;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
}


.nav-a-link {
    font-weight: 400 !important;
}

#SubContent .nav-item a.nav-link.active .nav-link-icon.nav-link-icon-active {
    display: block;
}

#SubContent.collapsed .subcontent-collapsed-hide,
#SubContent.collapsed .nav-item a.nav-link.active .nav-link-icon.nav-link-icon-active.subcontent-collapsed-hide,
#SubContent .nav-item a.nav-link.active .nav-link-icon.nav-link-icon-inactive {
    display: none;
}

.submenu-row {
    color: #263238;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    font-weight: 600;
}

.submenu-dropdown .submenu-row {
    width: 100%;
}

.submenu-row div {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
}

.submenu-dropdown .submenu-row img.nav-link-icon {
    margin-left: auto;
}

#SubContent.collapsed .submenu-row div {
    display: none;
}

/*Main*/

@font-face {
    font-family: SplineSans;
    src: url(/fonts/SplineSans-VariableFont_wght.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(/fonts/Roboto-Black.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(/fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-VariableFont_wght.ttf);
}

html, body {
    font-family: SplineSans;
    overflow: hidden;
}

html {
    --color-main: #02447B;
    --primary: #02447B;
    --info: #2196F3;
    --color-main-light: #2196F3;
    --dark: #263238;
    --color-cards: white;
    --font-size-menu: 16px;
    --font-size-username: 14px;
    --font-size-userrole: 10px;
    --font-size-page-title: 20px;
    --font-size-page-subtitle: 14px;
    --font-size-button: 14px;
    --font-size-modal-title: 14px;
}

.oda-input {
    height: 40px;
    border: 1px solid var(--light);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    opacity: 1;
    padding: 0px 10px;
}

/*.oda-btn {
    border-radius: 4px;
    opacity: 1;
    text-align: left;
    font: normal normal medium 14px/16px SplineSans;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    border: none;
    padding: 6px 8px;*/
    /*padding: 6px 12px;*/
    /*padding: 6px 15px 6px 12px;
    font-size: var(--font-size-button);
}*/


    .oda-btn .btn-text {
        margin: auto;
        line-height: initial;
    }

    .oda-btn.disabled {
        opacity: 0.5 !important;
        cursor: not-allowed !important;
    }


.oda-btn-primary {
    background: #02447B 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

    .oda-btn-primary:hover {
        background: #2196F3 0% 0% no-repeat padding-box;
    }

    .oda-btn-primary:active {
        background: #02447B 0% 0% no-repeat padding-box;
    }


.oda-btn-yellow {
    background: #D09500 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

    .oda-btn-yellow:hover {
        background: #FDB703 0% 0% no-repeat padding-box;
    }

    .oda-btn-yellow:active {
        background: #D09500 0% 0% no-repeat padding-box;
    }


.oda-btn-secondary {
    background: white;
    border: 2px solid #ECEFF1;
    color: var(--primary);
}

    .oda-btn-secondary:hover {
        background: #ECEFF1 0% 0% no-repeat padding-box;
        border: 2px solid #ECEFF1;
    }

    .oda-btn-secondary:active {
        background: #02447B 0% 0% no-repeat padding-box;
        color: white;
        border: 2px solid #02447B;
    }


.oda-btn-warning {
    background: white;
    border: 2px solid #C11313;
    color: #C11313;
}

    .oda-btn-warning:hover {
        background: #C11313 0% 0% no-repeat padding-box;
        border: 2px solid #C11313;
        color: white;
    }

    .oda-btn-warning:active {
        background: #842029 0% 0% no-repeat padding-box;
        color: white;
        border: 2px solid #842029;
    }

.oda-btn-show-hover,
.oda-btn-show-active {
    display: none;
}

.oda-btn:hover .oda-btn-show-hover,
.oda-btn:active .oda-btn-show-active {
    display: block;
}

.oda-btn-hide-hover,
.oda-btn-hide-active {
    display: block;
}

.oda-btn:hover .oda-btn-hide-hover,
.oda-btn:active .oda-btn-hide-active {
    display: none;
}

.css-tooltip {
    position: relative;
}

    .css-tooltip:hover:after {
        content: attr(data-tooltip);
        background: gray;
        padding: 5px;
        border-radius: 3px;
        position: absolute;
        transform: translate(-50%,-100%);
        color: #FFF;
        top: -5px;
        left: 50%;
        text-align: center;
        margin: 10px 0px 0px 0px;
        font-size: 10px;
        width: max-content;
    }


.modal-content.oda-modal-content {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #26323829;
    margin: auto;
}

.oda-modal-title {
    color: var(--dark);
    text-align: center;
    font-size: var(--font-size-modal-title);
    font-family: Roboto-Regular;
    font-weight: bold;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}

.oda-modal-content .modal-body {
    padding: 30px;
}

    .oda-modal-content .modal-body .col-md-12.row {
        width: calc(100% + var(--bs-gutter-x));
    }

.modal-body textarea {
    height: 80px;
    resize: none;
}

.modal-content .oda-modal-content.oda-modal-content-message {
    width: max-content;
}

.oda-modal-message-container {
    z-index: 1056;
}


.oda-modal-options {
    display: flex;
    margin-top: 30px;
}

    .oda-modal-options button:last-child {
        margin-left: auto;
    }

/*Insert Modal*/
.modal-dialog.oda-modal-insert-dialog {
    width: 676px;
    display: flex;
    height: calc(100% - 10em);
}

.modal-dialog.oda-modal-insert-dialog-horizontal {
    width: 1000px;
    display: flex;
    height: calc(100% - 10em);
}


.modal-insert-message {
    font-family: Roboto-Regular;
    font-size: 12px;
    font-weight: normal;
    color: #263238;
}

.modal-insert-subtitle {
    font-family: Roboto-Regular;
    font-size: 14px;
    /*font-weight: bold;*/
    color: #263238;
}

.modal-insert-subtitle-preview {
    color: #02447B;
}

.modal-insert-field-preview,
.modal-insert-field-preview:disabled {
    background-color: white;
    border: none;
    padding-left: 0px;
    min-height: 40px;
}

    .modal-insert-field-preview.input-warning {
        border: 1px solid red;
    }

.modal-insert-subtitle-row > div {
    display: flex;
}

.modal-insert-subtitle-row .modal-insert-subtitle {
    margin-top: auto;
}

.modal-insert-section.modal-insert-subtitle-row {
    padding: 0;
}


.red {
    color: red
}


.modal-detail-alternate-title {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #263238;
    font-weight: bold;
}

.modal-detail-text {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: black;
}

    .modal-detail-text.success-status,
    .modal-detail-text.failure-status,
    .modal-detail-text.warning-status {
        font-weight: bold;
    }

    .modal-detail-text.success-status {
        color: #2196F3;
    }

    .modal-detail-text.failure-status {
        color: #C11313;
    }
    .modal-detail-text.warning-status {
        color: #D09500;
    }

.detail-title {
    font-size: 14px;
    color: #02447B;
    font-family: SplineSans;
    font-weight: bold;
}

.detail-font {
    font-size: 14px;
    font-family: Roboto-Regular;
    color: #263238;
}

.detail-new-section {
    margin-top: 20px;
}

.modal-insert-section {
    padding-bottom: 30px;
}

.input-warning {
    border-color: red;
}

    .input-warning .modal-insert-checkbox-container input[type=checkbox] {
        box-shadow: 0 0 0 2px red;
    }


.modal-insert-checkbox-container-container {
}

.modal-insert-checkbox-container-content {
    height: 100%;
    display: flex;
}

    .modal-insert-checkbox-container-content input[type=checkbox] {
        width: 1em;
        height: 1em;
        background-color: white;
        border-radius: 50%;
        border: 2px solid white;
        box-shadow: 0 0 0 2px black;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }

        .modal-insert-checkbox-container-content input[type=checkbox]:checked {
            background-color: #2196F3;
        }

/*.modal-insert-checkbox-container:last-child*/
.modal-insert-checkbox-container:not(:first-child) {
    margin-left: 30px;
}

.modal-insert-checkbox-container {
    display: flex;
    width: max-content;
}

.modal-insert-checkbox-container-content.extra-margin {
    margin-top: 10px;
}

.modal-insert-checkbox-container label {
    margin: auto;
}

.modal-insert-checkbox-container input {
    margin-right: 10px;
}

.modal-insert-input-float-text-container {
    position: relative;
}

    .modal-insert-input-float-text-container input,
    .modal-insert-input-float-text-container .blazored-typeahead__input {
        /*z-index: 2;*/
        background: transparent;
        position: inherit;
    }

.modal-insert-input-float-text {
    position: absolute;
    margin-left: 0px;
    top: 8px;
    right: 10px;
    z-index: 1;
}

.modal-insert-input-float-icon {
    position: absolute;
    margin-left: 0px;
    /*top: 10px;*/
    top: 8px;
    right: 5px;
    z-index: 1;
}

.modal-insert-input-float-icon-search {
    position: absolute;
    margin-left: 0px;
    top: 10px;
    left: 5px;
    z-index: 1;
}


/*Detail Modal*/
.modal-detail-section {
    padding-bottom: 20px;
}

.modal-dialog.oda-modal-detail-dialog {
    width: 1000px;
    display: flex;
    height: calc(100% - 10em);
    font-size: 14px;
    color: #000000;
}

    .modal-dialog.oda-modal-detail-dialog.xl {
        width: 1200px;
        display: flex;
        height: calc(100% - 10em);
        font-size: 14px;
        color: #000000;
    }

    .modal-dialog.oda-modal-detail-dialog .modal-insert-section {
        font-family: Roboto-Regular;
    }

    .modal-dialog.oda-modal-detail-dialog .modal-detail-section {
        font-family: SplineSans;
    }


.modal-detail-subtitle {
    font-family: SplineSans;
    font-size: 14px;
    font-weight: bold;
    color: #02447B;
}

.detail-new-section {
    margin-top: 20px;
}

.detail-end-section {
    border-bottom: 1px solid #ECEFF1;
}
/*Page*/
.page-title-content-container {
    /*padding: 26px 30px 15px 30px;*/
    padding: 20px 30px 05px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 8px 8px 0px 0px;
    /*margin-bottom: 1.1rem;*/
    margin-bottom: 20px;
    min-height: 80px;
}

.page-title-content-container .page-title{
    padding-top: 6px;
}

.page-title-content-container.page-title-content-container-subnavigation {
    padding: 16px 30px 05px 30px;
}
    .page-title-content-container.page-title-content-container-subnavigation .page-title {
        padding-top: 0px;
    }

.page-cv-general {
    padding: 20px 30px 30px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 8px;
    margin-bottom: 1.1rem;
}



.page-cv-prepayroll-summary {
    padding: 30px 30px 30px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 8px;
    margin-bottom: 1.1rem;
}

.page-cv-prepayroll-summary.page-cv-prepayroll-summary-pair{
    
    width: calc(50% - 5px);
}

.page-cv-prepayroll-summary.page-cv-prepayroll-summary-pair:first-child{
    margin-right: 10px;
}

.page-cv-prepayroll-summary-col-item {
    display: flex;
    height: 40px;
}

.page-cv-prepayroll-summary.page-cv-prepayroll-summary-pair .page-cv-prepayroll-summary-col-item {
    height: 26.7px;
}

.page-cv-prepayroll-summary.page-cv-prepayroll-summary-pair .page-cv-prepayroll-summary-col-item .WeeklySummaryTitle,
.page-cv-prepayroll-summary.page-cv-prepayroll-summary-pair .page-cv-prepayroll-summary-col-item .cv-details-abs
{
    font-size:14px;
    font-weight: inherit;
}

.page-cv-prepayroll-summary.page-cv-prepayroll-summary-pair .page-cv-prepayroll-summary-col-item .cv-details-abs{
    font-weight:bold;
}

.page-cv-prepayroll-summary.page-cv-prepayroll-summary-pair .page-cv-prepayroll-summary-col-item .cv-details-abs
{
    margin-right: inherit;
}


.page-cv-prepayroll-summary-col-item .modal-detail-subtitle {
    color: #000000;
}

.page-cv-prepayroll-summary-col-item .cv-details-abs {
    margin-left: auto;
    margin-right: 30px;
    font-size: 14px;
}







.page-current-company-and-before {
    padding: 20px 30px 30px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 8px;
    margin-bottom: 1.1rem;
    width: 107%;
}

.page-salary-details-employee {
    padding: 20px 30px 30px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 8px;
    margin-bottom: 1.1rem;
}


.page-title-content-container.tabbed {
    padding: 0px;
}


    .page-title-content-container.tabbed .page-title-content {
        padding: 26px 30px 0px 30px;
    }

.cv-section {
    padding-bottom: 15px;
}

.page-title-content {
    display: flex;
}

.page-title-options {
    display: flex;
    margin-left: auto;
}


    .page-title-options .oda-btn {
        min-height: 40px;
        margin-top: auto;
        margin-bottom: auto;
    }

        .page-title-options .oda-btn:not(:last-child) {
            margin-right: 15px;
        }

.page-title {
    font-size: var(--font-size-page-title);
    font-weight: 600;
    color: var(--dark);
    text-align: left;
    /*margin-top: auto;*/
    margin-bottom: auto;
    height: 40px;
}

.page-title-cv {
    font-family: SplineSans;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
    padding-bottom: 18px;
}

.page-subtitle {
    font-family: Roboto-Regular;
    font-size: var(--font-size-page-subtitle);
    color: darkgray;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
}

.page-subtitle-option {
    display: flex;
    margin-left: auto;
    font-family: Roboto-Regular;
    font-size: var(--font-size-page-subtitle);
    color: #263238;
    opacity: 80%;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
    font-weight: 500 !important;
}

    .page-subtitle-option > div {
        text-align: center;
        width: max-content;
    }

    .page-subtitle-option .oda-btn {
        height: 40px;
        margin-top: auto;
        margin-bottom: auto;
    }

        .page-subtitle-option .oda-btn:not(:last-child) {
            margin-right: 15px;
        }

    .page-subtitle-option .page-subtitle-option-last {
        color: #2196F3;
        margin-left: 10px;
        opacity: 100%;
    }

.page-tabs-container {
    max-width: 100%;
    min-height: 50px;
    padding: 18px 0px 0px 0px;
    overflow-x: scroll;
    scrollbar-width: none;
}

    .page-tabs-container::-webkit-scrollbar {
        display: none; /* Chrome,Safari,Opera */
        scrollbar-width: none; /* Firefox */
    }

.page-tabs {
    display: flex;
}

.page-tab {
    height: 32px;
    /*width: 180px;*/
    min-width: 180px;
    padding: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    font-weight: 500;
}

.page-tab-name {
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #263238;
    font-size: 14px;
}


.card-container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #26323829;
    border-radius: 8px;
}

    .card-container:not(.col) {
        width: 100%;
    }

    .card-container.col {
        padding: 0;
    }

.card-container-header {
    padding: 30px;
    border-bottom: 1px solid #ECEFF1;
}

.page-tab.active {
    border-bottom: 4px solid #FDB703;
    padding: 4px 10px 0px 10px;
}

.page-tab.long-title {
    min-width: 180px;
    width: auto;
}

.page-tab:hover {
    cursor: pointer;
    background: #ECEFF1;
}

.page-tab.tab-disabled {
    color: #263238;
    opacity: .5;
}

    .page-tab.tab-disabled:hover {
        cursor: not-allowed;
        background: inherit;
    }
.page-tab-imss.tab-disabled {
    color: #263238;
    opacity: .5;
}

    .page-tab-imss.tab-disabled:hover {
        cursor: not-allowed;
        background: inherit;
    }



.page-tabs-container {
    position: relative;
}

.page-tabs {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
}

.page-tab-scroll-direction-container {
    height: 40px;
    width: 40px;
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #ECEFF1;
    border-radius: 4px;
    opacity: 1;
    position: fixed;
    z-index: 10;
    display: flex;
    margin-top: -8px;
    background:white;
    background-color:white;
}

.page-tab-scroll-direction-container-right {
    right: 24px;
}

.page-tab-scroll-right,
.page-tab-scroll-left {
    height: 24px;
    margin: auto;
}

.page-tab-scroll-direction-container:hover {
    background: #ECEFF1;
    background-color: #ECEFF1;
    /* border-radius: 12px;*/
}

.navsub_collapsed .container-scrollabe-table .page-title-content-container,
.navsub_collapsed .container-scrollabe-table .list-table-container.paged,
.navsub_collapsed .container-scrollabe-table .list-table-footer {
    max-width: calc(100vw - 228px);
}

.navsub_ .container-scrollabe-table .page-title-content-container,
.navsub_ .container-scrollabe-table .list-table-container.paged,
.navsub_ .container-scrollabe-table .list-table-footer {
    max-width: calc(100vw - 513px);
}

.nav-collapse .container-scrollabe-table .page-title-content-container,
.nav-collapse .container-scrollabe-table .list-table-container.paged,
.nav-collapse .container-scrollabe-table .list-table-footer {
    max-width: calc(100vw - 397px);
}

.nav-collapse.navsub_collapsed .container-scrollabe-table .page-title-content-container,
.nav-collapse.navsub_collapsed .container-scrollabe-table .list-table-container.paged,
.nav-collapse.navsub_collapsed .container-scrollabe-table .list-table-footer {
    max-width: calc(100vw - 112px);
}

.container-scrollabe-table .list-table-searchtrigger-container {
    position: fixed;
    right: 45px;
    top: 201px;
    top: 198px;
}

.container-scrollabe-table .list-table-search-modal {
    position: fixed;
    right: 50px;
    right: 40px;
    top: 230px;
    top: 235px;
}
/*elastic search*/
.title-elastic {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/var(--unnamed-line-spacing-16) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    font: normal normal normal 14px/16px Roboto-Regular;
    font-weight: bold;
    letter-spacing: 0px;
    opacity: 1;
    color: #263238;
}

    .title-elastic img {
        height: 24px;
        width: 24px;
        margin-right: 10px;
    }


.description-elastic {
    font-size: 12px;
    font-family: SplineSans;
    letter-spacing: 0px;
    opacity: 0.5;
    color: #000000;
    margin-bottom: 5px;
    white-space: pre
}

.top-row .blazored-typeahead__results {
    overflow-y: initial;
    max-height: inherit;
    border-radius: 8px;
    overflow-x: hidden;
}


.costcenter-option-row {
    display: inline-flex;
    padding: 10px 30px;
    width: 100%;
    cursor: pointer;
}

.module-section-form-fieldtitle {
    text-align: left;
    font-family: SplineSans;
    font-size: 14px;
    letter-spacing: 0px;
    color: #2196F3;
    opacity: 1;
    font-weight: 600;
}

.user-form-section-container {
    padding: 30px;
    margin-bottom: 20px;
}

    .user-form-section-container .name {
        font-weight: 600;
    }

    .user-form-section-container .blazored-typeahead {
        border: 1px solid #ECEFF1 !important;
        border-radius: 4px !important;
    }

.user-form-section-container .col.col-fifth{
    width: 20%;
}

.user-form-section-container .col.offset-fifth2 {
    margin-left: 40%;
}
.user-form-section-container .col.offset-fifth3 {
    margin-left: 60%;
}

.user-form-section-container .col.col-fifth2 {
    width: 40%;
}

.password-restore-option-container{
    color: #263238;
    font-size: 14px;
    font-family: Roboto-Regular;
}

.costcenter-option-row-checkcontainer {
    margin-right: 10px;
}

.costcenter-option-row-title {
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    font-family: Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}

.costcenter-option-row-subtitle {
    text-align: left;
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}

.costcenter-option-row-company:hover,
.costcenter-option-row-padded:hover,
.costcenter-option-row-selected,
.costcenter-option-row:hover {
    background-color: #ECEFF1;
}

.costcenter-option-row-padded {
    /*padding-left: 30px;*/
    padding: 0px 30px 0px 38px;
    /*background-color: lime;*/
    display: flex;
}

    .costcenter-option-row-padded .costcenter-option-row {
        padding: 0px;
        /*background-color: lightcyan;*/
        padding: 10px 0px;
    }

.costcenter-option-row-padded-border {
    /*background-color: orange;*/
    width: 20px;
    display: flex;
}

.costcenter-option-row-padded-border-left {
    border-left: dotted 1px black;
}

.costcenter-option-row-padded-border-right {
    height: 20px;
    width: 100%;
    border-bottom: dotted 1px black;
    margin-top: 1px;
}

.costcenter-option-row-padded-checkbox {
    /*background-color: pink;*/
    padding: 10px 0px;
}

.costcenter-option-row-company {
    display: flex;
    padding: 13px 30px 0px 30px
}

    .costcenter-option-row-company .costcenter-option-row {
        padding: 0px 0px 10px 0px;
    }


    .costcenter-option-row-company .costcenter-option-row-padded-border-left {
        width: 10px;
        height: calc(100% - 18px);
        margin-left: 8px;
    }


.costcenter-option-row-padded-border .costcenter-option-row-padded-border-left {
    margin-top: 1px;
    height: calc(100% - 1px);
}

    .costcenter-option-row-padded-border .costcenter-option-row-padded-border-left.costcenter-option-row-padded-border-left-last {
        height: 20px;
    }

.password-restore-option-container {
    display: flex;
    margin-top: 11px;
    cursor: pointer;
}


    .password-restore-option-container > input {
        margin-right: 7px;
        margin-top: auto;
        margin-bottom: auto;
    }

.user-form-page-container {
    height: calc(100vh - 56px);
    overflow-y: auto;
    margin-left: -32px;
    margin-right: -24px;
    margin-top: -17.6px;
    padding-left: 32px;
    padding-right: 24px;
    padding-top: 17.6px;
}

.user-form-page-content {
    max-height: calc(100vh + 96px + 193px);
}

.module-section-form-fieldinfo {
    text-align: left;
    font-size: 12px;
    font-family: Roboto-Regular;
    letter-spacing: 0px;
    margin-bottom: 30px;
}

.top-row .blazored-typeahead__result {
    min-height: 70px;
    padding: 10px 14px;
}


.top-row .space .blazored-typeahead__active-item,
.top-row .space .blazored-typeahead__result:hover,
.top-row .space .blazored-typeahead__result:focus {
    border-color: #DDEEFD;
}

.top-row .blazored-typeahead__result,
.top-row .blazored-typeahead__notfound,
.top-row .blazored-typeahead__results-help-template,
.top-row .blazored-typeahead__results-header,
.top-row .blazored-typeahead__results-footer {
    border-color: transparent;
}


/*Lists*/
.list-edit-options {
    display: flex
}

.list-edit-options.hide,
.list-add-options.hide {
    display: none !important;
}

.list-table-container {
    overflow-y: auto;
    max-height: calc(100vh - 1.1em - 200px);
    border-radius: 8px;
    box-shadow: 0px 0px 10px #26323829;
    /*min-height: 215px;*/
    min-height: calc(100vh - 1.1em - 200px);
    background: white;
}

    .list-table-container.paged {
        min-height: calc(100vh - 1.1em - 308px);
        max-height: calc(100vh - 1.1em - 308px);
        border-radius: 8px 8px 0px 0px;
        /*overflow-x: scroll;*/
    }

    .list-table-container.paged.modalTable {
        min-height: calc(50vh - 1.1em - 240px);
        box-shadow: none;
    }

    .list-table-container.payroll {
        min-height: calc(80vh - 1.1em - 240px);
        max-height: calc(80vh - 1.1em - 240px);
        border-radius: 8px 8px 0px 0px;
        /*overflow-x: scroll;*/
    }
    .list-table-container.PrePayroll {
        min-height: calc(100vh - 1.1em - 630px);
        max-height: calc(100vh - 1.1em - 630px);
        border-radius: 8px 8px 0px 0px;
        /*overflow-x: scroll;*/
    }


    .list-table-container.paged.list-table-filterheader {
        min-height: calc(100vh - 1.1em - 306px);
        max-height: calc(100vh - 1.1em - 306px);
    }


.xoverflowx {
    /*overflow-x: scroll;*/
    overflow-x: auto;
}

.card-container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #26323829;
    border-radius: 8px;
    width: 100%;
}

.card-container-header {
    padding: 30px;
    border-bottom: 1px solid #ECEFF1;
}


.card-container-scroll-container {
    overflow-y: auto;
}


.card-container-scroll-content {
    padding: 0px 0px 30px 0px;
    height: calc(100vh - 540px);
}

.card-container-scroll-content.collapse-form-section {
    height: calc(100vh - 290px);
}

.card-container {
    /*height: calc(100vh - 1.1em - 200px);*/
}

.card-container.card-container-role  {
    height: calc(100vh - 1.1em - 200px);
}

.card-container.card-container-role .card-container-scroll-content {
    height: calc(100vh - 415px);
}

.module-section-form-fieldinfo {
    text-align: left;
    font-size: 12px;
    font-family: Roboto-Regular;
    letter-spacing: 0px;
    margin-bottom: 30px;
}

.module-section-form-fieldname {
    text-align: left;
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0px;
    margin-bottom: 7px;
    font-weight: 600;
}

.module-section-form-field {
    width: 253px;
    height: 40px;
}

.module-section-row {
    width: 100%;
    font-family: SplineSans;
    font-size: 14px;
    min-height: 56px;
    padding: 0px 30px;
}

.module-section-row,
.module-section-row-action-content {
    display: inline-flex;
}

    .module-section-row > div,
    .module-section-row > .module-section-row-action-content > div {
        margin-top: auto;
        margin-bottom: auto;
    }

.module-section-row-module {
    color: #2196F3;
    font-weight: 600;
    border-top: 0.5px solid #ECEFF1;
    border-bottom: 0.5px solid #ECEFF1;
}

    .module-section-row-module > div > img {
        width: 30px;
        height: 30px;
        margin-right: 4px;
    }

.module-section-row-end-content {
    margin-left: auto;
    display: inline-flex;
}

.module-section-row-module-collapse-option-container {
    height: max-content;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
}

    .module-section-row-module-collapse-option-container img {
        cursor: pointer;
    }

.module-section-row-type-selectall {
    text-align: left;
    font-family: Roboto-Regular;
    font-size: 14px;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
    margin-left: -10px;
    display: inline-flex;
    cursor: pointer;
    padding-right: 25px;
}

.module-section-row-type-selectall {
    margin-top: auto;
    margin-bottom: auto;
}

    .module-section-row-type-selectall .modal-insert-checkbox-container-content {
        margin: auto;
    }

.oncollapsed-show,
.collapsed .oncollapsed-hide {
    height: 0px;
    display: none;
}

.oncollapsed-hide,
.collapsed .oncollapsed-show {
    display: inherit;
    height: inherit;
}

.oncollapsed-hide-animated {
    transition: height 0.5s;
}

.module-section-row-section {
    color: #02447B;
    font-weight: 600;
    border-top: 0.5px solid #ECEFF1;
    border-bottom: 0.5px solid #ECEFF1;
}

.module-section-row-action {
    color: #000000;
    font-weight: 400;
}

    .module-section-row-action:hover {
        background-color: #ECEFF1;
    }

.module-section-row-action-content {
    min-height: inherit;
    width: 100%;
}

.module-section-row-action:not(:last-child) .module-section-row-action-content {
    border-bottom: 0.5px solid #ECEFF1;
}

.section-type-row {
    width: 600px;
    display: inherit;
}

    .section-type-row .form-check-input {
        margin-right: 11px;
    }

.action-type-row,
.action-type-header {
    width: 100px;
}

table.list-table {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #26323829;
    border-radius: 8px;
    width: 100%;
}


    table.list-table thead tr:not(.tr-header-mask) {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 8px;
        top: 0px;
        z-index: 1;
        position: sticky;
        background: white;
    }

.tr-header-mask {
    top: -0.1px;
    height: 2px;
    background: white;
    width: 100%;
    border-top: none !important;
    position: sticky;
}


    .tr-header-mask td {
        padding: 0px !important;
    }

.list-table-footer {
    border-radius: 0px 0px 8px 8px;
    bottom: 0px;
    z-index: 1;
    background: white;
    padding: 10px 30px;
    display: flex;
    box-shadow: 0px 0px 10px #26323829;
}

    .list-table-footer.modalFooter {
        margin-bottom: 20px;
        box-shadow: none;
        font-size: 14px;
        font-family: Roboto-Regular;
        padding: 10px 0px;
        border-top: solid 1px #ECEFF1;
    }

.list-table-footer-pagelenth-container {
    display: flex;
}

.list-table-footer-pagelenth-container .oda-input
{
    margin-right: 8px;
}

.list-table-footer-navigation-container {
    display: flex;
    margin-left: auto;
}

    .periodpagination-container > img,
    .list-table-footer-navigation-container img {
        width: 22px;
        height: 22px;
    }

.list-table-footer .oda-input {
    height: 32px;
}

.periodpagination-container > img:nth-child(2),
.periodpagination-container > img:nth-child(4),
.list-table-footer-navigation-container img:nth-child(2),
.list-table-footer-navigation-container img:nth-child(4) {
    margin-left: 15px;
    margin-right: 15px;
}

.list-table-footer-pagelenth-container div {
    height: max-content;
}

.periodpagination-container > div,
.periodpagination-container > img,
.list-table-footer-pagelenth-container div,
.list-table-footer-navigation-container img {
    margin-top: auto;
    margin-bottom: auto;
}

.blazored-typeahead__controls {
    height: 40px;
}

.list-table-search-modal .blazored-typeahead__controls {
    height: 40px;
}

.blazored-typeahead__input-icon {
    display: none !important;
}

input-warning .blazored-typeahead__controls {
    border-color: red;
}


.select-warning .search-input-blazored .blazored-typeahead,
.select-warning .blazored-typeahead {
    border-color: red !important;
}

.calendar-form-container {
    width: fit-content;
    margin: auto;
    margin-bottom: 30px;
}

.calendar-form-row {
    display: flex;
}

.calendar-form-day-name-labels {
    font-family: Roboto-Regular;
    display: flex;
    margin-top: 30px;
}

    .calendar-form-day-name-labels > div {
        width: 135px;
    }

.list-table-footer-navigation-container .oda-input {
    max-width: 50px;
    text-align: center;
}

.list-table-footer-navigation-container.list-table-footer-navigation-container-period .oda-input {
    max-width: inherit;
    vertical-align: middle;
    margin: auto;
    font-size: 14px;
    font-family: 'Roboto-Regular';
    color: #263238;
    padding: 4.5px 10px;
    height: 32px;
}

.list-table-footer-navigation-container.list-table-footer-navigation-container-period .oda-input.disabled{
    
    background-color: #e9ecef;
    cursor: not-allowed;
    border-radius: 5px 0 0 5px;
    color: grey;
}

table.list-table thead th {
    font-size: 14px;
    /*padding: 30px 15px 15px 15px;*/
    padding: 15px 15px 10px 15px;
    color: var(--primary);
}

table.list-table thead.modalHeader th {
    padding: 30px 15px 15px 0px;
    color: #263238;
}

    table.list-table thead tr.span-header th {
        color: #2196F3;
        font-size: 14px;
        font-family: SplineSans;
        text-align: center;
    }


.list-table-column-formcontent-container {
    height: 80px;
    display: flex;
}

.list-table-column-formcontent-search-container {
    height: 15px;
    display: flex;
}

.list-table-column-formcontent-search-container-container {
    display: flex;
}

.list-table-column-formcontent {
    width: 100%;
    margin-top: auto;
}

    .list-table-column-formcontent .oda-input {
        width: 100%;
        margin-top: 10px;
    }


table.list-table tbody td.td-breakword {
    line-break: auto;
}


table.list-table:not(.notbreak-list-table) thead th,
table.list-table:not(.notbreak-list-table) tbody td {
    /*word-break: break-word;*/
}

table.list-table:not(.notbreak-list-table) tbody td {
    /*line-break: anywhere;*/
}

table.list-table tbody td {
    font-size: 14px;
    /*padding: 27px 15px 28px 15px;*/
    padding: 16.5px 15px;
}

table.list-table.long-table tbody td {
    line-break: initial;
}

table.list-table td:first-child,
table.list-table th:first-child {
    padding-left: 30px;
}

table.list-table td:last-child,
table.list-table th:last-child {
    padding-right: 30px;
}

table.list-table tbody tr:hover {
    background-color: #ECEFF1;
}

table.list-table tr {
    border-top: 1px solid var(--light);
    border-top: 1px solid #ECEFF1;
}

    table.list-table tr.modalHeader {
        border-top:none;
    }

    table.list-table tr .list-table-border-right {
        border-right: 1px solid #ECEFF1;
    }


    table.list-table tr.no-border {
        border: none;
    }

table.list-table tr {
}

.list-table-searchtrigger-container {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    display: flex;
    margin-left: auto;
    box-shadow: 0px 3px 3px #26323829;
}

.list-table-column-formcontent-search-container .list-table-searchtrigger-container {
    position: absolute;
    top: 15px;
    right: 15px;
}

/*.list-table-searchtrigger-container.active {
    background-color: #ECEFF1;
}*/
.list-table-searchtrigger-container:hover {
    background-color: #ECEFF1;
}

.list-table-searchtrigger {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: auto;
}

.list-table-search-modal:not(.active) {
    display: none;
}

.list-table-search-modal {
    padding: 15px 15px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 8px 8px 8px 8px;
    margin-top: 20px;
    margin-top: 15px;
    width: 300px;
    right: 12px;
    right: 0px;
    position: absolute;
    margin-right: 0px;
    z-index: 500;
}

    .list-table-search-modal.list-table-search-modal-company.list-table-search-modal-table-form {
        margin-top: 0px;
    }

    .list-table-search-modal.list-table-search-modal-table-form {
        margin-top: 60px;
    }

.list-table-column-formcontent-search-container .list-table-search-modal-table-form {
    margin-top: 20px;
}

.list-table-search-modal-row {
    display: flex;
}

.list-table-search-modal-row .list-table-search-modal-input {
    font-family: 'Roboto-Regular';
    width: 48% !important;
    margin-top: 5px;
    color: black;
}

.list-table-search-modal-row label.list-table-search-modal-input {
    font-weight: bold;
}

.list-table-search-modal-row .modal-insert-checkbox-container span{
    font-family: 'Roboto-Regular';
    font-weight: normal;
}

.list-table-search-modal .list-table-search-modal-input .blazored-typeahead__input,
.list-table-search-modal .list-table-search-modal-input .blazored-typeahead__input-mask {
    font-family: Roboto-Regular;
    font-weight: normal;
    color: black;
}

.blazored-typeahead__input-mask-wrapper--disabled {
    min-height: auto;
    overflow-y: auto;
}

.list-table-footer-pagelenth-container.center-period .blazored-typeahead{
    border: 1px solid #ECEFF1;
}

.top-row .space .blazored-typeahead__controls input,
.space input {
    padding-left: 30px;
}

.space .modal-insert-input-float-text-container .blazored-typeahead__controls input,
.space .blazored-typeahead__controls input {
    padding: .5rem;
}


.space input[type=date] {
    padding: 0px 10px;
}

.space .modal-insert-input-float-text-container input {
    padding-left: 30px;
}

.space .blazored-typeahead {
    border: 1px solid #ECEFF1;
}

.space .blazored-typeahead__results {
    /*margin-top: 10px;*/
    z-index: 999;
}


.list-table-search-modal-row .list-table-search-modal-input:not(:first-child) {
    margin-left: auto;
}

.list-table-search-modal .list-table-search-modal-input:not(:first-child) {
    margin-top: 5px;
}

.list-table-search-modal-checkbox-container-container {
    display: flex;
}

.list-table-search-modal-checkbox-container:last-child {
    margin-left: auto;
}

.list-table-search-modal-checkbox-container {
    display: flex;
    margin-top: 10px;
    width: max-content;
}

    .list-table-search-modal-checkbox-container input {
        margin-right: 10px;
    }

@-moz-document url-prefix() {
    .list-table-search-modal {
        /*right: 0px;
        position: absolute;
        margin-right: 0px;*/
    }
}


.full-width,
.list-table-search-modal .oda-input {
    width: 100%;
}


.list-table-search-modal-options {
    display: flex;
    margin-top: 1em;
}

    .list-table-search-modal-options button:last-child {
        margin-left: auto;
    }

    .list-table-search-modal-options .oda-btn {
        padding: 6px 12px 6px 12px;
    }

.list-table-row-options-container {
    display: flex;
    cursor: pointer;
}

.list-table-row-options {
    display: flex;
    visibility: hidden;
    float: right;
}

.list-table-row-options-container .list-table-row-options {
    margin-left: auto;
}


.list-table-row-options-trigger:hover {
    background-color: #ECEFF1;
}

.list-table-row-options-trigger:hover .list-table-row-options,
.list-table tr:hover .list-table-row-options {
    display: flex;
    visibility: visible;
}

.list-table-row-options img {
    padding: 8px;
    border-radius: 20px;
    cursor: pointer;
}

.list-table-row-options .list-table-row-option:not(:last-child) {
    margin-right: 7px;
}

.td-event {
    cursor: pointer;
}

.td-amount {
    text-align: right;
}

.list-table tr.order-desc .list-table-column-sort-icon-desc {
    display: block;
}

.list-table tr.order-asc .list-table-column-sort-icon-asc {
    display: block;
}

.list-table-column-sort-icon-container {
    margin-left: auto;
    display: none;
}

.list-table th > div:not(.list-table-search-modal) {
    min-height: calc(69.5px - 25px);
    text-align: initial;
    display: flex;
}

.list-table th > div:not(.list-table-search-modal) > div {
    margin-top: auto;
    margin-bottom: 10px;
}

th.current-sort .list-table-column-sort-icon-container {
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
    display: block;
}

.list-table-column-sort-icon-desc,
.list-table-column-sort-icon-asc {
    height: 16px;
    display: none;
}

th.current-sort {
}

    th.current-sort .list-table-column-header-sortable {
        display: flex;
    }

.not-displayed {
    display: none;
}

/*Remove number input arrow*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input[type=number].td-amount {
    text-align: left;
}

input[type=number].td-amount::placeholder {
    text-align: left;
}


.blazored-typeahead__input-mask {
    line-height: normal;
    height: 38px;
    font-size:14px;
}

.list-table-search-modal .blazored-typeahead {
    border: 1px solid #ECEFF1 !important;
    border-radius: 4px !important;
}

.list-table-search-modal-SAT .blazored-typeahead {
    border: 1px solid #ECEFF1 !important;
    border-radius: 4px !important;
}

.input-warning-w .blazored-typeahead {
    border: 1px solid red !important;
    border-radius: 4px !important;
}

.list-table-search-modal-SAT .blazored-typeahead__controls {
    height: 40px;
}

.list-table-search-modal .blazored-typeahead__controls {
    height: 40px;
}

.blazored-typeahead__input-icon {
    display: none !important;
}

input-warning .blazored-typeahead__controls {
    border-color: red;
}

.select-warning .blazored-typeahead {
    border-color: red;
}

.calendar-form-container {
    width: fit-content;
    margin: auto;
    margin-bottom: 30px;
}

.calendar-form-row {
    display: flex;
}

.calendar-form-day-name-labels {
    font-family: Roboto-Regular;
    display: flex;
    margin-top: 30px;
}

    .calendar-form-day-name-labels > div {
        width: 135px;
        text-align: center;
    }

.calendar-form-cell {
    width: 135px;
    height: 120px;
    border: 1px solid #ECEFF1;
    padding: 10px;
    font-size: 14px;
    font-family: Roboto-Regular;
    color: #263238;
    position: relative;
}

.calendar-form-cell-differentmonth {
    background: #ECEFF1;
}

    .calendar-form-cell-differentmonth .calendar-form-cell-day-counter {
        opacity: 0.3;
    }

.calendar-form-cell-day-counter {
    width: 100%;
    text-align: end;
}

.calendar-form-cell-schedulecode {
    margin-top: 40px;
    height: 60px;
    width: 113px;
    height: 40px;
    overflow: hidden;
}

.calendar-form-modal {
    min-width: 1010px !important;
}



.calendar-form-cell-option-container-container {
    position: absolute;
    bottom: 5px;
    width: 113px;
    height: 25px;
}
/*.calendar-form-cell-option-container-cover {
    top: 0px;
    position: absolute;
    margin: 0px 20px !important;
}*/

.calendar-form-cell-saturday .calendar-form-cell-option-container-cover {
    margin: 0px 8px !important;
}

.calendar-form-cell-option-cover {
    background: pink;
    opacity: 0;
    cursor: pointer;
}

.calendar-form-cell-option-container {
    /*margin-top: 50px;*/
    display: flex;
    width: 70px;
    /*background: red;*/
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    position: absolute;
    margin: 0px 20px !important;
}

    .calendar-form-cell-option-container .calendar-form-cell-option {
        background: transparent;
    }


.calendar-form-cell-saturday .calendar-form-cell-option-container {
    width: 100px;
    margin: 0px 8px !important;
}


.calendar-form-cell-option-container .calendar-form-cell-option-rest {
    margin-left: auto;
}

.calendar-form-cell-saturday .calendar-form-cell-option-container .calendar-form-cell-option-rest {
    margin-left: auto;
    margin-right: auto;
}

/*.calendar-form-cell-option-workingday {
    background-color: #2196F3;
    border-color: #2196F3;
}
.calendar-form-cell-option-rest {
    background-color: #FDD835;
    border-color: #FDD835;
}
.calendar-form-cell-option-saturday {
    background-color: #E91E63;
    border-color: #E91E63;
}*/


.calendar-form-title {
    height: 32px;
    margin-top: auto;
    margin-bottom: auto;
    font-family: SplineSans;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}

.calendar-form-yearmonth-label {
    /* UI Properties */
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    height: 32px;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #263238;
    display:flex;
    width:130px;
}

.calendar-form-yearmonth-label > div{
    margin:auto;
}

.calendar-form-cell-option-workingday .checkbox-round-container {
    border-color: #2196F3;
}

.calendar-form-cell-option-rest .checkbox-round-container {
    border-color: #FDD835;
}

.calendar-form-cell-option-saturday .checkbox-round-container {
    border-color: #E91E63;
}

.calendar-form-cell-option-demo-container .checkbox-round:disabled {
    cursor: default;
}

.calendar-form-cell-option-workingday .checkbox-round:checked {
    background-color: #2196F3;
}

.calendar-form-cell-option-rest .checkbox-round:checked {
    background-color: #FDD835;
}

.calendar-form-cell-option-saturday .checkbox-round:checked {
    background-color: #E91E63;
}

.calendar-form-cell-selectedoption-workday {
    background-color: #2196F31A;
}

.calendar-form-cell-selectedoption-rest {
    background-color: #FDD8351A;
}

.calendar-form-cell-selectedoption-saturday {
    background-color: #E91E631A;
}

.calendar-form-fields-container-date {
    display: flex;
}

.calendar-form-fields-container {
    display: flex;
}

.calendar-form-fields-container-date > div:first-child {
    margin-right: 20px;
}

.calendar-form-fields-container-month {
    margin-top: auto;
    margin-left: auto;
}

    .calendar-form-fields-container-month div.form-control {
        text-align: center;
        font-family: Roboto-Regular;
        width: 130px;
    }

.calendar-form-fields-container-month-controls-container {
    display: flex;
    margin-bottom: 20px;
    margin-left: auto;
    width: max-content;
}

    .calendar-form-fields-container-month-controls-container img {
        height: 24px;
        margin: auto 0px;
    }

.calendar-form-fields-container-date input {
    width: 200px;
}

.calendar-form-fields-container-date > div {
    margin-top: auto;
}

.calendar-form-cell-option-demo-container {
    display: flex;
}

    .calendar-form-cell-option-demo-container > div {
        margin-top: auto;
        display: flex;
    }

    .calendar-form-cell-option-demo-container .calendar-form-cell-option,
    .calendar-form-cell-option-demo-container Label {
        font-family: Roboto-Regular;
        margin-left: 5px;
    }

.calendar-form-cell .blazored-typeahead__input-mask {
    background: white;
}

.calendar-form-cell .blazored-typeahead {
    background: white;
    margin-top: 10px;
}

.calendar-form-buttons-container {
    display: flex;
}


    .calendar-form-buttons-container .calendar-form-button:last-child {
        margin-left: auto;
    }

#modal-create-weeklyshiftschedule .oda-modal-insert-dialog,
#modal-create-weeklyshiftschedulecalendar .oda-modal-insert-dialog {
    max-width: 1000px !important;
    width: 1000px;
}

#modal-weeklyshiftschedulecalendar .form-control.modal-insert-field-preview {
    word-wrap: break-word;
    max-width: 450px;
}

.checkbox-round {
    width: 12px;
    height: 12px;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background: transparent;
}

.checkbox-round-container {
    border-radius: 50%;
    border: 3px solid;
    padding: 1px;
    width: max-content;
}

.checkbox-round:checked {
    background-color: gray;
}



#ModalSearchEntryTime:before {
    content: 'Hora de entrada';
}

#ModalSearchLeaveTime:before {
    content: 'Hora de salida';
}

/*#ModalSearchPeriodStart:before,
#ModalSearchPeriodEnd:before,*/
#ModalSearchEntryTime:before,
#ModalSearchLeaveTime:before {
    opacity: 0.6;
}

/*#ModalSearchPeriodStart:focus:before,
#ModalSearchPeriodEnd:focus:before*/
#ModalSearchEntryTime:focus:before,
#ModalSearchLeaveTime:focus:before {
    content: '';
}

/*#ModalSearchPeriodStart:before {
    content: 'Hora de entrada';
}

#ModalSearchPeriodEnd:before {
    content: 'Hora de salida';
}
*/

#ModalSearchEntryTime.input-before-prevent-content:before {
    content: '' !important;
}

#ModalSearchLeaveTime.input-before-prevent-content:before {
    content: '' !important;
}

.text-wrap {
    word-wrap: break-word;
}

.tr-editable-edit-options {
    display: flex;
    min-height: 40px !important;
}

    .tr-editable-edit-options button:not(:first-child) {
        margin-left: 20px;
    }

#modal-note-detail .modal-insert-title {
    color: #263238;
    font-weight: 600;
    margin-bottom: 20px;
}

#modal-note-detail .modal-content.oda-modal-content {
    width: 660px !important;
}

.modal-detailmode .blazored-typeahead__input-mask,
.modal-detailmode .form-control {
    background-color: #e9ecef;
    opacity: 1;
}

.modal-detailmode .modal-insert-input-float-icon,
.modal-detailmode .oda-btn-primary {
    display: none;
}

.modal-body-cover {
    display: none;
}

.modal-detailmode .modal-body-cover {
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 70px);
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

    .tooltip-wrapper .tooltip-wrapper-content {
        visibility: hidden;
        bottom: 100%;
        z-index: 1;
        position: absolute;
        transform: translate(-50%, -100%);
        font-size: 10px;
        box-shadow: rgba(38, 50, 56, 0.16) 0px 3px 6px;
        width: 400px;
        left: -205px;
        top: 300%;
        color: rgb(38, 50, 56);
        text-align: start;
        height: max-content;
        background: white;
        border-radius: 3px;
        margin: 10px 0px 0px;
        padding: 20px 30px 30px 30px;
    }

.tooltip-wrapper-text {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
}

.tooltip-wrapper-content strong {
    color: #263238;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: SplineSans;
    font-size: var(--font-size-modal-title);
}

.tooltip-wrapper:hover .tooltip-wrapper-content {
    visibility: visible;
}

.tooltip-wrapper-formula {
    position: relative;
    display: inline-block;
    /*margin-top: 9%;*/
    /*margin-bottom: auto;*/
}

    .tooltip-wrapper-formula .tooltip-wrapper-content-formula {
        visibility: hidden;
        bottom: 100%;
        z-index: 1;
        position: absolute;
        transform: translate(0%, -100%);
        font-size: 10px;
        box-shadow: rgba(38, 50, 56, 0.16) 0px 3px 6px;
        max-width: 560px;
        width: max-content;
        left: 50px !important;
        top: 110%;
        color: rgb(38, 50, 56);
        text-align: start;
        height: max-content;
        background: white;
        border-radius: 3px;
        margin: 10px 0px 0px;
        padding: 20px 30px 30px 30px;
    }

.tooltip-wrapper-formula img:hover{
    cursor: hand;
}

.tooltip-wrapper-text-formula {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
}

.tooltip-wrapper-content-formula strong {
    color: #263238;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: SplineSans;
    font-size: var(--font-size-modal-title);
}

.tooltip-wrapper-formula:hover .tooltip-wrapper-content-formula {
    visibility: visible;
}

.hide-scrollbar {
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}

    .hide-scrollbar::-webkit-scrollbar {
        display: none;
    }

#modal-note-detail .modal-body div:not(.btn-text),
.tooltip-wrapper-text {
    white-space: pre-line;
}

#modal-note-detail .modal-body div:not(.btn-text),
.tooltip-wrapper-text-formula {
    white-space: pre-line;
}

/*.space .blazored-typeahead__result:hover {
    background-color: #eceff1;
    border-top: 1px solid #eceff1;
    border-bottom: 1px solid #eceff1;
}*/

.space .blazored-typeahead__active-item, .space .blazored-typeahead__result:hover, .space .blazored-typeahead__result:focus {
    background-color: #DDEEFD;
    border-top: 1px solid #DDEEFD;
    border-bottom: 1px solid #DDEEFD;
    cursor: pointer;
}
/*{
    background-color: #eceff1;
    border-top: 1px solid #eceff1;
    border-bottom: 1px solid #eceff1;
}*/  
/*employees general cv*/
/*.space .blazored-typeahead__active-item {
    background-color: #eceff1;
    border-top: 1px solid #eceff1;
    border-bottom: 1px solid #eceff1;
}*/

.cv-details-info {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    min-height:19px;
}

.cv-details-abs, .cv-details-salary {
    /*font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-18)/22px Montserrat;*/
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    /*font: normal normal medium 18px/22px Montserrat;*/
    font-family: Roboto-Regular;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    min-height: 27px;
}

.current_status_placeholder_cv {
    height: 31px;
}

.current_status_true_cv div,
.current_status_false_cv div {
    margin:auto;
}

.current_status_true_cv {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #009511;
    background: var(--secundario_verde) 0% 0% no-repeat padding-box;
    background: #C8E6C9 0% 0% no-repeat padding-box;
    border-radius: 9px;
    width: 52px;
    height: 31px;
    opacity: 1;
    display: flex;
}

.current_status_false_cv {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #CE1453;
    background: var(--secundario_rosa) 0% 0% no-repeat padding-box;
    background: #F8BBD0 0% 0% no-repeat padding-box;
    border-radius: 9px;
    width: 60px;
    height: 31px;
    display: flex;
    opacity: 1;
}

.current_status_paid {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #006BBF;
    background: var(--secundario_rosa) 0% 0% no-repeat padding-box;
    background: #BBDEFB 0% 0% no-repeat padding-box;
    border-radius: 9px;
    width: 60px;
    height: 31px;
    padding-top: 2%;
    opacity: 1;
}

#APIMessageHandlerModal .modal-body {
    overflow-y: auto;
    white-space: pre-line;
    word-break: normal;
    max-height: 90vh;
}

.filters_subtitle {
    font-size: 14px;
    color: #2196F3;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
    font-weight: 600;
}

.filters_input_title {
    font-family: Roboto-Regular;
    font-weight: 600;
    font-size: 14px;
    color: #263238;
}

.filters_full_width {
    width: 100%;
}

.filter_input {
    padding-top: 20px;
    padding-right: 20px;
}

.filter_button_section {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.filter_button_height {
    height: 40px;
}

/*Result Details View*/
.header-padding {
    padding-bottom: 9px;
}

@media(max-width: 1440px) {
    .overflow-scroll {
        /*height: 700px;*/
        overflow-x: hidden !important;
    }

    .email {
        word-break: break-word;
    }
}

@media(max-width: 1366px) {
    .overflow-scroll {
        /*height: 570px;*/
        overflow-x: hidden !important;
    }

    .list-table-container.payroll {
        /*min-height: calc(76vh - 1.1em - 240px);
        max-height: calc(76vh - 1.1em - 240px);
        border-radius: 8px 8px 0px 0px;*/
        /*overflow-x: scroll;*/
    }
    .list-table-container.PrePayroll {
        /*min-height: calc(70vh - 1.1em - 240px);
        max-height: calc(70vh - 1.1em - 240px);
        border-radius: 8px 8px 0px 0px;*/
        /*overflow-x: scroll;*/
    }

    .cv {
        width: 103%;
    }

    .general-cv {
        width: 52%;
    }

    .companyCurrent {
        width: 48%;
        padding-right: 2%;
    }

    .details-payroll-table {
        width: 100% !important;
    }

    .respon {
        width: 100%;
    }
}

@media(min-width: 1440px) {
    .overflow-scroll {
        overflow: unset !important;
    }
}

@media(max-width: 1440px) {
    /*Employee payroll*/
    .details-tabs {
        width: 87%;
    }

}

.responsible .blazored-typeahead__results {
    max-height: 18rem;
}

@media(max-height: 657px) {
    .overflow-scroll {
        /*height: 450px;*/
        overflow-x: hidden !important;
    }
}

.configuration-check-input-container {
    display: flex;
}

.configuration-check-input-container.not-displayed {
    display: none;
}

    .configuration-check-input-container > .configuration-check-input {
        margin-top: auto;
        margin-bottom: auto;
    }

.form-check-input,
.list-table-search-modal-checkbox-container input[type="checkbox"] {
    opacity: 1;
    border: 2px solid black;
    border-radius: 0.125em !important;
    height: 18px;
    width: 18px;
    cursor: pointer !important;
    border-width: 2px !important;
    appearance: none;
}

    /*.form-check-input,*/
    .list-table-search-modal-checkbox-container input[type="checkbox"]:disabled {
        background: #ECEFF1;
    }

    .form-check-input:checked,
    .form-check-input:checked:disabled,
    .list-table-search-modal-checkbox-container input[type="checkbox"]:checked {
        /*background-color: #2196F3;
    border-color: #2196F3;
    border: none;*/
        appearance: auto;
        width: 18px;
        accent-color: #2196F3;
    }

input.form-check-input.configuration-check-input.disabled {
    opacity: 0.1;
}

/*.list-table-search-modal-checkbox-container #searchEnabled:checked,
.list-table-search-modal-checkbox-container #searchDisabled:checked,*/
.form-check-input.configuration-check-input:checked {
}

/*.list-table-search-modal-checkbox-container #searchEnabled,
.list-table-search-modal-checkbox-container #searchDisabled,*/
.form-check-input.configuration-check-input {
}


.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    left: 0rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #ECEFF1;
    border: #CDD2D6 solid 1px;
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    left: 2px;
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: white;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-control.custom-switch input {
    display: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #2196F3;
    background-color: #2196F3;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}

.page.full-screen .top-row,
.page.full-screen .nav-top-logo,
.page.full-screen .page-title-content-container,
.page.full-screen .sidebar {
    display: none;
}

.page.full-screen .content {
    margin-top: inherit;
    height: 100vh;
}

.page.full-screen .list-table-container,
.page.full-screen .list-table-footer {
    max-width: 95vw !important;
}


.page.full-screen .list-table-container {
    max-height: 90vh;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    left: 0rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #ECEFF1;
    border: #CDD2D6 solid 1px;
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    left: 2px;
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: white;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-control.custom-switch input {
    display: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #2196F3;
    background-color: #2196F3;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}

.page.full-screen .top-row,
.page.full-screen .nav-top-logo,
.page.full-screen .page-title-content-container,
.page.full-screen .sidebar {
    display: none;
}

.page.full-screen .content {
    margin-top: inherit;
    height: 100vh;
}

.page.full-screen .list-table-container,
.page.full-screen .list-table-footer {
    max-width: 95vw !important;
}

.page.full-screen .list-table-container {
    max-height: 90vh;
}


/*Slider checkbox*/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ECEFF1;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.slider-text {
    font-family: Roboto-Regular;
    font-size: 14px;
    margin-left: 8px;
}

.switch-section {
    display: inline-flex;
}


.input-mask-container {
    position: relative;
}

    .input-mask-container input {
        background-color: #e9ecef;
    }

    .input-mask-container .input-mask {
        width: 100%;
        height: 40px;
        position: absolute;
        top: 0px;

}

.pagenumber-input {
    display: flex;
}

.periodpagination-container {
    display: flex;
}

.periodpagination-label {
    margin: auto;
    margin-right: 10px;
    font-size: 14px;
    font-family: 'Roboto-Regular';
    color: #263238;
}

.periodpagination-container .blazored-typeahead__input-mask {
    font-size: 14px;
    font-family: 'Roboto-Regular';
    height: 32px;
    height: 40px;
}

.periodpagination-container .blazored-typeahead {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1;
    min-width: 225px;
}

.periodpagination-container input.blazored-typeahead__input {
    font-size: 14px;
    font-family: 'Roboto-Regular';
    height: 32px;
    height: 40px;
}

.periodpagination-container .modal-insert-input-float-icon {
    top: 5px;
    right: 3px;
}

.periodpagination-container .blazored-typeahead__results {
    bottom: 40px;
    font-size: 14px;
}


.table-header-select-field-input-container .blazored-typeahead {
    height: 40px;
    border: 1px solid #ECEFF1 !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    min-width: 200px;
}

.select-warning .table-header-select-field-input-container .blazored-typeahead {
    border-color: red !important;
}

.table-header-select-field-input-container .blazored-typeahead__controls {
    height: 37px;
}

.table-header-select-field-input-container .blazored-typeahead__result {
    color: black;
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: 400;
}

.table-header-select-field-input-container .blazored-typeahead__input-mask {
    color: black;
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: 400;
}

.list-table th .table-header-select-field-input-container .blazored-typeahead {
    margin-bottom: 0px !important;
}


payrolltrace-filter-container .blazored-typeahead__controls {
    height: 40px;
}

payrolltrace-filter-container .list-table-search-modal-input,
payrolltrace-filter-container .list-table-search-modal-input .blazored-typeahead__input,
payrolltrace-filter-container .list-table-search-modal-input .blazored-typeahead__input-mask {
    font-family: Roboto-Regular;
    font-weight: normal;
    color: black;
    font-weight: 600;
}

payrolltrace-filter-container .list-table-search-modal-input:not(:first-child) {
    margin-left: auto;
}

payrolltrace-filter-container .list-table-search-modal-input:not(:first-child) {
    margin-top: 5px;
}

form-margin-check-option-label {

}

.form-margin-check-option-label-check {
    display: flex;
    margin-top: 29px;
}


.form-margin-check-option-label-check label {
    /*color: #263238;*/
    colo9r #000000;
    font-weight: bold;
    font-size: 14px;
}

.form-margin-check-option-label-check input {
    margin-top: auto;
    margin-bottom: auto;
}
.form-margin-check-option-label-check label {
    margin-left: 11px;
    margin-top: auto;
    margin-bottom: auto;
    cursor: pointer;
}

.summary-table-header-title {
    font-size: 14px;
    color: var(--primary);
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 9px;
}

.summary-table-header-value {
    min-height: 21px;
    font-size: 14px;
    font-family: Roboto-Regular;
}

.summary-table-header-card-content {
    padding: 0px 30px 30px 30px;
}


.list-table-container.paged.listtablewithsummary1 {
    min-height: calc(100vh - 1.1em - 440px);
    max-height: calc(100vh - 1.1em - 440px);
}
.list-table-container.paged.listtablewithsummary3 {
    min-height: calc(100vh - 1.1em - 600px);
    max-height: calc(100vh - 1.1em - 600px);
}


.modal-column-top-divisor {
    /*margin-top: auto;*/
    width: 100%;
}

.confirmation_modal_employee {
    width: 260px !important;
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-header-text-amount {
    width: 100%
}

.table-header-text-amount div {
    width: 100%;
    text-align: right;
}

.card-container-header-tabbed {
    padding: 30px 30px 0px 30px;
}

.card-container .page-tabs-container {
    border-bottom: 1px solid #ECEFF1;
}

.tree-dotted-content ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tree-dotted-content ul {
    padding-left: 1em;
}

.tree-dotted-content li {
    padding-left: 1em;
    border: 1px dotted black;
    border-width: 0 0 1px 1px;
}

    .tree-dotted-content li.container {
        border-bottom: 0px;
    }

    .tree-dotted-content li.empty {
        font-style: italic;
        color: silver;
        border-color: silver;
    }

    .tree-dotted-content li p {
        margin: 0;
        background: white;
        position: relative;
        top: 0.5em;
    }

    .tree-dotted-content li ul {
        border-top: 1px dotted black;
        margin-left: -1em;
        padding-left: 2em;
    }

.tree-dotted-content ul li:last-child ul {
    border-left: 1px solid white;
    margin-left: -17px;
}

.employeePhotoSearch {
    border-radius: 19px;
    /*height: 32px;*/
    /*width: 32px;*/
    height: 28px;
    width: 28px;
    margin-right: 10px;
}
.list-employee-searchtrigger-container {
    width: 462px;
    height: 40px;
    background: var(--blanco) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-eceff1);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    opacity: 1;
    display: flex;
    margin-left: auto;
}
.text-search-employee {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-spline-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal medium 14px/16px Spline Sans;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}

    .text-search-employee.employeeInactive{
        color: #C11313;
    }

    .user-photo-employee {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-left: 8px;
    }

.user-search-input-background.active {
    position: absolute;
    z-index: 499;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    display:block !important;
}

.user-search-input .border-employee .blazored-typeahead__input-mask-wrapper {
    display: none;
}

.user-search-input .border-employee .blazored-typeahead__input.blazored-typeahead__input-hidden {
    display: block;
}


.user-search-input {
    padding: 15px 15px;
    background-color: var(--color-cards);
    border: 1px solid #ECEFF1;
    border-radius: 0px 0px 4px 4px;
    width: 462px;
    position: absolute;
    z-index: 500;
    border-top: none;
    margin-top: -2px;
}
.border-employee .blazored-typeahead {
    border: 1px solid #ECEFF1 !important;
}
.button-employee-search {
    width: 40px;
    height: 40px;
}
.oda-btn-secondary-employee {
    background: white;
    border: 2px solid #ECEFF1;
    color: var(--primary);
    font-weight: 500;
}

    .oda-btn-secondary-employee:hover {
        background: #ECEFF1 0% 0% no-repeat padding-box;
        border: 2px solid #ECEFF1;
    }

    .oda-btn-secondary-employee:active {
        background: #ECEFF1 0% 0% no-repeat padding-box;
        border: 2px solid #ECEFF1;
        opacity: 1;
    }

    .oda-btn-secondary-employee:disabled {
        background: #ECEFF1 0% 0% no-repeat padding-box;
    }
.oda-btn-employee {
    border-radius: 4px;
    opacity: 1;
    font-family: SplineSans;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    padding: 6px 8px;
    padding: 6px 12px;
    font-weight: 400;
    font-size: var(--font-size-button);
    overflow-x: hidden;
    justify-content: center;
}
.user-search-input:not(.active) {
    display: none;
}
.user-search-input .list-table-search-modal-input,
.user-search-input .list-table-search-modal-input .blazored-typeahead__input,
.user-search-input .list-table-search-modal-input .blazored-typeahead__input-mask {
    font-family: Roboto-Regular;
    font-weight: normal;
    color: black;
}
.modal-insert-input-float-icon-employee {
    position: absolute;
    margin-left: 0px;
    top: 10px;
    right: 5px;
    z-index: 1;
}

.search-employee-icon.active {
    display: none;
}

.search-icon-employee {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 8px;
}
.modal-insert-input-float-icon-employeeListSearch {
    position: absolute;
    margin-left: 0px;
    top: 10px;
    right: 2px;
    z-index: 5;
    cursor: pointer;
    /*background-color: white;*/
}
.modal-dialog.oda-modal-insert-dialog-horizontal-modal-employee {
    width: 816px !important;
    display: flex;
    height: calc(100% - 10em);
}
.search-employee-modal .blazored-typeahead__input {
    padding-left:36px;
}
.text-danger-failEmployee {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--obligatorio);
    text-align: left;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #C11313;
    opacity: 1;
}
.componentEmployee {
    box-shadow: none !important;
    border-right: 1px solid #ECEFF1;
    border-bottom: 1px solid #ECEFF1;
    border-left: 1px solid #ECEFF1;
}
.Table-List-employeeSearch {
    min-height: calc(65vh - 1.1em - 287px);
    max-height: calc(51vh - 1.1em - 160px);
    box-shadow: none;
    margin-top: 28px;
    border-radius: 0 !important;
}
.search-employee-modal .blazored-typeahead__input-mask {
    padding-left: 36px;
}
.itemNotFound {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.text-itemNotFound {
    margin-top: 20px;
    display: flex;
    flex-wrap: nowrap;
}
.toggle-EmployeeList {
    border-left: 1px solid #ECEFF1;
    height: 40px;
    top: 0px;
    border-bottom: 1px solid #ECEFF1;
    border-top: 1px solid #ECEFF1;
}
.isActiveToggleEmployeeList {
    background-color: white;
}
.search-employee-modal-width .blazored-typeahead__results{
    width:max-content!important;

}
.itemDisplayEmployeeAdmin {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 13px/18px var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 13px/18px Roboto-Regular;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.itemDisplayEmployeeNormal {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.margin-list{
    padding-left: 10px !important;
}
.subtitle-text-employeeSearch {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 10px/12px var(--unnamed-font-family-spline-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal normal 10px/12px SplineSans;
    letter-spacing: 0px;
    color: #263238;
    text-transform: uppercase;
    opacity: 0.8;
}
.list-CostCenterName {
    display: flex;
    flex-direction: column;
}

.OverheadFilters {
    background-color: var(--color-cards);
    display: flex;
    border-top: 1px solid #ECEFF1;
    padding: 20px 30px 20px 30px;
}

    .OverheadFilters .checkboxLabel {
        margin-top: 9px;
        margin-left: 10px;
    }

    .OverheadFilters .FilterElement {
        margin-left: 20px;
    }

.OverheadFilterDropwdownSection {
    border: 1px solid #ECEFF1;
    padding: 10px;
    border-radius: 4px;
    position: absolute;
    z-index: 500;
    background: white;
}


.modal-text {
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.modal-normal-text {
    font-family: Roboto-Regular;
    font-size: 14px;
}

.icon-right-position, .icon-left-position {
    margin-top: 2px;
    margin-left: 2px;
}
.size-nav {
    height: 32px;
    width: 32px;
}
.page-tab-imss {
    height: 32px;
    width: auto;
    padding: 0px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    font-weight: 500;
}
.page-tab-imss.active {
    border-bottom: 4px solid #FDB703;
    padding: 4px 20px 0px 20px;
}

.page-tab-imss:hover {
    cursor: pointer;
    background: #ECEFF1;
}
.page-tab-name-imss {
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #263238;
    opacity: 0.8;
    font-size: 14px;
}
.page-title-IMSS {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.page-general-imss-height {
    height: 79px;
}
.page-general-imss-title-center {
    display: flex;
    justify-content: center;
}
.modal-insert-conciliation{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal bold 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}
.modal-insert-section-conciliation {
    padding-bottom: 10px;
}
.page-conciliation-content-container {
    margin-top: -1.1rem;
}
.page-imss-general {
    padding: 20px 30px 30px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 0px 0px 8px 8px;
    margin-bottom: 1.1rem;
    border-top: 1px solid #ECEFF1;
}

.list-imss-search-modal-options {
    display: flex;
    align-items: center;
}
.modal-insert-input-float-icon-search-imss {
    position: absolute;
    /*top: 12px;*/
    top: 9px;
    left: 6px;
    z-index: 1;
}
.list-table-container.imss {
    min-height: calc(88vh - 1.1em - 240px);
    max-height: calc(88vh - 1.1em - 240px);
    border-radius: 8px 8px 0px 0px;
    /*overflow-x: scroll;*/
}
.list-table-search-modal-row-imss {
    display: flex;
    margin-top: -8px;
}

    .list-table-search-modal-row-imss .list-table-search-modal-input {
        width: 35% !important;
    }
.list-table-search-modal-row-imss .list-table-search-modal-input:not(:first-child) {
    margin-left: auto;
}
    .list-table-search-modal-row-imss-filter .list-table-search-modal-input {
        width: 28% !important;
    }

.list-table-search-modal-row-imss-filter .list-table-search-modal-input:not(:first-child) {
    margin-left: auto;
}
.list-table-search-modal-row-imss-filter {
    display: flex;
    margin-top: -8px;
}
.list-imss-date-searchtrigger-container {
    width: 280px;
    height: 40px;
    background: var(--blanco) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-eceff1);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    opacity: 1;
    display: flex;
    margin-left: auto;
    align-content: center;
    align-items: center;
}
.imss-date-input {
    padding: 15px 15px;
    background-color: var(--color-cards);
    border: 1px solid #ECEFF1;
    border-radius: 0px 0px 4px 4px;
    width: 280px;
    position: absolute;
    z-index: 500;
    border-top: none;
    margin-top: -2px;
}
    .imss-date-input:not(.active) {
        display: none;
    }

    .imss-date-input  {
        font-family: Roboto-Regular;
        font-weight: normal;
        color: black;
    }
.space-date-imss {
  padding-left: 0.75rem !important;
}
.text-search-imss-date {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-spline-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-263238);
    text-align: left;
    font: normal normal medium 14px/16px Spline Sans;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
    margin-left: 10px;
}
.list-imss-type-movements-searchtrigger-container {
    width: 215px;
    height: 40px;
    background: var(--blanco) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-eceff1);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    opacity: 1;
    display: flex;
    margin-left: auto;
    align-content: center;
    align-items: center;
}
.imss-type-movements-input {
    padding: 15px 15px;
    background-color: var(--color-cards);
    border: 1px solid #ECEFF1;
    border-radius: 0px 0px 4px 4px;
    width: 215px;
    position: absolute;
    z-index: 500;
    border-top: none;
    margin-top: -2px;
}
.imss-type-movements-input:not(.active) {
    display: none;
}

.imss-type-movements-input {
    font-family: Roboto-Regular;
    font-weight: normal;
    color: black;
}
.list-table-search-modal-checkbox-container-imss-type-movements input[type="checkbox"] {
    opacity: 1;
    border: 2px solid black;
    border-radius: 0.125em !important;
    height: 18px;
    width: 18px !important;
    cursor: pointer !important;
    border-width: 2px !important;
    appearance: none;
    padding-left: 0em;
}
.list-table-search-modal-checkbox-container-imss-type-movements input {
    margin-right: 10px;
}
.text-checkbox {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.text-checkbox-center {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;

}
.list-table-search-modal-checkbox-container-imss-type-movements input[type="checkbox"]:checked {
    appearance: auto;
    width: 18px;
    accent-color: #2196F3;
}
.text-differences-employee {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--obligatorio);
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #C11313;
    opacity: 1;
}

.list-imss-employee-differences-searchtrigger-container {
    width: 258px;
    height: 40px;
    background: var(--blanco) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-eceff1);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    opacity: 1;
    display: flex;
    margin-left: auto;
    align-content: center;
    align-items: center;
}

.imss-employee-differences-input {
    padding: 15px 15px;
    background-color: var(--color-cards);
    border: 1px solid #ECEFF1;
    border-radius: 0px 0px 4px 4px;
    width: 258px;
    position: absolute;
    z-index: 500;
    border-top: none;
    margin-top: -2px;
}

    .imss-employee-differences-input:not(.active) {
        display: none;
    }

.imss-employee-differences-input {
    font-family: Roboto-Regular;
    font-weight: normal;
    color: black;
}
.check-item-table {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
}
test:disabled {
    background: gray;
    border: 1px solid blue;
}
.details-info-summary {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--obligatorio);
    text-align: right;
    font: normal normal normal 14px/19px Roboto-Regular;
    letter-spacing: 0px;
    color: #C11313;
    opacity: 1;
}
.page-details-info-summary {
    padding: 26px 30px 4px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 8px;
    margin-bottom: 1.1rem;
}
    .page-details-info-summary .table-header {
        width: 20%;
    }

    .page-details-info-summary .row-sub-header {
        padding-left: 30px;
        font-size: 14px;
    }


@media (max-width: 991.98px) {
    .page-details-info-summary .empty-header{
        display:none;
    }
}

.pill-btn {
    border-radius: 16px;
    border: 1px solid #ECEFF1;
    padding: 8px 16px;
    background: white;
    width: auto;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px;
    color: #263238;
}

    .pill-btn.active {
        color: #2196F3;
        background-color: #ECEFF1;
    }


.search-input-blazored .blazored-typeahead {
    background: var(--blanco) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-eceff1);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1 !important;
    border-radius: 4px !important;
    opacity: 1;
    height: 40px;
}

.list-employee-differences-searchtrigger-container {
    /*width: 125px;*/
    width: 200px;
    height: 41px;
    background: var(--blanco) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-eceff1);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    opacity: 1;
    display: flex;
    margin-left: auto;
    align-content: center;
    align-items: center;
}
.employee-modal-input {
    padding: 15px 15px;
    background-color: var(--color-cards);
    border: 1px solid #ECEFF1;
    border-radius: 0px 0px 4px 4px;
    /*width: 125px;*/
    width: 200px;
    position: absolute;
    z-index: 500;
    border-top: none;
    margin-top: -2px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    border: 1px solid #dbdbdb;
    border-top: none;
}

    .employee-modal-input:not(.active) {
        display: none;
    }

.employee-modal-input {
    font-family: Roboto-Regular;
    font-weight: normal;
    color: black;
}
.container-scroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow: auto;
}

.container-scroll::-webkit-scrollbar {
    display: none !important;
}
.text-large {
    max-width: 180px; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.responsible .blazored-typeahead__results {
    /* max-height: 18rem; */
    width: 100%;
    border-top: none;                                             
}

.scrollable-dropdown .blazored-typeahead .blazored-typeahead__results {
    max-height: 200px;
    overflow-y: scroll;
}

.statuslabel-container {
    font-weight: 700;
    color: #CE1453;
    background-color: #F8BBD0;
    text-align: center;
    padding: 6px;
    display: inline-flex;
    border-radius: 9px;
}

.statuslabel-container-stamping-InProcess {
    color: #189638;
    background-color: #C8E6C9;
}

.statuslabel-container-stamping-StampedPartial {
    color: #D09500;
    background-color: #FFF9C4;
}

.statuslabel-container-stamping-StampedTotally {
    color: #006BBF;
    background-color: #BBDEFB;
}


.statuslabel-container-management-Payed {
    color: #006BBF;
    background-color: #BBDEFB;
}

.list-page-search {
    height: 80px;
    margin: 0px -30px;
    position: relative;
    overflow-x: auto;
    overflow-y: clip;
    scrollbar-width: none;
}

.list-page-search-content {
    display: flex;
    padding: 20px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
}


.list-page-search-content > *:not(:last-child) {
    margin-right: 20px;
}

.list-page-search-mainsearchfield-container input,
.list-page-search-content > input {
    min-width: 400px;
}

.list-page-search-content > input.mini-search-input {
    /*min-width: 154px;*/
}

.list-page-search-content .blazored-typeahead {
    border: 1px solid #ECEFF1 !important;
    border-radius: 4px !important;
    max-height: 40px;
    width: 200px;
}

    .list-page-search-content .payrollManagement .blazored-typeahead {
        width: 150px;
    }

.list-page-search-select-dropdown {
    z-index: -1;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
}

.list-page-search-select-dropdown .blazored-typeahead__input {  
    padding: 7px 10px;
}

.list-page-search-select-dropdown .blazored-typeahead {
    background-color: white;
}

.list-page-search-select-dropdown .blazored-typeahead__results {

}

.list-page-search-select-dropdown .blazored-typeahead__input-hidden {
    display: block;
}

.list-page-search-select-dropdown .blazored-typeahead__input-mask-wrapper,
.list-page-search-select-dropdown .blazored-typeahead__input-mask {
    display: none;
}

.list-page-search-select-dropdown .blazored-typeahead {
    position: fixed;
}

.list-page-search-select-dropdown .blazored-typeahead, 
.list-page-search-select-dropdown .blazored-typeahead__controls {
    height:40px;
}


.list-page-search-fieldsarea-dropdown {
    z-index: -1;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;


}

.list-page-search-fieldsarea-dropdown-fields-container {
    border: 1px solid #ECEFF1;
    border-top: none;
    border-radius: 4px;
    width: 200px;
    background: white;
    position: relative;
    padding: 5px 10px 10px 10px;
}

.list-page-search-fieldsarea-trigger {
    cursor: pointer;
    display: flex;
}

.list-page-search-fieldsarea-trigger div{
    margin-top: auto;
    margin-bottom: auto;
}

.list-page-search-fieldsarea-dropdown input {
    width:100%;
}

.list-page-search-fieldsarea-dropdown input:not(:last-child) {
    margin-bottom: 15px;
}

.list-page-search-fieldsarea-dropdown-field-title {
    height: 19px;
    font-weight: bold;
    font-family: Roboto-Regular;
    color: #000000;
    margin-bottom: 8px;
}


.list-page-search-content .list-page-search-mainsearchfield-container {
    position: relative;
}

.list-page-search-content .list-page-search-mainsearchfield-container:not(.list-page-search-mainsearchfield-container-value) input
{
    text-indent: 24px;
}

.list-page-search-mainsearchfield-container {
}

.list-page-search-mainsearchfield-container-value img{
    display:none;

}

.list-page-search-content .list-page-search-mainsearchfield-container:not(.list-page-search-mainsearchfield-container-value) img {
    position: absolute;
    height: 24px;
    left: 8px;
    top: 8px;
}

.stamping-process-summary-header {
    padding: 20px;
    border-top: 1px solid #ECEFF1;
}

.stamping-process-summary-header-title {
    height: 16px;
    font-family: SplineSans;
    color: #02447B;
    font-weight: 700;
}
.stamping-process-summary-header-data {
    height: 19px;
    margin-top: 4px;
    height: 24px;
    font-size: 16px;
    font-family: Roboto-Regular;
    color: #000000;
}

.stamping-process-summary-progress {
    border-top: 1px solid #ECEFF1;
    padding: 20px;
}

.stamping-process-summary-progress-value-title {
    color: #2196F3;
    font-family: SplineSans;
    font-size: 14px;
    height: 16px;
}
.stamping-process-summary-progress-value-value {
    color: #000000;
    font-family: Roboto-Regular;
    font-size: 14px;
    height: 16px;
}

.stamping-progress-bar {
    height: 20px;
    width: 100%;
    background-color: white;
    border: 1px solid #2196F3;
    border-radius: 10px;
    margin-top: 12px;
    magin-bottom: 30px;
}

.stamping-progress-progress {
    background-color: #2196F3;
    width: 63%;
    height: 18px;
    border-radius: 10px;
}

.list-table-container.stamping-progress-table {
    max-height: calc(100vh - 1.1em - 454px);
    min-height: calc(100vh - 1.1em - 454px);
}

.modal-header-info-title {
    color: #02447B;
    font-weight: 700;
    font-family: 'SplineSans';
    font-size: 14px;
}

.modal-header-info-value {
    font-size: 14px;
}

.payroll-authorization-summary-periodinfo-header {
    height: 16px;
    color: #02447B;
    font-size: 14px;
    font-weight: bold;
    font-family: SplineSans;
}

.payroll-authorization-summary-periodinfo-value {
    height: 24px;
    color: #000000;
    font-size: 18px;
    font-family: Roboto-Regular;
}

.payroll-authorization-summary-periodinfo-container {
    margin-top: 40px;
}

.payroll-authorization-summary-container {
    height: calc(100% - 198px);
    margin-top: 38px;
    overflow-y: auto;
    /*background-color: pink;*/
}

.payroll-authorization-row {
    min-height: 41px;
    padding: 0px 20px;
    max-width: 100%;
    margin: 0px;
}

.payroll-authorization-key,
.payroll-authorization-value {
    margin-bottom: auto;
    margin-top: auto;
    color: #000000;
    letter-spacing: 0px;
    font-family: Roboto-Regular;
    font-size: 14px;
    min-height: 19px;
    letter-spacing: 0px;
}

.payroll-authorization-row:not(:last-child) {
    border-bottom: 1px solid #ECEFF1;
}


.payroll-authorization-key {
    text-align: left;
    font-weight: bold;
}

.payroll-authorization-value {
    text-align: end;
}

.payroll-summary-detail-cover-header-container {
    border-radius: 8px;
    box-shadow: 0px 0px 10px #26323829;
    background-color: white;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 25px;
}

    .payroll-summary-detail-cover-header-container .payroll-authorization-summary-periodinfo-header {
        margin-bottom: 9px;
    }

.payroll-summary-detail-cover-rows-container {
    max-height: calc(100vh - 378px);
}

    .payroll-summary-detail-cover-rows-container .payroll-authorization-row {
        min-height: 59px;
    }

.payroll-authorization-row:hover {
    background-color: #ECEFF1;
}

.page-title-content-container.tabbed.page-title-content-container-payroll-summary {
    margin-bottom: 0px;
}

.page-title-content-container-tabbed-filters-container {
    padding: 20px 30px;
    display: flex;
    display: flex;
    padding: 20px 30px 05px 30px;
    background-color: var(--color-cards);
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 0px 0px 8px 8px;
    margin-bottom: 20px;
    min-height: 80px;
    border-top: 1px solid #ECEFF1;
}


    .page-title-content-container-tabbed-filters-container .list-page-search-content {
        padding: 0px;
    }


        .page-title-content-container-tabbed-filters-container .list-page-search-content input.list-table-search-modal-input.oda-input {
            width: 489px;
        }

.payroll-summary-detail-list-table-footer {
    border-radius: 0px 0px 8px 8px;
    bottom: 0px;
    z-index: 1;
    background: white;
    /*padding: 0px 30px 10px 30px;*/
    display: flex;
    box-shadow: 0px 0px 10px #26323829;
    height: 70px;
}

    .payroll-summary-detail-list-table-footer td:first-child {
        padding-left: 30px;
    }

    .payroll-summary-detail-list-table-footer table {
        width: 100%
    }

    .payroll-summary-detail-list-table-footer td {
        padding: 16.5px 15px;
    }

tfoot.payroll-summary-detail-list-table-footer {
    display: table-footer-group;
    box-shadow: none;
}

    tfoot.payroll-summary-detail-list-table-footer tr {
        position: sticky;
        bottom: 0;
        background-color: #fff;
        box-shadow: 0px 0px 10px #26323829;
    }

.payroll-summary-detail-list-table .list-table-container.paged.no-footer {
    min-height: auto;
}


.payroll-summary-detail-list-table .list-table-container.paged.list-table-filterheader {
    min-height: calc(100vh - 1.1em - 375px);
    max-height: calc(100vh - 1.1em - 375px);
}

.payroll-summary-detail-list-table.container-scrollabe-table .list-table-container {
    min-width: 100%;
}

.payroll-summary-detail-list-table:not(.payroll-summary-detail-full-list-table) .list-table th > div:not(.list-table-search-modal) > div {
    line-break: anywhere;
}

.table-checkbox {
    width: 18px;
    height: 18px;
    margin-right: 15px;
    vertical-align: -3px;
}

.title-table-classroom {
    font-family: 'Roboto-Regular';
    color: var(--primary) !important;

}
.oda-btn-secondary.matrixbtn:disabled {
    opacity: .5;
    background: white;
    color: #263238;
    cursor: not-allowed;
}

.checkbox-list-item {
    width: -webkit-fill-available;
    border: 1px solid #ECEFF1;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 10px;
    padding-left: 20px;
    margin-top: 0px;
}

.modal-insert-input-float-icon-search-department-training {
    position: absolute;
    z-index: 1;
    margin-top: 8px;
    margin-left: 8px;
}

.TrainingDepartmentCheckList {
    height: 260px;
    overflow: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    .TrainingDepartmentCheckList::-webkit-scrollbar {
        display:none;
    }
    .TrainingDepartmentCheckList.input-warning .checkbox-list-item{
        border-color: red;
    }

a[href="training"] {
    padding: .5rem 0.6rem;
}


.table-checkbox {
    width: 18px;
    height: 18px;
    margin-right: 15px;
    vertical-align: -3px;
}
.title-table-classroom {
    font-family: 'Roboto-Regular';
    color: var(--primary) !important;

}


.employee-cv-card-scroll-container {
    overflow-y: scroll;
    height: calc(100vh - 202px);
    max-height: calc(100vh - 202px);
    margin-top: -20px;
    padding-top: 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.employee-cv-card-scroll-container::-webkit-scrollbar {
    display: none;
}


.employee-cv-card-container {
    border-radius: 8px;
    box-shadow: 0px 0px 10px #26323829;
    background-color: white;
    padding: 30px;
}

/*.employee-cv-card-container:not(:last-child)*/
.employee-cv-card-container{
    margin-bottom: 20px;
}

.employee-cv-card-title-container {
    height: 40px;
    margin-bottom: 20px;
    display:flex;
}

.employee-cv-card-title {
    font-family: 'SplineSans';
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
}

.employee-cv-card-section-row:not(:last-child) {
    margin-bottom: 40px;
}

.employee-cv-card-section {
}

.employee-cv-card-section-title {
    font-weight: bold;
    font-family: 'SplineSans';
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #02447B;
    opacity: 1;
    margin-bottom: 9px;
}

.employee-cv-card-section-value {
    font-family: Roboto-Regular;
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.employee-cv-card-attachment-container {
    background-color: #ECEFF1;
    border-radius: 25px;
    padding: 8px 10px;
    max-width: max-content;
    display: flex;
    margin-left: auto;
}

.employee-cv-card-attachment-filename {
    font-family: Roboto-Regular;
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    height: max-content;
    margin: auto;
    line-break: anywhere;
    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 180px;
}

.employee-cv-card-attachment-icon {
    margin: auto 0px auto 10px;
    height: 20px;
    cursor: pointer;
}


.employee-cv-card-edit-button {
    height: 40px;
    width: 40px;
    display: flex;
    border: 2px solid #ECEFF1;
    border-radius: 4px;
    margin-left: auto;
}

.employee-cv-card-edit-button:hover {
    background-color: #ECEFF1;
    cursor: pointer;
}

.employee-cv-card-edit-button img {
    width: 24px;
    height: 24px;
    margin: auto;
}

.employee-cv-card-section input,
.employee-cv-card-section .blazored-typeahead__input-mask {
    height: 40px;
}



/*Insert*/

.employee-insert-form-container.employee-cv-card-scroll-container {
    height: calc(100vh);
    max-height: calc(100vh - 166px);
}


.employee-insert-form-container.employee-cv-card-scroll-container > div {
    padding-bottom: 20px;
}

.employee-insert-form-container .employee-cv-card-title-container {
    margin-bottom: -10px;
}

.employee-insert-form-container .employee-cv-card-title {
    color: #2196F3;
}

.employee-insert-form-container .row.employee-cv-card-section-row .col-lg-3.col-md-6 {
    margin-top: 30px;
}


.employee-insert-form-container .blazored-typeahead__input {
    height: 38px;
}


.employee-profileicon-upload-placeholder {
    margin-top: -25px;
    height: 100px;
    width: 100px;
    border: 1px solid #ECEFF1;
    border-radius: 50px;
    display: flex;
    cursor: pointer;
    overflow: hidden;
}

.employee-profileicon-upload-placeholder > div {
    margin: auto;
}


.employee-profileicon-upload-placeholder-img {
    display: flex;
}

.employee-profileicon-upload-placeholder-img > img {
    margin: auto;
    height: 24px;
    width: 24px;
    margin-bottom: 4px;
}

.employee-profileicon-upload-placeholder-text {
    font-size: 14px;
    font-family: Roboto-Regular;
    color: #263238;
}

.employee-profileicon-upload-image {
    height: 100%;
    width: 100%;
}

.AttendanceEmployeeFilter .list-employee-searchtrigger-container .user-photo-employee .text-search-employee {
    font-size: 14px;
}

.summary-amounts-align-right {
    text-align: right;
}

.summary-amounts-normal-font{
    color: black;
    font-weight: normal;
}

.summary-amounts-display-block{
    display: inline-block;
}

.list-header-align-right {
    width: -webkit-fill-available;
    text-align: right;
}

.pill-tab {
    top: 234px;
    left: 533px;

    display: inline-block;
    border: 1px solid #ECEFF1;
    border-radius: 16px;
    
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;

    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 14px;
    font-family: SplineSans;

    line-height: 26px;
    letter-spacing: 0px;
    color: #263238;
    opacity: 1;
    cursor: pointer;
}

.pill-tab-selected {
    background: #ECEFF1 0% 0% no-repeat padding-box;
    color: #2196F3;
}


.summary-card-year-filter-container {
    display: flex;
    margin-left: auto;
    margin-right: 0px;
}

.summary-card-year-filter-container .blazored-typeahead__controls,
.summary-card-year-filter-container .blazored-typeahead {
    max-height:33px;
}

.summary-card-year-filter-container .modal-insert-input-float-icon {
    top:5px;
}

.payrollstatus-label-container {
    height: 19px;
    font: normal normal bold 14px/19px Roboto-regular;
    height: 23px;
    border-radius: 3px;
    display: flex;
    min-height: max-content;
    text-align: center;
}

.payrollstatus-label-container > div {
    margin: auto;
    padding: 0px 4px;
}

.payrollstatus-label-container_Pending,
.payrollstatus-label-container_NotCalculated {
    color: #D09500;
    background-color: #FFF9C4;
}

.payrollstatus-label-container_PrepayrollCalculated,
.payrollstatus-label-container_PayrollParciallyCalculated,
.payrollstatus-label-container_PayrollCalculated,
.payrollstatus-label-container_Paid,
.payrollstatus-label-container_AfectedInProcess,
.payrollstatus-label-container_AfectedParcially {
    color: #006BBF;
    background-color: #BBDEFB;
}

.payrollstatus-label-container_AfectedTotally {
    color: #189638;
    background-color: #C8E6C9;
}

.summary-card-year-filter-container .result_period .blazored-typeahead__results {
    bottom: inherit;
}

.list-table-title-row {
    height:76px;
}

.list-table-title-row .list-table-title-row-label{
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.list-table-title-row-label {
    font-size: 20px;
    font-family: 'SplineSans';
    width: calc(100% - 200px);
    color: #263238;
}

.list-table-title-row-options-container {
}


.list-table-toggle-animation {
    transition: height 1s;
    box-shadow: 0px 0px 10px #26323829;
}

.list-table-toggle-off {
    height: 80px;
    overflow: hidden;
}

.summary-card-year-filter-container .list-table-footer-navigation-container img {
    height: 33px;
    width: 33px;
    padding: 4px;
}

.summary-card-year-filter-container .list-table-footer-pagelenth-container.center-period img {
    margin-left: 15px;
    margin-right: 15px;
}

.summary-card-year-filter-container img.td-event {
    background: white;
    border: 2px solid #ECEFF1;
    border-radius: 4px;
    height: 33px;
    width: 33px;
    padding: 4px;
}

.summary-card-year-filter-container img.td-event:hover {
    background: #ECEFF1 0% 0% no-repeat padding-box;
    border: 2px solid #ECEFF1;

}

.checkbox-search-border {
    border: 1px solid #ECEFF1;
    padding: 20px;
    border-radius: 4px;
}

.checkbox-search-border.input-warning {
    border-color: red;
}

.dropdown-item {
    height: 46px;
}

.hoverable.employee-cv-card-section-row:hover {
    background-color: #ECEFF1;
}

.niveles-list {
    font: normal normal bold 14px Roboto-Regular;
    color: #000000;
    opacity: 1;
    letter-spacing: 0px;
}
.select-file-folder-error-message {
    font: italic normal normal 14px/19px Roboto-regular;
    color: #C11313;
}
.top-flex-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 10px;
}


.tracing-body {
    background-color: #ECEFF1;
    padding: 16px;
    font-family: Roboto-Regular;
    font-size: 16px;
    height: 100vh;
    width: 100vw;
    overflow-y: auto;
}

.tracing-content-container {
    padding: 20px 30px 30px 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #26323829;
    border-radius: 8px 8px 0px 0px;
    margin-bottom: 1.1rem;
}


.left-container {
    margin-right: 10px;
}

.right-container {
    margin-left: 10px;
}

.modal-dialog.oda-modal-dialog {
    max-width: inherit;
    width: 500px;
}

.text-right.value-content {
    text-align: right;
}

.payroll-period-navigation {
    padding-bottom: 11px;
    padding-top: 11px;
    border-radius: 8px 8px 0 0;
}