/************************************************************
 * TEMA TIPICO DE MINAS - BOOTSTRAP 3 OVERRIDE
 * Carregar SEMPRE depois do bootstrap.css e core.css
 ************************************************************/

/* ========================
   BASE
======================== */
body {
    color: #5a2f1d !important;
}

/* ========================
   HEADER / TOPBAR
======================== */
.navbar,
.topbar,
.navbar-default {
    background: linear-gradient(to right, #5a2f1d, #4a2416);
    border: none;
}



    .navbar a:hover {
        color: #d4a63a !important;
    }
/********************************************************
 MENU MARROM CLARO - OVERRIDE FORTE
*********************************************************/

/* BASE MENU */
#sidebar-menu {
    background: #f3efe9;
}

    /* LINKS PADRÃO */
    #sidebar-menu ul li a {
        color: #5a2f1d !important;
        background: #f3efe9 !important;
        transition: all .2s ease;
    }

        /* ICONES */
        #sidebar-menu ul li a i {
            color: #8b6a3e !important;
        }

        /* =========================
   WAVES (remove azul claro)
========================= */
        #sidebar-menu ul li a.waves-effect {
            background: #f3efe9 !important;
            color: #5a2f1d !important;
        }

        /* HOVER */
        #sidebar-menu ul li a:hover {
            background: #e8ded2 !important;
            color: #4a2416 !important;
        }

        /* =========================
   MENU ABERTO (subdrop)
========================= */
        #sidebar-menu ul li a.subdrop {
            background: #e0d2c2 !important;
            color: #4a2416 !important;
            font-weight: 600;
        }

    /* =========================
   ITEM ATIVO PRINCIPAL
========================= */
    #sidebar-menu ul li > a.active {
        background: linear-gradient(to right,#6a3a24,#5a2f1d) !important;
        color: #d4a63a !important;
    }

    /* =========================
   SUBMENU FUNDO
========================= */
    #sidebar-menu ul li ul {
        background: #efe7dd !important;
    }

        /* SUBMENU LINKS */
        #sidebar-menu ul li ul li a {
            background: #efe7dd !important;
            color: #5a2f1d !important;
            padding-left: 45px;
        }

            /* SUBMENU HOVER */
            #sidebar-menu ul li ul li a:hover {
                background: #e2d6c8 !important;
            }

        /* SUBMENU ATIVO */
        #sidebar-menu ul li ul li.active a {
            background: #c9afa3 !important;
        }

    /* =========================
   BORDA LATERAL SUAVE
========================= */
    #sidebar-menu ul li a {
        border-left: 4px solid transparent;
    }

        #sidebar-menu ul li a:hover {
            border-left: 4px solid #d4a63a;
        }

    #sidebar-menu ul li.active > a,
    #sidebar-menu ul li > a.active {
        border-left: 4px solid #d4a63a;
    }


/* ========================
   CONTEÚDO / CARDS
======================== */
.panel,
.well,
.card,
.content-box {
    background-color: #f3f2ef;
    border-radius: 6px;
    border: 1px solid #ddd;
}

/* ========================
   FORMULÁRIOS
======================== */
.form-control {
    border-radius: 4px;
    border: 1px solid #d6d3ce;
    background-color: #faf9f7;
}

    .form-control:focus {
        border-color: #d4a63a;
        box-shadow: 0 0 4px rgba(212,166,58,0.3);
    }

/* ========================
   BOTÕES
======================== */
.btn-primary {
    background-color: #5a2f1d;
    border-color: #5a2f1d;
    color: #d4a63a;
    font-weight: 600;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #4a2416;
        border-color: #4a2416;
        color: #d4a63a;
    }

.btn-success {
    background-color: #6b8e23;
    border-color: #6b8e23;
}

/* ========================
   TABELAS
======================== */
.table > thead > tr > th {
    background-color: #e6e1db;
    color: #4a2416;
}

.table > tbody > tr:hover {
    background-color: #f0ede9;
}

/* ========================
   CHECKBOX / RADIO
======================== */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #5a2f1d;
}




/* CARD LOGIN */
.wrapper-page .card-box {
    background: #faf7f3;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(90,47,29,0.15);
    border: 1px solid #e3d9cd;

}

/* HEADER */
.wrapper-page .panel-heading {
    text-align: center;
    padding-bottom: 25px;
}


/* INPUTS */
.wrapper-page .form-control {
    background: #ffffff;
    border: 1px solid #e0d6cb;
    border-radius: 6px;
    height: 44px;
}

    .wrapper-page .form-control:focus {
        border-color: #c89b3c;
        box-shadow: 0 0 0 2px rgba(200,155,60,0.25);
    }

/* PLACEHOLDER */
.wrapper-page ::placeholder {
    color: #b6a99a;
}
/* IMPORTA FONTE MAIS PREMIUM (opcional mas recomendado) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');

.wrapper-page h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 23px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #4b2c20 !important;
    margin-top: 15px;
}

/* SUBTITULO */
.wrapper-page .panel-heading p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #9c8f82;
    letter-spacing: 0.5px;
}

