/* ============================================

Buttons | LEGACY

============================================= */
.e-btn.btn-white.btn-outline:hover,
.e-btn.btn-white.btn-outline:active,
.e-btn.btn-white.btn-outline:focus {
    color: var(--text-itma-body);
}

.e-btn, .e-css.e-btn {
    font-family: "Roboto", sans-serif;
}

.e-btn:disabled, .e-css.e-btn:disabled {
    opacity: .6;
}

.btn-white.e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
    stroke: var(--mn-itma-500);
    stroke-width: 1px;
}


/* ============================================

Modals

============================================= */

.e-dialog,
.itma-dialog {
    box-shadow: 0 0px 20px 1px rgb(0 0 0 / 25%);
}

.e-dlg-overlay {
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    transition: opacity 0.15s linear;
    width: 100%;
}

.e-btn.e-flat.e-primary,
.e-btn.e-flat.e-primary:focus {
    background-color: #317ab9;
    border-color: #265f91;
    color: #fff;
}

.e-btn.e-flat.e-primary:hover,
.e-btn.e-flat.e-primary:active {
    background-color: #21527d;
    border-color: #163854;
    color: #fff;
}

.close-icon {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
}

.error-msg {
    color: #66afe9;
    display: inline-block;
    position: relative;
    top: -20px;
    left: 10px;
}

.error-detail {
    position: relative;
    left: 56px;
    margin: 0 0 21px;
}

.e-icons.close-icon.col-lg-2:before {
    content: "\e7e9";
    font-size: 26px;
    color: #d9534f;
    position: relative;
    left: 1px;
    bottom: 18px;
}

.e-dialog .e-footer-content {
    background-color: #fff;
}

.e-dialog .e-dlg-header-content {
    border-bottom: 1px solid var(--mn-itma-100);
    background-color: #fff;
}

.e-dialog.e-control.e-popup {
    padding: 0px;
    border-radius: 8px;
}

.e-dialog.e-control .e-dlg-header-content,
.e-dialog.e-control .e-footer-content,
.itma-dialog .modal-footer {
    padding: 20px 30px;
}

.e-dlg-content {
    overflow: visible !important;
}

.e-dialog.e-control .e-dlg-content,
.itma-dialog .modal-body {
    padding: 20px 30px;
}

.e-dialog .e-dlg-content {
    overflow-y: scroll !important;
    max-height: calc(100vh - 135px);
}

.e-dlg-content p.title {
    font-weight: 700;
}

.e-dlg-content p.description {
    font-size: 14px;
}

.e-dlg-header,
.e-dlg-header *,
.itma-dialog .modal-header .modal-title {
    color: var(--text-itma-heading);
    font-size: 16px;
    font-weight: 500;
}

.msg-wrapper.col-lg-12 {
    margin-top: 20px;
}

.itma-esd-header {
    display: flex;
    align-items: center;
}

.itma-esd-header > div:not(:first-child) {
    margin-left: 4px;
    font-weight: 200;
    font-size: 12px;
    color: var(--mn-itma-500);
}

.itma-esd-header-badge {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--p-itma500);
    margin-left: 12px;
}

.itma-dialog {
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    background-color: transparent;
    transition: all 0.2s linear, visibility 0.2s ease-in, opacity 0.15s linear;

}

.itma-dialog.show {
    visibility: visible;
    opacity: 1;
}

.itma-dialog,
.itma-dialog > .modal-content {
    border: none;
    border-radius: 8px;
}

.modal-body, .modal-body p {
    font-size: 14px;
}

.itma-dialog .modal-header {
    padding: 20px 30px;
}

.itma-dialog.itma-in-place-dialog .modal-header {
    padding: 16px 30px;
}

.itma-dialog .modal-title {
    align-self: center;
}

.itma-dialog .modal-header > button {
    margin-right: -10px;
}

.itma-dialog .modal-header > button i {
    font-size: 16px;
}

.modal-footer > :not(:last-child) {
    margin-right: 1rem;
}

.modal-footer > :not(:first-child) {
    margin-left: 0rem;
}

.itma-dialog.modal-lg {
    width: 800px;
    max-width: 800px;
}

.itma-dialog.modal-md {
    width: 520px;
    max-width: 520px;
}

.itma-dialog.modal-sm {
    width: 450px;
    max-width: 450px;
}

.itma-dialog.modal-xs {
    width: 420px;
    max-width: 420px;
}

.itma-in-place-dialog {
    position: absolute;
}

.itma-dialog.modal-minimal .modal-header, .itma-dialog.modal-minimal .modal-footer {
    border-bottom: none;
    border-top: none;
}

.itma-dialog.modal-minimal .modal-body {
    padding: 0 30px;
}

.modal-minimal .modal-header,
.modal-minimal .modal-footer {
    border: unset;
}

/* ============================================

    Textbox - Inputs - Forms - Labels

============================================= */

.form-group {
    margin-bottom: 0.75rem;
}

label {
    font-size: 12px;
    font-weight: 500;
    color: var(--mn-itma-800);
    margin-bottom: 6px;
}

input {
    background: var(--mn-itma-50);
    border: 1px solid solid var(--mn-itma-100);
}

.input-xs {
    height: 25px
}

.input-sm {
    height: 33px
}

.input-md {
    height: 35px
}

.input-lg {
    height: 40px
}

