/* SCROLLBAR */
/* width */
::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #555;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body {
    height: 100vh;
}

html {
    /* font-size: 12px; */
    /*background: #2f373e;*/
    /* background-color: rgb(63 63 70); */
    /* background-color: rgb(229 231 235); */
    height: 100vh;
}

@media (min-width: 764px) {
    .xl\:w-min-120 {
        min-width: 40rem;
    }
}

@media (min-width: 1024px) {
    .lg\:w-80 {
        width: 22rem;
    }

    .lg\:w-100 {
        width: 25rem;
    }

    .lg\:w-min-120 {
        min-width: 40rem;
    }

    .lg\:w-min-100 {
        min-width: 30rem;
    }

    .lg\:position-initial {
        position: initial;
    }

    .lg\:rem-w-25 {
        min-width: 25rem;
        max-width: 25rem;
    }

    .lg\:rem-w-35 {
        min-width: 35rem;
        max-width: 35rem;
    }
}

.html-color {
    background-color: rgb(63 63 70);
    /*background: #2f373e;*/
}

.footer-red {
    /*color:#f56565;*/
    color: #f37878;
    font-weight: 600;
    text-shadow: 1px 1px 2px black;
}

.footer-red:hover {
    color: white;
}

/*


    inputs


 */

textarea:invalid,
select:invalid,
input:invalid {
    border-color: #e2e8f0;
    border-bottom-color: red;
    border-bottom-style: dashed;
    /*outline: 1px red dashed;*/
    /*outline-offset: -3px;*/
}

.invalid {
    border-color: #e2e8f0;
    border-bottom-color: red;
    border-bottom-style: dashed;
    /*outline: 1px red dashed;*/
    /*outline-offset: -3px;*/
}

/*


    tailwind


*/

.h-fixed {
    height: 3.4rem;
}

.w-fixed {
    width: 3.4rem;
}

.h-normal {
    height: 3.3rem;
}

.h-normal2 {
    height: 3.6rem;
}

.w-normal {
    width: 3.3rem;
}

.min-w-1\/4 {
    min-width: 25%;
}

.min-w-1\/2 {
    min-width: 50%;
}

.min-w-3 {
    min-width: 3rem;
}

.min-w-4 {
    min-width: 4rem;
}

.min-w-6 {
    min-width: 6rem;
}

.min-w-9 {
    min-width: 9rem;
}

.min-w-15 {
    min-width: 15rem;
}

/* w-80 originally */
.min-w-22 {
    min-width: 22rem;
}

.min-w-28 {
    min-width: 28rem;
}

.min-w-34 {
    min-width: 34rem;
}

.blur {
    filter: blur(1px);
}

.min-w-rem-48 {
    min-width: 48rem;
}

.min-w-rem-64 {
    min-width: 64rem;
}

.rem-w-3 {
    min-width: 3rem;
    max-width: 3rem;
}

.rem-w-4 {
    min-width: 4rem;
    max-width: 4rem;
}

.rem-w-6 {
    min-width: 6rem;
    max-width: 6rem;
}

.rem-w-8 {
    min-width: 8rem;
    max-width: 8rem;
}

.rem-w-7 {
    min-width: 7rem;
    max-width: 7rem;
}

.rem-w-9 {
    min-width: 9rem;
    max-width: 9rem;
}

.rem-w-12 {
    min-width: 12rem;
    max-width: 12rem;
}

.rem-w-15 {
    min-width: 15rem;
    max-width: 15rem;
}

/* w-80 originally */
.rem-w-22 {
    min-width: 22rem;
    max-width: 22rem;
}

.rem-w-25 {
    min-width: 25rem;
    max-width: 25rem;
}

.blur {
    filter: blur(1px);
}

.blur-sm {
    filter: blur(2px);
}

.blur-md {
    filter: blur(3px);
}

.blur-lg {
    filter: blur(4px);
}

.w-72 {
    width: 18rem;
}

.w-80 {
    width: 22rem;
}

.w-100 {
    width: 30rem;
}

.w-110 {
    width: 35rem;
}

.w-120 {
    width: 40rem;
}

.w-min-32 {
    min-width: 8rem;
}

.w-min-48 {
    min-width: 12rem;
}

.w-min-72 {
    min-width: 18rem;
}

.w-min-80 {
    min-width: 22rem;
}

.w-min-100 {
    min-width: 30rem;
}