/**********************************************
 BOTÃO LOGIN
**********************************************/

#btnLogar {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: linear-gradient(135deg, #5a2f1d, #3b1d12) !important;
    color: #e6c15a;
    border: none !important;
    border-radius: 10px;
    padding: 14px;
    margin-top: 10px;
    box-shadow: 0 8px 20px rgba(60,30,18,0.45), inset 0 1px 0 rgba(255,255,255,0.1) !important;
    ;
    transition: all .25s ease;
}

    /* HOVER */
    #btnLogar:hover {
        background: linear-gradient(135deg, #4a2416, #2f160d);
        color: #f3d57a;
        transform: translateY(-1px);
    }

    /* CLICK */
    #btnLogar:active {
        transform: translateY(1px);
        box-shadow: 0 3px 10px rgba(0,0,0,0.4);
    }

/* LINK ESQUECI SENHA */
.wrapper-page a {
    color: #6a4b35;
}

    .wrapper-page a:hover {
        color: #4a2416;
    }

/* CHECKBOX / ÍCONES */
.wrapper-page i,
.wrapper-page .glyphicon {
    color: #8b6a3e;
}

/* ALERTAS 
.wrapper-page .alert-success {
    background: #efe7dd;
    border-color: #c8b29a;
    color: #4a2416;
}

.wrapper-page .alert-danger {
    background: #f3e2dc;
    border-color: #d1a69b;
    color: #7a2e1c;
}
    */

/* ESQUECI SENHA – BOTÕES */
#back-btn {
    background: #e6d8c8;
    border-color: #d4c3b1;
    color: #4a2416;
}

#btnEnviar {
    background: #5a2f1d;
    border-color: #5a2f1d;
    color: #e6c15a;
}

/* REMOVE AZUL DO WAVES */
.waves-effect,
.waves-light {
    background-image: none !important;
}



.bootstrap-table .table thead > tr > th {
    padding: 5px;
    background: #e8ded2 !important;
}


.btn-custom.btn-default {
    border-color: #5a2f1d !important;
    background-color: #5a2f1d !important;
    color: white !important;
}

.btn-custom .btn-default{
    border-color: #5a2f1d !important;
    background-color: #5a2f1d !important;
    color: white !important;
}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #d4a63a !important;
}

.row #btnInserir {
    right: 10px;
    position: absolute;
    font-size: 17px;
    top: 20px;
}

.breadcrumb a {
    color: #d4a63a !important
}

.filtros .form-group input, .filtros .form-group select { width:100%!important; }
.filtros #btnBuscar {
    margin-top: 32px;
    display: inline-block;
}


.divCorHex {
    height: 32px;
    width: 32px;
    border-radius: 0.25rem;
    display: block;
    border: 1px solid black;
    text-indent: 40px
}


.spanMarcaCorHex {
    border-width: 1px;
    border-style: solid;
    border-radius: 0.25rem;
    font-weight: 700;
    font-size: 11px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #5a2f1d !important;
    display: inline;
}

















div#mox_msg_general {
    position: fixed;
    top: 50px;
    right: 5px;
    z-index: 999999999;
}

div.notification {
    -webkit-font-smoothing: subpixel-antialiased;
    display: none;
    min-width: 150px;
    max-width: 350px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    color: white;
    padding: 10px 40px 10px 10px;
    box-sizing: border-box;
    background: rgba(0,64,128,0.9);
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    margin: 0 0 5px
}

    div.notification button.notification-close {
        background: none;
        border: 0px solid white;
        color: white;
        opacity: 0.5;
        float: right;
        margin: -2px -30px 0 0;
        width: 24px;
        height: 24px;
        line-height: 22px;
        border-radius: 12px;
        padding: 0;
        text-align: center
    }

        div.notification button.notification-close:hover {
            opacity: 1
        }

    div.notification p {
        margin: 0
    }

    div.notification.notification-success {
        background: rgba(0,128,64,0.9)
    }

    div.notification.notification-warning {
        background: rgba(224,128,0,0.9)
    }

    div.notification.notification-error {
        background: rgba(128,0,0,0.9)
    }

    div.notification.notification-info {
        background: rgba(39, 169, 227, 0.9)
    }

.plupload_total_status {
    color: #000000;
}

.plupload_total_file_size {
    color: #000000;
}

.spanTipoMovS, .spanTipoMovE {
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 700;
    font-size: 11px;
    padding: 2px 10px;
}

.spanTipoMovS {
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.spanTipoMovE {
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}



.strongValorMovS {
    font-size: 13px;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.strongValorMovE {
    font-size: 13px;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.header-title span {
    color: rgb(212 175 55 / var(--tw-text-opacity, 1));
    font-size: 22px;
}

.card-box {
    padding: 13px;
}



/* Styles for small devices (e.g., large phones) */
@media (max-width: 576px) {
    table td, table th { font-size:12px; padding:2px}


    .card-box, .col-md-12 {
        padding: 5px;
    }

    .row { margin-right:0;  margin-left:0;}

    
}