@import './datagrid';
@import './nebular-custom';
@import './bootstrap-custom';
@import './swal2-custom';

:root {
    --pedido-agora-orange-color: #f5841f;
    --pedido-agora-purple-color: #8f465a;
}

body::-webkit-scrollbar {
    width: 0.65em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--color-primary-500);
    outline: 1px solid var(--color-primary-500);
    border-radius: calc(.65em / 2);
}

[hidden] {
    display: none !important;
}

/* Application sections */
#main-header {
    cursor: pointer;
}

#main-menu {
    .menu-items li {
        border-color: #61597a;

        nb-icon {
            display: flex;
            align-items: center;
            color: #fff;
        }

        a {
            border-left: 2px solid #282434;
            padding: 8px;
            color: #fff;
        }

        a.active, a:hover {
            border-left: 2px solid #FFFFFF;
            background-color: var(--color-info-500);
        }
    }
}

.auth-footer p {
    color: #FFF !important;
    font-weight: bold !important;
    text-shadow: #000 0 0 3px;
}

.auth-form {
    color: var(--gray) !important;
}

.auth-page {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #E6E7FE;
    background:
        linear-gradient(
            rgba(127, 140, 141, 0.45),
            rgba(127, 140, 141, 0.45)
        ),
        url('assets/images/bg-login.jpg');
    background-position: center center;
    background-repeat: repeat-x;

    nb-card {
        background-color: rgba(255, 255, 255, .95);
    }
}

.inline-chart {
    height: 100%;
    min-height: 360px;
}

.logo-empresa-frete {
    width: 98px;
    height: auto;
    margin-bottom: 3px;
    margin-top: 3px;
    margin-left: auto;
}

.product-name-list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.lock-screen-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
}

.picture-container {
    img {
        max-height: 25vh;
    }
}

.popover-page {
    h6 {
        color: var(--color-primary-500);
        font-size: 1.25em;
    }

    p {
        margin-bottom: 5px;
    }

    picture {
        legend {
            font-size: .85em;
            color: var(--text-disabled-color);
        }
    }

    font-size: 13px;
    max-width: 640px;
    padding: 15px;
}

.text-uppercase { text-transform: uppercase !important; }

.vertical-scroll tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}

.vertical-scroll thead,
.vertical-scroll tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.w-5 { width: 5% !important; }

.w-10 { width: 10% !important; }

.w-15 { width: 15% !important; }

.w-20 { width: 20% !important; }

.w-25 { width: 25% !important; }

.w-30 { width: 30% !important; }

.w-45 { width: 45% !important; }

.w-px-50 { width: 50px !important; }

.w-px-80 { width: 80px !important; }

.w-px-139 { width: 139px !important; }

.w-px-150 { width: 150px !important; }

.w-px-162 { width: 162px !important; }

.w-px-165 { width: 165px !important; }

.w-px-168 { width: 168px !important; }

.w-px-175 { width: 175px !important; }

.w-px-185 { width: 185px !important; }

.w-px-350 { width: 350px !important; }

.min-w-250 { min-width: 250px !important; }
