/*** BODY ***/
html, body {
    background-color: #fafaf7;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, serif;
}
.body-master {
    background: #fafaf7;
}
.body-login {
    background: #f5f5ef;
}

/*** MOBILE ***/
    @media (min-width: 1150px) {
        .offweb {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .tablet-div-p {
            padding-top: 20px;
        }

        .tablet-obj-off {
            display: none;
        }
    }

    @media (max-width: 1150px) {
        .offmob {
            display: none;
        }

        .card-mob-p {
            padding-bottom: 50px;
        }
    }
    /*** DIV ***/
    .div-center {
        width: 100vw;
        height: 100vh;
        background-color: transparent;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .div-body {
        margin: 10px 10px 10px 10px;
    }

    .div-card-sm {
        min-width: 275px;
    }

    .div-erro {
        padding: 15px 20px 15px 30px;
        background-color: #f5f5ef;
        top: 0px;
        height: 58px;
        position: fixed;
        z-index: 5;
        border-bottom: 1px solid rgba(99, 99, 99, 0.2);
    }
    /** BOX **/
    .box-login {
        width: 325px;
        height: 395px;
        border-radius: 0px;
        background-color: #fff;
    }

    .box-alert {
        max-width: 395px;
        min-width: 325px;
        height: 70px;
        border-radius: 10px;
        border: 1px solid #f8cfcf;
        background: #fceeee;
    }

    .box-line {
        line-height: 1.6;
    }
    /* CONTENT */
    .content-menu, .content-start, .content-context, .content-info, .content-footer {
        background: #fff;
        /*border: 1px solid rgba(99, 99, 99, 0.2);*/
        border: 1px solid rgba(235,235,235,2);
        border-radius: 8px;
    }

    .content-menu {
        padding: 1px 17px 1px 15px;
    }

    .content-start {
        padding: 5px 10px 3px 10px;
    }

    .content-context {
        padding: 2px 5px 2px 10px;
    }

    .content-info {
        padding: 2px 12px 2px 15px;
    }

    .content-banner {
        padding: 10px 5px 5px 5px;
    }

    .content-footer {
        padding: 5px 0px 5px 10px;
    }
    /*** BUTTON ***/
    .btn-login {
        background-color: #384e61;
        color: #fff;
    }

        .btn-login:hover {
            background-color: #2f4151;
            color: #fff;
        }
    /*** BUTTON ***/
    .btn-side, .btn-side:hover {
        border: 1px solid rgba(99, 99, 99, 0.2);
        border-radius: 8px;
        margin: 0px 5px;
        max-width: 95px;
        color: white;
        padding: 10px 20px 10px 15px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }

    .btn-side {
        background-color: #fff;
    }

        .btn-side:hover {
            background-color: #f6f6f6;
        }
    /*** NAVBAR ***/
    .btn-side-item {
        text-decoration: none;
        overflow: hidden;
    }

    .btn-grid-icone {
        border: 0;
        background-color: transparent;
        cursor: pointer;
    }
    /*** COL ***/
    .col-min-100 {
        min-width: 100px;
    }
    /*** GRID ***/

    .grid-header {
        color: #7b7b7b;
        font-size: 13px;
        background: #f7f7f7;
        padding-top: 13px;
        padding-bottom: 13px;
        border-bottom: 1px solid rgba(99, 99, 99, 0.2);
    }

    .grid-detail, .grid-item, .grid-alerta, .grid-closed, .grid-block {
        background: #fff;
        font-size: 13px;
    }

    .grid-xitem {
        color: #2f4151;
        font-size: 12px;
    }

    .grid-x {
        color: #676767;
        font-size: 12px;
    }

    .grid-detail {
        color: #118193;
    }

    .grid-item {
        color: #2f4151;
    }

    .grid-info {
        font-size: 13px;
        background: #f6f6f6;
    }

    .grid-alerta {
        color: #ba0303;
    }

    .grid-closed {
        color: #7d7d7d;
    }

    .grid-block {
        color: #7d7d7d;
    }

    .grid-footer {
        margin-top: 5px;
        border-block-start: 1px solid rgba(99, 99, 99, 0.1);
    }

    .grid-min-200 {
        min-width: 200px;
    }
    /*** NAVBAR ***/
    .navbar-item ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .navbar-item li {
        float: left;
    }

        .navbar-item li a {
            text-decoration: none;
            display: block;
            text-align: center;
            padding: 10px;
        }

    .navbar-item-text {
        text-decoration: none;
        display: block;
        text-align: center;
        padding: 10px;
        padding-top: 11px;
    }
    /*** SCROLL ***/
    ::-webkit-scrollbar {
        width: 11px;
    }

    ::-webkit-scrollbar-track {
        margin-top: 0px;
        margin-bottom: 0px;
        background: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 0px;
        border: 1px solid #dcdcdc;
        background: #fff;
    }

        ::-webkit-scrollbar-thumb:hover {
            border-radius: 10px;
            background: #a5a5a5;
        }