@import url("fonts-6febca5377d0f04b794c26d612630a20.css");
@import url("components/index-4f2b2d928af7e54f5e50721b339d9dd9.css");
@import url("authentication-7ec93ad7dc36c9dc9b60427bc0e24135.css");
@import url("bootstrap-override-b1988b8c6772eeb9e5309f81f75935e6.css");
@import url("dashboard-2c1b1355ae973dd7da7733f2bdb9aaeb.css");

:root {
    --app-background-gray: #F6F6F6;
    --app-black: #0A142E;

    --app-blue-25: #F4F7FF;
    --app-blue-50: #E8EEFD;
    --app-blue-100: #D5E1FB;
    --app-blue-200: #A6C0F7;
    --app-blue-300: #7CA2F3;
    --app-blue-400: #5184EF;
    --app-blue-500: #2563EB;
    --app-blue-600: #114CC9;
    --app-blue-700: #0E3996;
    --app-blue-800: #0A2562;
    --app-blue-900: #051333;

    --app-dark-blue-25: #F2F3F8;
    --app-dark-blue-50: #E9EBF1;
    --app-dark-blue-100: #D3D8E3;
    --app-dark-blue-200: #ABB4C9;
    --app-dark-blue-300: #7E8CAE;
    --app-dark-blue-400: #59688C;
    --app-dark-blue-500: #3F4963;
    --app-dark-blue-900: #051333;

    --primary-50: #E9EBF1;
    --primary-100: #D3D8E3;
    --primary-200: #ABB4C9;
    --primary-300: #7E8CAE;
    --primary-400: #59688C;
    --primary-500: #3F4963;
    --primary-900: #0C0E13;

    --primary: var(--app-blue-500);

    --app-dark-blue-900-rgb: 5, 19, 51;
    --app-dropdown-border-color: #EDEDED;
    --app-gray-100: #FCFCFC;
    --app-gray-200: #F7F7F7;
    --app-gray-300: #F5F5F5;
    --app-gray-400: #F0F0F0;
    --app-gray-500: #EDEDED;
    --app-gray-600: #BDBDBD;
    --app-gray-border: #E9EBF1;
    --app-green-50: #E5FAF4;
    --app-green-500: #2DB98D;
    --app-light-gray-input: #AEB5CA;
    --app-light-gray-input-border: #DADADA;
    --app-orange-50: #FFF3EB;
    --app-orange-500: #FC9754;
    --app-orange: #FC7026;
    --app-primary-light-blue: #F9FBFF;
    --app-product-creation-border-gray: var(--app-dark-blue-100);
    --app-red-50: #FFEBEB;
    --app-red-500: #FC3A3F;
    --app-sidebar-gray: #B8BECC;
    --app-very-light-gray-input: #FAFAFA;
    --app-white: #FFFFFF;
}

body {
    background-color: var(--app-dark-blue-900);
}

.se-shadow {
    box-shadow: 0px 4px 32px 0px rgba(34, 34, 34, 0.06);
}

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

.mobile {
    @media (min-width: 992px) {
        display: none !important;
    }
}

#incompatible-browser {
    display: flex !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
#incompatible-browser .incompatible-content {
    background: #efefef;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 15px;
}
body {
    #incompatible-browser {
        display: none !important;
    }


    .tooltip {
        &.show {
            opacity: unset;
        }

        .tooltip-arrow::before {
            border-top-color: var(--app-dark-blue-500) !important;
        }

        .tooltip-inner {
            background-color: var(--app-dark-blue-500);
            font-family: "IBM Plex Sans";
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -0.24px;
            border-radius: 8px;
            padding: 8px 12px;
        }
    }

    .mobile-hidden {
        @media (max-width: 992px) {
            display: none;
        }
    }
}