textarea {
    color: var(--text-itma-body);
    resize: none;
    border-radius: 4px;
    outline: none;
    border: 1px solid var(--mn-itma-100);
    font-size: 13px;
    line-height: 20px;
    padding: 0.375rem 0.75rem;
}

textarea:focus {
    border-color: var(--p-itma300);
    outline: 0;
    box-shadow: 0 0 0 0.2rem #0068db1f;
}

.p-itma-500 {
    color: var(--p-itma500);
}

.itma-list-box-wrapper .itma-list-box-header input::placeholder {
    font-size: 13px !important;
    color: var(--mn-itma-900) !important;
}

.form-group, .form-check, .custom-control {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


input.form-control {
    font-size: 13px;
    color: var(--text-itma-body);
    border: 1px solid var(--mn-itma-100);
}

input.form-control:focus {
    color: var(--text-itma-body);
    background-color: #fff;
    border-color: var(--p-itma300);
    outline: 0;
    box-shadow: 0 0 0 0.2rem #0068db1f;
}

input.form-control:disabled, input.form-control[readonly] {
    background-color: var(--mn-itma-200);
    opacity: 0.65;
}

.form-check {
    position: relative;
    display: flex;
    padding-left: 1.25rem;
    align-items: center;
}

.valid.modified:not([type="checkbox"]), .valid.modified:not([type="checkbox"]):focus {
    outline: 1px solid var(--green-500);
    border-color: transparent;
    box-shadow: none
}

.invalid, .invalid:focus {
    outline: 1px solid var(--red-500);
    border-color: transparent;
    box-shadow: none
}

.e-input-group .e-clear-icon::before, .e-input-group.e-control-wrapper .e-clear-icon {
    background-color: var(--mn-itma-20);
}

.e-input-group .e-clear-icon::before, .e-input-group.e-control-wrapper .e-clear-icon::before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 13.31 13.31"><path d="M12.74,3.42A6.64,6.64,0,0,0,3.64,1h0a6.65,6.65,0,1,0,10,5.74A6.44,6.44,0,0,0,12.74,3.42ZM9.67,8.71l-.73.74L7,7.52,5.07,9.45l-.74-.74L6.27,6.78,4.33,4.84l.74-.73L7,6,8.94,4.11l.73.74L7.74,6.78Z" transform="translate(-0.35 -0.13)" style="fill: rgb(153,153,154)"/></svg>');
}

.e-multi-select-wrapper .e-clear-icon {
    margin-right: 25px;
}

.form-check-label, .custom-control-label {
    font-size: 12px;
    margin-top: 3px;
    color: var(--text-itma-sub);
    cursor: pointer
}

.custom-control.custom-checkbox {
    cursor: pointer
}

.custom-control-label:before {
    top: 0.05rem !important;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: var(--in-itma-50);
    border: var(--mn-itma-100);
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: var(--mn-itma-200);
}

.custom-control-input:disabled ~ .custom-control-label {
    color: var(--mn-itma-200);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--p-itma500);
    background-color: var(--p-itma500);
}

.custom-control-label:after {
    content: none
}

input.e-input,
textarea.e-input,
.e-input-group,
.e-input-group.e-control-wrapper {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px;
    font-weight: 400;
}

.e-input-group,
.e-input-group.e-control-wrapper,
.e-float-input,
.e-float-input.e-input-group,
.e-float-input.e-control-wrapper,
.e-float-input.e-input-group.e-control-wrapper {
    background: #fff;
    color: var(--text-itma-body);
}

.e-input-group.e-control-wrapper.itma-input-sm input {
    height: 33px;
}

.e-input-group.e-control-wrapper.itma-input-md input {
    height: 35px;
}

.e-input-group.e-control-wrapper.itma-grey-input input {
    background: var(--mn-itma-20);
}

p.form-text {
    font-size: 13px;
    font-weight: 500;
}

.itma-form-description {
    font-size: 13px;
    font-weight: 500;
}

.e-checkbox-wrapper .e-label,
.e-css.e-checkbox-wrapper .e-label {
    color: var(--text-itma-body);
    font-size: 12px;
    text-transform: capitalize;
}

.e-checkbox-wrapper .e-check::before,
.e-css.e-checkbox-wrapper .e-check::before {
    /*content: '\e7fa';*/
    content: none;
}

.input-group .btn {
    height: auto;
}

