/* prevent the drop down icon going onto a new line for the top bar language link */
.top-bar-language-nav-link {
    min-width: 65px;
}

/* bootstrap model showing two scroll bars */
html {
    overflow: visible;
}

/* main sidebar not under model */
.modal {
    z-index: 1110;
}

.nav-line-tabs {
    .nav-item {
        .nav-link {
            &:hover:not(.disabled) {
                color: #009ef7;
            }
        }

        .nav-link.active, &.show .nav-link {
            color: #009ef7;
            border-bottom: 2px solid #009ef7;

            &:hover {
                border-bottom: 2px solid #009ef7;
            }
        }
    }
}

.tooltip {
    z-index: 1112;
}
.dl-line{
    display:flex;
    margin-bottom:0;
    dt{
        white-space:nowrap;
    }
    dl{
        white-space:normal;
        word-break:break-all;
    }
}
.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.form-control.valid, .was-validated .form-control:valid {
    border-color: #50cd89 !important;
    background-color: #e8fff3 !important;
}

.valid + .select2-container {
    .select2-selection {
        border-color: #50cd89 !important;
        background-color: #e8fff3 !important;
    }
}

.form-control.invalid, .was-validated .form-control:invalid {
    border-color: #f1416c !important;
    background-color: #fff5f8 !important;
}

.invalid + .select2-container {
    .select2-selection {
        border-color: #f1416c !important;
        background-color: #fff5f8 !important;
    }
}

.nav-user-menu .user-image {
    width: 20px;
    margin-right: 4px;
    margin-top: -4px;
}

.table .row-selected {
    background: #f1faff;
}

.table .row-selected td {
    color: var(--bs-primary);
}

.table tr td {
    min-height: 45px;
}

.table-action {
    color: #009ef7;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin: 0 8px;

    i {
        color: #009ef7 !important;
        padding-left: 3px;
        padding-right: 3px;
    }

    &:hover {
        border-bottom: 2px solid #009ef7;
        padding-bottom: 2px;
    }
}

.invalid-feedback-show.invalid-feedback {
    display: block;
    font-weight: 400;
}

.required:after {
    color: transparent;
}

label.required:after {
    color: #f1416c;
}

.form-control.form-control-solid:disabled, .form-control.form-control-solid[readonly] {
    background-color: #eff2f5;
    color: #999;
}

.swal-modal {
    width: 100%;
    max-width: 300px;
    min-width: 200px;
    min-height: 125px;

    .swal-icon {
        transform: scale(0.5);
        position: absolute;
        margin: 0;
        left: 0;
        top: 0;
        animation: none;

        .swal-icon--success__ring {
            border: 4px solid hsla(98,55%,69%,.6);
        }
    }

    .swal-title {
        position: absolute;
        margin: 0;
        left: 80px;
        top: 40px;
        transform: translateY(-50%);
        font-weight: 600;
        padding: 0;
        font-size: 1.5rem;
    }

    .swal-text {
        position: absolute;
        margin: 0;
        left: 80px;
        top: 40px;
        transform: translateY(-50%);
        font-weight: 600;
        padding-left: 0;
        padding-right: 1.5rem;
    }

    .swal-title ~ .swal-text {
        position: static;
        left: 0;
        margin: 75px 0 55px;
        transform: translateY(0);
        float: left;
        text-indent: 2em;
        padding: 0 1rem;
        font-weight: 400;
    }

    .swal-footer {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        padding: 0.75rem 1rem;
    }

    .swal-button {
        padding: .25rem 1.5rem
    }
}

.jstree-default .jstree-wholerow.jstree-wholerow-clicked {
    background: #f1faff;
    background: linear-gradient(to bottom,#d8fff3 0,#e8fff3 100%);
}