.w-min-110 {
    min-width: 35rem;
}

.w-min-120 {
    min-width: 40rem;
}

.w-max-72 {
    max-width: 18rem;
}

.w-max-80 {
    max-width: 22rem;
}

.w-max-100 {
    max-width: 30rem;
}

.w-max-110 {
    max-width: 35rem;
}

.w-max-120 {
    max-width: 40rem;
}

.max-w-4xl {
    max-width: 48rem;
}

.max-w-7xl {
    max-width: 80rem;
}

.max-w-8xl {
    max-width: 98rem;
}

.max-w-screen-2xl {
    max-width: 1536px;
}

.max-w-screen-3xl {
    max-width: 1792px;
}

.max-w-screen-4xl {
    max-width: 2048px;
}

.max-w-screen-5xl {
    max-width: 2304px;
}

.striped-blue {
    background: repeating-linear-gradient(55deg,
            #4299e1 0px,
            #4299e1 10px,
            #90CAF9 10px,
            #90CAF9 20px);
}

.striped-red {
    background: repeating-linear-gradient(55deg,
            #f56565 0px,
            #f56565 10px,
            #feb2b2 10px,
            #feb2b2 20px);
}

.striped-green {
    background: repeating-linear-gradient(55deg,
            #38a169 0px,
            #38a169 10px,
            #68d391 10px,
            #68d391 20px);
}

.striped-gray {
    background: repeating-linear-gradient(55deg,
            #718096 0px,
            #718096 10px,
            #a0aec0 10px,
            #a0aec0 20px);
}

.link-card-blue {
    color: #006cb1;
}

.bg-link-card-blue {
    background-color: #006cb1;
    color: white;
}

.bg-card-blue-500 {
    background-color: #005a92;
    color: white;
}

.border-link-color {
    border-bottom-width: 1px;
    border-color: #006cb1;
}

.border-link-blue {
    border-color: #006cb1;
    ;
}

.max-h-100 {
    max-height: 30rem;
}

.clamp-truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.min-h-normal2 {
    min-height: 3.6rem;
}

.bg-white-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
    transition: background-color 9999s ease-in-out 0s;
}

.__remembered.bg-gray-700:not(.opacity-30) {
    background-color: rgb(55 65 81) !important;
}

.__remembered.bg-red-600:not(.opacity-30) {
    background-color: rgb(220 38 38) !important;
}

.__remembered.bg-blue-700:not(.opacity-30) {
    background-color: rgb(29 78 216) !important;
}

.__remembered.bg-green-700:not(.opacity-30) {
    background-color: rgb(21 128 61) !important;
}

.__remembered.bg-yellow-400:not(.opacity-30) {
    background-color: rgb(250 204 21) !important;
}

.__remembered.bg-purple-500:not(.opacity-30) {
    background-color: rgb(168 85 247) !important;
}

.__remembered.bg-white:not(.opacity-30) {
    background-color: rgb(255 255 255) !important;
    border-color: rgb(156 163 175) !important;
}

.__remembered.bg-yellow-600:not(.opacity-30) {
    background-color: rgb(217 119 6) !important;
}

.__remembered.border-gray-300:not(.opacity-30) {
    background-color: rgb(55 65 81) !important;
    color: white !important;
}

.__remembered.text-red-600:not(.opacity-30) {
    background-color: rgb(220 38 38) !important;
    color: white !important;
}

.__remembered.text-blue-700:not(.opacity-30) {
    background-color: rgb(29 78 216) !important;
    color: white !important;
}

.__remembered.text-green-600:not(.opacity-30) {
    background-color: rgb(21 128 61) !important;
    color: white !important;
}

.__remembered.text-yellow-600:not(.opacity-30) {
    background-color: rgb(250 204 21) !important;
    color: black !important;
}

.__remembered.text-purple-500:not(.opacity-30) {
    background-color: rgb(168 85 247) !important;
    color: white !important;
}

.__remembered.text-white:not(.opacity-30) {
    background-color: rgb(55 65 81) !important;
    color: white !important;
}

.__remembered.text-yellow-600:not(.opacity-30) {
    background-color: rgb(217 119 6) !important;
    color: white !important;
}

@media (max-width: 1724px) {
    .hidden-1724 {
        display: none !important;
    }
}

@media (max-width: 1724px) {
    .visible-1724 {
        display: flex !important;
    }
}

.w-18 {
    width: 4.5rem; /* 72px */
}