.input-group-append .btn i {
    font-size: 8px;
    padding: 0 7px;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.itma-input-group-text {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    text-align: center;
    white-space: nowrap;
    background-color: var(--mn-itma-50);
    border: 1px solid var(--mn-itma-100);
    border-radius: 3px 0 0 3px;
    width: auto;
    height: 35px;
}

/** 1.1 - Intrigma Checkboxes **/

.itma-checkbox {
    display: flex;
    align-items: center;
    margin: 0;
    text-transform: inherit
}

.itma-checkbox > input {
    opacity: 0;
    width: 0;
    height: 0;
}

.itma-checkbox > div.label {
    flex: 1;
    margin-left: 9px;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    color: var(--text-itma-body);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itma-checkbox > .checkmark,
.itma-checkbox > .checkmark::before,
.itma-checkbox > .checkmark::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.itma-checkbox > .checkmark::before,
.itma-checkbox > .checkmark::after {
    content: "";
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.itma-checkbox > .checkmark {
    position: relative;
    cursor: pointer;
}

.itma-checkbox > .checkmark::before {
    background-color: var(--in-itma-50);
}

.itma-checkbox > input:disabled ~ .checkmark::before {
    background-color: var(--mn-itma-200);
}

.itma-checkbox > input:disabled ~ .label {
    opacity: var(--alpha)
}

.itma-checkbox > .checkmark::after {
    width: 0;
    height: 0;
    margin: 0.5rem;
    background-color: var(--p-itma500);
    transition: all 100ms ease-in;
}

.itma-checkbox > input:checked ~ .checkmark::after {
    width: 1rem;
    height: 1rem;
    margin: 0;
}

.itma-checkbox > input:disabled ~ .checkmark::after {
    opacity: var(--alpha)
}

.itma-checkbox.indeterminate:not(.inverse) > input:not(:checked) ~ .checkmark::after {
    background-color: var(--p-itma500);
    width: 0.5rem;
    height: 0.5rem;
    margin: 0.25rem;
}

.itma-checkbox.indeterminate.inverse > input:checked ~ .checkmark::after {
    width: 0.5rem;
    height: 2px;
    margin: 7px 0.25rem;
}

/*** 2.0 - Datetimepicker ***/

.e-time-wrapper.e-non-edit > .e-input:read-only {
    background-color: inherit;
    cursor: pointer;
}

.e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
    color: var(--text-itma-body);
}

.e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label {
    color: var(--text-itma-body);
}

.e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title {
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

.e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
    border: none;
    color: var(--text-itma-body);
    line-height: 30px;
    font-size: 13px;
    text-indent: 16px;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
    background-color: var(--mn-itma-50);
    color: var(--text-itma-body);
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
    background-color: var(--p-itma50);
    color: var(--p-itma500);
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
    background-color: var(--mn-itma-50);
    border: none;
    color: var(--text-itma-body);
}

.overwritten-timepicker .e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
    pointer-events: none;
}

.e-daterangepicker > .e-footer > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}


.e-daterangepicker > .e-footer > button.e-apply {
    color: #fff !important;
    background-color: var(--p-itma500) !important;
    border-color: var(--p-itma500) !important;
}

.e-daterangepicker > .e-footer > button.e-apply:hover,
.e-daterangepicker > .e-footer > button.e-apply:focus,
.e-daterangepicker > .e-footer > button.e-apply:active,
.e-daterangepicker > .e-footer > button.e-apply.active {
    background-color: var(--p-itma700) !important;
    border-color: var(--p-itma700) !important;
    color: #fff !important;
}

.e-daterangepicker > .e-footer > button.e-cancel {
    color: var(--text-itma-body) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.e-daterangepicker > .e-footer > button.e-cancel:hover,
.e-daterangepicker > .e-footer > button.e-cancel:focus,
.e-daterangepicker > .e-footer > button.e-cancel:active,
.e-daterangepicker > .e-footer > button.e-cancel.active {
    background-color: var(--mn-itma-50) !important;
    border-color: var(--mn-itma-50) !important;
    color: var(--text-itma-body) !important;
}

.e-daterangepicker.e-popup, .e-bigger.e-small .e-daterangepicker.e-popup {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    max-height: 500px;
    max-width: 730px;
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 15%);
    overflow: hidden;
}

.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
    background: var(--p-itma700);
}

.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
    background-color: var(--mn-itma-50);
    color: var(--text-itma-body);
}

.e-calendar th, .e-bigger.e-small .e-calendar th {
    border-bottom: 0;
    color: var(--text-itma-body);
}

.e-calendar th, .e-bigger.e-small .e-calendar th {
    font-weight: 500;
    height: 33px;
}

.e-calendar th, .e-bigger.e-small .e-calendar th {
    font-size: 12px;

}

.e-daterangepicker.e-popup .e-footer, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {

    border-top: 1px solid var(--mn-itma-100);
    padding: 5px 7px;
    height: auto
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
    background-color: var(--p-itma50);
    color: var(--p-itma500)
}

/*** 3.0 - Button Groups ***/
.btn-group .btn {
    font-weight: 400
}

.btn-group.itma-btn-white-group > .btn-white.active {
    background-color: var(--p-itma500) !important;
    border-color: var(--p-itma500) !important;
    color: #fff !important;
}

/* ============================================

ListBox

============================================= */

.e-listbox-wrapper .e-list-item,
.e-listbox-container .e-list-item {
    color: var(--text-itma-body);
}

.e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled) {
    background-color: var(--mn-itma-50);
}

.e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
.e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
.e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
.e-listbox-container
.e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
    background-color: var(--mn-itma-50);
    border-color: transparent;
}

.e-listbox-container .e-list-item {
    font-size: 13px;
    height: 21px !important;
    line-height: 22px !important;
    padding: 0 8px !important;
    margin: 0px 6px 0px 6px;
    border-radius: 4px;
}

.e-listbox-container .e-list-item:first-child {
    margin: 6px 6px 0px 6px !important;
}

.e-listbox-container .e-list-item:last-child {
    margin: 0px 6px 10px 6px;
}

li.e-list-nrt {
    font-size: 12px;
    color: var(--text-itma-sub);
}

.itma-list-box.e-listbox-container .e-list-item.e-selected {
    background-color: var(--p-itma50);
    color: var(--p-itma500) !important;
}

.itma-list-box.e-listbox-container
.e-list-item:hover:not(.e-selected):not(.e-disabled) {
    background-color: var(--mn-itma-50);
}

