:root {
    --bg-green: #00b42c;
    --grey-dark: #545555 !important;
}

/* ======== base style ============== */

 table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
        }

        .table-responsive-custom {
            width: 100%;
            overflow-x: auto;
        }

        th,
        td {
            /* border-bottom: 1px solid #d3d3d3; */
            padding: 10px;
            text-align: left;
            color: #00b52d;
        }

        th:first-child,
        td:first-child {
            width: 60%;
        }

        td:nth-child(2),
        td:nth-child(3),
        td:nth-child(4),
        td:nth-child(5) {
            width: 5%;
        }

        thead {
            background-color: #fcfcfc;
            color: #fcfcfc;
            border-radius: 10px 10px 0 0;
        }

        tbody tr:nth-child(odd) {
            background-color: #d3f2e8;
        }

        /* tbody tr:hover {
            background-color: #ddd;
        } */

        .span-category {
            display: block;
            width: 250px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.nav-link-color {
    color: var(--grey-dark);
}

.text-gray-dark {
    color: var(--grey-dark) !important;
}

.text-green {
    color: var(--bg-green) !important;
}

.bg-green {
    background: var(--bg-green) !important;
}

.shadow-green:hover {
    box-shadow: 0 0.25rem 0.75rem rgba(38, 184, 62, 0.356) !important;
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bg-green);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--grey-dark);
}

.icon-list.bullet-bg li {
    padding-left: 0rem;
}

/* ========= logo ============== */

.navbar-brand.w-100 {
    margin-left: -10px;
}

/* home */

.custom-scroll-green::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.custom-scroll-green::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-scroll-green::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 60px;
    border: 3px solid #f1f1f1;
}

.custom-scroll-green::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.td-test-name {
    max-width: 200px;
    overflow-x: auto;
}

.custom-scroll-green {
    scrollbar-width: thin;
    scrollbar-color: #00b42c #f1f1f11c;
    position: relative;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    transition: overflow-x 0.3s ease;
}

.custom-scroll-green:hover {
    overflow-x: auto;
}

.custom-scroll-green span {
    display: inline-block;
    white-space: nowrap;
}

.input-search-test,
.btn-search-test {
    height: 61px;
}

    tbody tr:nth-child(odd) {
    background-color: #00ffaa21;
}

/* ========= section public test ============== */

.section-public-test {
    background: #edf2fc;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.bg-light {
    background: #f8f9fa !important;
}

/* test resolve */

p {
    margin-bottom: 0rem !important;
}

.form-check.mb-2 {
    display: flex;
    gap: 10px;
    align-items: center;
}

.trapezoid-1 {
    cursor: pointer;
    width: 60px;
    height: 50px;
    background-color: rgba(0, 255, 234, 0.397);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
    position: absolute;
    right: 0px;
    top: 60%;
    z-index: 9 !important;
}

span.ck.ck-powered-by__label {
    display: none !important;
}

.ck.ck-balloon-panel.ck-balloon-panel_position_border-side_right.ck-powered-by-balloon {
    display: none;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
    height: 100px;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    min-height: 100px !important;
    max-height: max-content !important;
}

.alert.alert-info.explication-alert {
    width: 100%;
    bottom: 5px;
}

.st-btn.st-last {
    display: none !important;
}

label.custom-label {
    font-size: 14px !important;
}

@media (max-width: 776px) {
    .section-table-tests {
        padding: 0 2rem !important;
    }

    .d-flex.container-inputs-search-form.gap-2 {
        flex-direction: column;
    }
    .btn-search-test {
        width: 100%;
    }

    .container-form-search {
        padding: 0px 120px;
    }
    .container.container-mobile {
        padding: 0px 10px;
    }
}

@media (max-width: 576px) {
    .section-table-tests {
        padding: 0 0rem !important;
    }
    .custom-scroll-green {
        scrollbar-width: thin;
        scrollbar-color: #00b42c #f1f1f11c;
        font-size: 14px;
        overflow-x: auto;
    }
     /*  .custom-scroll-green:hover {
        overflow-x: auto;
    }

    .td-test-name {
        width: 315px;
        text-overflow: ellipsis;
    } */
}