/* blue => #0C6C8B, golden => #D3B82B, black => #2F2F2F */

html, body {
    overflow: hidden;
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

.required:after {
    content: " *";
    color: red;
}

.mirror-icon {
    transform: scaleX(-1);
}

/* select2 */

    /* select size */
    .select2-container .select2-selection--single {
        height: 40px !important;
        box-shadow: none !important;
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
        border-radius: 0.375rem;
        filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)) !important;
        padding: 8px 40px 8px 12px !important;
    }

    /* select arrow */

    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow b {
        background-color: transparent;
        background-size: contain;
        border: none !important;
        height: 50px !important;
        width: 50px !important;
        margin: auto !important;
        top: auto !important;
        left: auto !important;
    }

    /* options size */
    .select2-results__options {
        max-height: 150px !important;
    }

    /* when select opened */
    .select2-container--bootstrap-5.select2-container--open .select2-selection {
        box-shadow: none !important;
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
    }

    /* input search style */
    .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{
        box-shadow: none !important;
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
    }
    .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus  {
        border-color: #0C6C8B !important;
    }

    /* options with input search box style */
    .select2-container--bootstrap-5 .select2-dropdown {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
    }

    .toast-close {
        float: inline-end;
    }

@media screen and (min-width: 1024px) {
    .main-container {
        max-width: -webkit-calc(100% - 240px);
        max-width: -moz-calc(100% - 240px);
        max-width: calc(100% - 240px);
    }
}