/* Intrigma List-Box */
.itma-list-box-wrapper {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, .125);
}

.itma-list-box-wrapper .itma-list-box-container {
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 1rem;
    margin-left: -16px;
    padding-left: 16px;
}

.itma-list-box-wrapper .itma-list-box-header,
.itma-list-box-wrapper .itma-list-box-footer {
    display: flex;
    justify-content: space-between;
    padding: 16px !important;
}

.itma-list-box-wrapper .itma-list-box-header {
    border-bottom: 1px solid var(--mn-itma-100);
}

.itma-list-box-wrapper .itma-list-box-footer {
    border-top: 1px solid var(--mn-itma-100);
}

.itma-list-box-wrapper .itma-list-box-header > *,
.itma-list-box-wrapper .itma-list-box-footer > * {
    margin-top: auto;
    margin-bottom: auto;
}

.itma-list-box-wrapper .itma-list-box-body {
    padding: 16px 16px 0 16px;
}

.itma-list-box-title > p {
    font-family: inherit;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: var(--text-itma-sub);
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.itma-list-box-wrapper .empty-placeholder {
    color: var(--text-itma-sub);
    font-size: 14px;
}

.itma-list-box-default .empty-placeholder {
    margin-left: 10px;
}

.itma-list-box-container .itma-list-box {
    padding: 0 !important;
    margin-left: -10px;
    margin-bottom: 0;
}

.itma-list-box-container .itma-list-box li {
    display: flex;
    padding: 0px 5px 0 10px !important;
    border-radius: 4px;
    align-items: center;
    height: 23px;
}

.itma-list-box li * {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    color: var(--text-itma-body);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itma-list-box li:hover {
    background-color: var(--mn-itma-50);
}

.itma-list-box li label span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itma-list-box-footer .itma-checkbox .label {
    font-size: 12px !important;
    color: var(--text-itma-sub) !important;
}

/* Intrigma List-Box Default */

.itma-list-box-wrapper.itma-list-box-default {
    display: flex;
    flex-direction: column;
    border: none
}

.itma-list-box-wrapper .itma-list-box-container {
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.itma-list-box-wrapper.itma-list-box-default .itma-list-box-header {
    border: 1px solid var(--mn-itma-100);
    border-bottom: 0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.itma-list-box-wrapper.itma-list-box-default .itma-list-box-body {
    border: 1px solid var(--mn-itma-100);
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.itma-list-box-wrapper.itma-list-box-default .itma-list-box-footer {
    border-top: none;
}

/* ============================================

Dropdowns

============================================= */
.itma-dropdown.e-popup {
    height: auto;
    position: absolute;
}

.itma-dropdown.e-popup.e-popup-open {
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 15%);
}

.itma-dropdown > button.btn-size-sm {
    padding: 6px 12px;
}

.itma-dropdown > button.btn-size-md {
    padding: 7px 12px;
}

.itma-dropdown > button.btn-size-lg {
    padding: 8px 12px;
}

.itma-dropdown button.btn-size-sm div {
    font-size: 13px;
    font-weight: 400;
}

.itma-dropdown button.btn-size-md div {
    font-size: 13px;
    font-weight: 400;
}

.itma-dropdown button.btn-size-lg div {
    font-size: 14px;
    font-weight: 400;
}

.e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon {
    background: transparent;
    border-color: #ced4da;
    color: var(--mn-itma-500);
    width: 46px;
}

.e-input-group .e-input[readonly],
.e-input-group.e-control-wrapper .e-input[readonly],
.e-float-input input[readonly],
.e-float-input.e-control-wrapper input[readonly],
.e-float-input textarea[readonly],
.e-float-input.e-control-wrapper textarea[readonly] {
    color: var(--text-itma-body);
}

.e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
    color: var(--text-itma-body);
    font-size: 13px;
}

/*** 1.0 - Syncfusion Dropdown Sm ***/

.e-popup.e-ddl {
    border-radius: 8px;
}

.itma-dropdown-sm input.e-dropdownlist {
    height: 30px !important;
}

.itma-dropdown-sm input.e-input,
.itma-dropdown-sm .e-input-group input,
.itma-dropdown-sm .e-input-group.e-control-wrapper input,
.itma-dropdown-sm .e-input-group input.e-input,
.itma-dropdown-sm .e-input-group.e-control-wrapper input.e-input {
    box-sizing: border-box;
    height: 30px !important;
}

.e-input-group.e-control-wrapper.itma-dropdown-sm {
    height: 33px;
}

/*** 2.0 - Syncfusion Dropdown Md ***/

.e-input-group.e-control-wrapper.itma-dropdown-md {
    height: 35px;
}

.e-input-group.e-control-wrapper.itma-dropdown-md input {
    height: 33px;
}

/*** 3.0 - Syncfusion Dropdown No Border ***/

span.dropdown-noborder {
    border: none !important;
}

span.dropdown-noborder-nospace {
    border: none !important;
}

span.dropdown-noborder-nospace input.e-input {
    padding-left: 0;
    border: none !important;
}

.e-dropdown .dropdown-noborder {
    border: var(--mn-itma-100) !important;
}

span.dropdown-noborder:active,
span.dropdown-noborder:hover {
    border: none !important;
    box-shadow: none !important;
    background: var(--mn-itma-50) !important;
}

span.dropdown-noborder:not(.e.input-focus) {
    border: none !important;
    box-shadow: none !important;
    background: #fff;
}

.e-dropdownbase .e-list-item.e-active,
.e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: var(--p-itma50);
    color: var(--p-itma500);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--mn-itma-100);
}

.e-dropdownbase .e-list-item,
.e-dropdownbase .e-list-item.e-item-focus {
    color: var(--text-itma-body);
    min-height: 26px;
    line-height: 26px;
    font-family: "Roboto", sans-serif;
    font-size: 13px
}

.e-dropdownbase .e-list-item.e-hover {
    background-color: var(--mn-itma-50);
    border-color: #fff;
    color: var(--text-itma-body);
}

.e-pop.e-pop-open {
    padding: 55px !important;
    float: left;
    background: #fff;
}

/*** 4.0 - Syncfusion Dropdown multiselect ***/

.itma-dropdown .e-multi-select-wrapper {
    cursor: pointer;
}

.e-popup.e-multi-select-list-wrapper.e-checkbox
.e-list-item.e-active.e-item-focus {
    /*color: var(--text-itma-body);*/
    color: var(--p-itma500);
}

.e-checkbox-wrapper .e-frame,
.e-css.e-checkbox-wrapper .e-frame {
    background-color: #fff;
    border-color: var(--mn-itma-500);
}

.e-ddl.e-popup.e-multi-select-list-wrapper
.e-list-item.e-active.e-item-focus
.e-checkbox-wrapper
.e-frame.e-check {
    background-color: var(--p-itma500);
    border-color: var(--p-itma500);
    color: #007bff;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    background-color: var(--in-itma-50);
    border-color: inherit;
    border: 0px solid
}

.e-ddl.e-popup.e-multi-select-list-wrapper
.e-list-item.e-active.e-item-focus
.e-checkbox-wrapper
.e-frame.e-check {
    background-color: var(--p-itma500);
    border-color: var(--p-itma500);
    color: #007bff;
}

.itma-dropdown .e-dropdownbase .e-list-item.e-item-focus {
    background-color: inherit;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
    background-color: var(--p-itma50);
    border: inherit;
    box-shadow: inherit;
    color: var(--p-itma500);
}

.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
    background-color: #fff;
    border-color: transparent;
    color: var(--p-itma500);
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
    border-bottom: 1px solid transparent;
    border-left: 1px solid #007bff;
    border-right: 1px solid #007bff;
    border-top: 1px solid transparent;
}

.e-dropdownbase .e-list-item,
.e-dropdownbase .e-list-item.e-item-focus {
    min-height: 30px;
    line-height: 30px;
}

.e-multi-select-wrapper .e-delim-values {
    -webkit-text-fill-color: var(--text-itma-body);
    color: var(--text-itma-body);
    font-family: inherit;
    font-size: 13px;
    line-height: 31px;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 6px;
    vertical-align: middle;
}

.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
.e-multiselect.e-control-container.e-input-group
.e-multi-select-wrapper
.e-ddl-icon {
    margin-right: 0;
    margin-top: -2.3em;
    right: 0;
    height: 33px;
}

.itma-dropdown
.e-popup.e-multi-select-list-wrapper
.e-list-item.e-active:last-child {
    border: 0px solid transparent;
}

.itma-dropdown .e-popup.e-multi-select-list-wrapper .e-list-item {
    border: 0px solid transparent;
}

.itma-dropdown .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
    border-bottom: 0px solid transparent;
    border-left: 0px solid #007bff;
    border-right: 0px solid #007bff;
    border-top: 0px solid transparent;
}

.itma-sm-list-dropdown .e-dropdownbase .e-list-parent .e-list-item:only-child {
    margin-top: 20px;
}

.itma-dropdown-default.e-popup.e-popup-open {
    padding: 0 !important;
}

/*** 5.0 - Syncfusion Dropdown buttons ***/

.e-input-group:not(.e-disabled) .e-input-group-icon:hover,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background: var(--mn-itma-50);
    border-color: var(--mn-itma-100);
    color: var(--mn-itma-500);
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #80bdff;
    box-shadow: none;
}

/*** 6.0 - Custom Dropdowns ***/

.dropdown.itma-dropdown {
    display: flex;
}

.itma-dropdown.show > .itma-menu-container {
    visibility: visible !important;
    opacity: 1 !important;
}

.itma-dropdown.show > .btn.btn-white-blue {
    background-color: var(--p-itma500);
    border-color: var(--p-itma500);
    color: #fff
}

.itma-dropdown.show > .btn.btn-white-lightblue:focus {
    color: var(--p-itma500);
    background-color: var(--p-itma50);
    border-color: var(--p-itma50);
}

.itma-dropdown.show > .btn.btn-white-lightblue {
    color: var(--p-itma500);
    background-color: var(--p-itma50);
    border-color: var(--p-itma50);
}

.itma-dropdown.show > .btn.btn-white-lightblue.btn-icon i, .itma-dropdown.show > .btn.btn-white-lightblue:hover .btn-icon i {
    color: var(--p-itma500);
}

.dropdown.itma-dropdown > button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
}

.dropdown.itma-dropdown > button:hover,
.dropdown.itma-dropdown > button:active,
.dropdown.itma-dropdown > button {
    flex: 1 1 auto;
    border-color: var(--mn-itma-100) !important;
    background: #fff !important;
    color: var(--text-itma-body) !important;
    font-size: 13px;
    height: 35px;
}

.dropdown.itma-dropdown > button:active {
    border-color: var(--p-itma300) !important;
}

.dropdown.itma-dropdown > button:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 118 243 / 32%) !important;
}

.dropdown.itma-dropdown > button > div {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.dropdown.itma-dropdown > button > span {
    font-size: 8px;
    color: var(--mn-itma-500);
}

.dropdown.itma-dropdown > button::after {
    content: none;
}

.dropdown.itma-dropdown > button:hover {
    cursor: pointer;
}

.dropdown-menu {
    background-color: white;
    border: 1px solid white;
    max-height: 140px;
    overflow: auto;
    right: -1px !important;
    left: -1px !important;
    box-shadow: 0 10px 13px 0 #33333357 !important;
}

.dropdown-menu::-webkit-scrollbar {
    background-color: white;
}

.dropdown-item {
    cursor: pointer;
    padding: 0 14px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    align-items: center;
    text-transform: none;
    color: var(--text-itma-body);
}

.dropdown-item.checked {
    background-color: var(--p-itma50);
    color: var(--p-itma500);
}

/*** 7.0 - Intrigma Dropdowns ***/

.itma-dropdown {
    font-family: "Roboto", sans-serif;
}

.itma-dropdown button .e-ddl-icon {
    color: #fff;
    font-style: normal;
    font-size: 8px;
}

.itma-dropdown .itma-menu-container {
    top: 100%;
    z-index: 13;
}

.itma-dropdown.dd-left .itma-menu-container {
    left: unset;
    right: 0;
}

.itma-dropdown.dd-right .itma-menu-container {
    right: unset;
    left: 0;
}

.itma-dropdown > button {
    width: 100%
}

.itma-dropdown > button > div {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.itma-dropdown button .e-ddl-icon {
    color: #fff;
    font-style: normal;
    font-size: 8px;
}

/* Dropdown body */
.itma-dropdown .itma-list-box-wrapper {
    top: 100%;
}

.itma-menu-container .dropdown-content {
    padding: 20px 30px;
}

.itma-menu-container .dropdown-content .form-group {
    margin-bottom: 1rem;
}

.itma-menu-container .dropdown-footer {
    padding: 20px 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    border-top: 1px solid var(--mn-itma-100);
}

.itma-menu-container .dropdown-footer > :not(:last-child) {
    margin-right: 1rem;
}

/* Inner content without header and footer */
.itma-dropdown .itma-list-box-body {
    max-height: 330px;
    display: flex;
    flex-direction: column;
}

.itma-dropdown .itma-list-box li {
    display: flex;
    align-items: center;
}

/*** 7.1 - Intrigma Multi-select Dropdowns ***/
.itma-dropdown-multiple {
    position: relative;
}

.itma-dropdown-multiple .accordion {
    margin-left: -10px;
    margin-right: -16px;
    padding-right: 8px;
}

.itma-dropdown-multiple .accordion .itma-list-box {
    margin-left: 3px;
}

.itma-dropdown-multiple .itma-checkbox > .label {
    font-size: 13px;
    color: var(--text-itma-body);
}

/*** 7.2 - Intrigma Ellipsis Dropdowns ***/

.itma-dropdown .btn-dd-icon.btn-size-sm {
    padding: 6px;
}

/*** 7.3 - Intrigma Default Dropdowns ***/
.itma-dropdown-default {
    position: relative;
}

.itma-dropdown.itma-dropdown-default .itma-menu-container {
    padding: 0.5rem 0;
}

.itma-dropdown.itma-dropdown-default .itma-menu-header {
    padding: 8px 1rem;
    margin-bottom: 0px;
}

.itma-dropdown.itma-dropdown-default .itma-menu-header:not(:first-child) {
    margin-top: 0.5rem;
}

/* ============================================

Dropdowns Badges

============================================= */

.badge-sm {
    font-weight: 500;
    height: 19px;
    min-width: 19px;
    border-radius: 4px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
}

.badge.badge-right {
    margin: 0 -2px 0 4px;
}

.badge.badge-left {
    margin: 0 4px 0 -2px;
}

.badge-light-blue {
    background-color: var(--p-itma50);
    color: var(--p-itma500);
}

.itma-dropdown.show > button > span span.badge-light-blue {
    background-color: var(--p-itma700);
    color: var(--p-itma50);
}

/* ============================================

Context menu

============================================= */

.e-contextmenu-wrapper ul .e-menu-item,
.e-contextmenu-container ul .e-menu-item {
    cursor: pointer;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    font-family: "Roboto", sans-serif;
    color: var(--text-itma-body);
    font-size: 13px;
}

.e-contextmenu-wrapper ul .e-menu-item,
.e-contextmenu-container ul .e-menu-item.itma-unavailable-employee {
    color: var(--mn-itma-200);
}

.e-contextmenu-wrapper ul .e-menu-item,
.e-contextmenu-container ul .e-menu-item.e-focused.itma-unavailable-employee {
    color: var(--mn-itma-200);
}

.e-contextmenu-wrapper ul .e-menu-item.e-focused,
.e-contextmenu-container ul .e-menu-item.e-focused {
    background-color: var(--mn-itma-50);
    color: var(--text-itma-body);
    outline: 0 solid #e9ecef;
    outline-offset: 0;
}

ul.e-control.e-contextmenu.e-lib.e-menu-parent {
    overflow: hidden;
}

.e-contextmenu-wrapper.e-sfcontextmenu ul,
.e-contextmenu-container.e-sfcontextmenu ul {
    white-space: nowrap;
    overflow-y: scroll;
    top: 50%;
    max-height: 450px !important;
    min-width: 250px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected,
.e-contextmenu-container ul .e-menu-item.e-selected {
    background-color: var(--mn-itma-50);
    color: var(--text-itma-body);
    outline: 0 solid #007bff;
    outline-offset: 0;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
.e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
    color: var(--text-itma-body);
}

/* ============================================

Tabs component

============================================= */

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    display: inherit;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}

/*** 1.0 - Horizontal Tabs ***/

.e-tab .e-tab-header:not(.e-vertical) .e-indicator,
.e-tab .e-tab-header.e-vertical .e-indicator {
    transition: none;
}

.itma-horizontal-tab.e-tab .e-tab-header .e-toolbar-item.e-active {
    border: none !important;
    border-radius: 4px 4px 0 0;
}

.itma-horizontal-tab.e-tab .e-tab-header {
    margin-bottom: 25px;
}

.itma-horizontal-tab.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: transparent;
    border: none;
    border-radius: 4px 4px 0 0;
}

.itma-horizontal-tab.e-tab
.e-tab-header
.e-toolbar-item
.e-tab-wrap:first-child {
    height: 26px;
    padding: 0 0px 16px 0;
    width: 100%;
}

.itma-horizontal-tab.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    padding: 0px 16px 0px 0px !important;
}

.itma-horizontal-tab.e-tab
.e-tab-header
.e-toolbar-item.e-active
.e-tab-wrap:hover
.e-tab-text,
.itma-horizontal-tab.e-tab
.e-tab-header
.e-toolbar-item.e-active
.e-tab-wrap:hover
.e-tab-icon {
    color: var(--text-itma-sub);
}

.itma-horizontal-tab.e-tab.e-tab
.e-tab-header
.e-toolbar-item
.e-tab-wrap:hover
.e-tab-text,
.itma-horizontal-tab.e-tab.e-tab
.e-tab-header
.e-toolbar-item
.e-tab-wrap:hover
.e-tab-icon {
    color: var(--text-itma-body) !important;
}

.itma-horizontal-tab.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    border-radius: 4px;
    color: var(--text-itma-sub);
    border: 0px solid transparent;
}

.itma-horizontal-tab.e-tab
.e-tab-header
.e-toolbar-item.e-active.e-ileft
.e-tab-text,
.itma-horizontal-tab.e-tab
.e-tab-header
.e-toolbar-item.e-active.e-iright
.e-tab-text {
    color: var(--text-itma-body) !important;
    font-weight: 500;
}

/* Capacity Explorer Grid Dialog */
.itma-grid-wrapper .itma-in-place-dialog {
    z-index: 1;
}

.itma-grid-wrapper .itma-in-place-dialog .modal-body .content {
    display: grid;
    padding: 0;
}

.itma-grid-wrapper .itma-in-place-dialog .modal-body .content::after {
    content: attr(data-replicated-value) " ";
    visibility: hidden;
    max-height: 74px;
    line-height: 26px;
    transition: height 0.15s ease-in;
}

.itma-grid-wrapper .itma-in-place-dialog .modal-body .content::after,
.itma-grid-wrapper .itma-in-place-dialog .modal-body .content > textarea {
    white-space: pre-wrap;
    word-break: break-word;
    grid-area: 1 / 1 / 2 / 2;
}

.itma-grid-wrapper .itma-in-place-dialog .modal-body .content > textarea {
    overflow: auto;
}

/*
.itma-grid-wrapper .itma-in-place-dialog .modal-body .content > textarea:hover {
    border: 1px solid var(--mn-itma-100);
}

.itma-grid-wrapper .itma-in-place-dialog .modal-body .content > textarea:focus {
    border-color: var(--p-itma300);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 124 238 / 25%);
}

*/
/* ============================================

Tooltips

============================================= */
.tooltip {
    z-index: 2147483003;
}

.tooltip.z-index-under {
    z-index: 11;
    color: red;
}

.tooltip.z-index-over {
    z-index: 13;
    color: red;
}

.tooltip-inner {
    max-width: 300px;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
    opacity: 1;
    font-size: 12px;
    font-family: "Roboto", sans-serif !important;
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 20%);
    line-height: 17px;
}

.tooltip .arrow::before {
    opacity: 1;
}

.z-99999 {
    z-index: 99999;
}


/* ============================================

Custom Tabs

============================================= */

.nav-tabs {
    border-bottom: 1px solid var(--mn-itma-100);
}

.nav-link {
    display: block;
    padding: 0.4rem 0rem 0.3rem 0rem;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 1.5rem;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}


.nav-tabs .nav-item .nav-link {
    color: var(--text-itma-sub);
    background-color: #fff;
    border-color: transparent;
    outline: none;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 0px
}

.nav-tabs .nav-item .nav-link:hover {
    color: var(--text-itma-sub);

}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--text-itma-body);
    background-color: #fff;
    border-color: transparent;
    outline: none;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    position: relative;
}

.nav-tabs .nav-item .nav-link.active:hover {
    color: var(--text-itma-body);
}

.nav-tabs .nav-link.active::before {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 3px;
    background-color: var(--p-itma500);
    position: absolute;
    content: "";
    width: 100%;
    top: 28px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: var(--p-itma500)
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-itma-sub);
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none;
    outline: none;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent transparent var(--p-itma500);
}

.itma-settings-view-right-side .tab-content {
    margin-top: 1.5rem;
    margin-right: -20px;
    padding-right: 20px;
}

/* ============================================

Alerts

============================================= */

.alert {
    position: relative;
    padding: 0.85rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px
}

.alert-warning {
    color: var(--yellow-500);
    background-color: var(--yellow-50);
    border-color: var(--yellow-300)
}

.alert-warning .alert-link {
    color: var(--yellow-500);
}

.alert-primary {
    color: var(--p-itma500);
    background-color: var(--p-itma50);
    border-color: var(--p-itma200)
}

.alert-primary .alert-link {
    color: var(--p-itma500);
}

.alert-danger {
    color: var(--red-500);
    background-color: var(--red-50);
    border-color: var(--red-300)
}

.alert-danger .alert-link {
    color: var(--red-500);
}

.alert-info {
    color: var(--text-itma-body);
    background-color: #fff;
    border-color: var(--mn-itma-100)
}

.alert-info .alert-link {
    color: var(--text-itma-body);
}

.alert > .close:hover {
    color: inherit;
    text-decoration: none;
}

.alert a {
    cursor: pointer;
}

.alert i {
    font-size: 18px;
    color: var(--p-itma500);
    margin-right: 8px;
}

.ssp-panel-right-body-content .alert {
    font-weight: 500;
}

/* ============================================

Accordion / Regions Filter

============================================= */
.accordion {
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.accordion .itma-list-box-container {
    margin-left: 20px !important;
    overflow: visible;
}

.itma-accordion-item .itma-list-box-container {
    margin-bottom: 0;
}

.accordion .itma-list-box:last-child {
    margin-bottom: 0;
}

.dropdown-accordion.accordion > .card > .card-header {
    border-radius: 4px !important;
    margin-bottom: 0px;
}

.dropdown-accordion .accordion > .card {
    overflow: hidden;
}

.dropdown-accordion .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 0.25rem;
}

.itma-sections-list label,
.dropdown-accordion label {
    text-transform: inherit;
    font-size: 13px;
    color: var(--text-itma-body);
    margin-bottom: 0px;
}

.dropdown-accordion .card-header {
    padding: 1px 0.5rem 1px 11px;
    margin-bottom: 0;
    background-color: inherit;
    border-bottom: none
}

.dropdown-accordion .card-header:hover {
    margin-bottom: 0;
    background-color: var(--mn-itma-50);
    border-bottom: none
}

.dropdown-accordion .custom-control.custom-checkbox {
    width: 180px;
    position: absolute;
}

.collapse-item {
    padding: 3px 0px 19px 9px;
    height: 10px;
    display: flex;
    justify-content: space-between;
    align-items: initial;
}

.itma-sections-list label span {
    position: relative;
    top: -1px;
}

.collapse-item span {
    color: var(--text-itma-body);
    font-size: 13px;
    line-height: 13px;
    height: 14px;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.collapse-item span i {
    font-size: 13px;
}

.dropdown-accordion .custom-control.custom-checkbox {
    width: 25px;
    position: absolute;
}

.collapse-item[aria-expanded=true]::after {
    transform: rotate(-180deg);
    transform-origin: center center;
}

.collapse-item[aria-expanded=true] span i {
    transform: rotate(-180deg);
    transform-origin: center center;
}

.add-to-schedule-spinner-wrapper {
    position: relative;
    height: 100% !important
}

.add-to-schedule-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
}

.grid-cell-input {
    border-color: transparent !important;
}

.grid-cell-input:focus {
    border-color: #007bff !important;
}

/* ============================================

Badges

============================================= */

.itma-badge.badge {
    user-select: none;
    border-radius: 3px;
    letter-spacing: 0;
}

.itma-badge.badge-success {
    background: var(--green-50) 0% 0% no-repeat padding-box;
    color: var(--green-900);
}

.itma-badge.badge-info {
    background: var(--p-itma50) 0% 0% no-repeat padding-box;
    color: var(--p-itma700);
}

.itma-badge.badge-danger {
    background: var(--red-50) 0% 0% no-repeat padding-box;
    color: var(--red-900);
}

.itma-badge.badge-warning {
    background: var(--bg-yellow-50) 0% 0% no-repeat padding-box;
    color: var(--bg-yellow-900);
}

.itma-badge.badge-dark {
    background: var(--in-itma-900) 0% 0% no-repeat padding-box;
    color: var(--white);
}

.itma-badge.badge-white {
    background: white 0% 0% no-repeat padding-box;
    border: 1px solid var(--mn-itma-100);
    color: var(--mn-itma-900);
}

.itma-badge.badge-default {
    background: var(--mn-itma-900);
    color: var(--white);
}

.itma-badge.badge-size-sm {
    font-size: 10px;
    padding: 0.5em 0.5em;
}

.itma-badge.badge-size-md {
    font-size: 11px;
    padding: 0.6em 1em;
}

.itma-badge.badge-tooltip {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    margin: 2px 5px 3px 4px;
}

.itma-section-item .badge {
    flex: 0 0 auto;
}

.click-through {
    pointer-events: none;
}

.itma-dropdown.g-filter > .g-container {
    width: 380px;
}