/*====================================================
=            COLORES CORPORATIVOS
====================================================*/

:root{
    --rosa:#f3a9a9;
    --menta:#A4c8bc;
    --amarillo:#F3eaa9;
    --gris:#d9d8dd;
    --texto:#000000;
}

/* Fondo general */

body{
    background: var(--gris);
}

/* Navbar */

.main-header{
    background: var(--menta)!important;
    border-bottom:0;
}

.main-header .nav-link{
    color:#000000!important;
}

/* Sidebar */

.main-sidebar{
    background:#343a40 !important;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active{
    background:var(--menta)!important;
    color:#000000!important;
}

.nav-sidebar .nav-link{
    color:#c2c7d0!important;
}

.nav-sidebar>.nav-item>.nav-link:hover{
    background:rgba(255,255,255,.45)!important;
}

.nav-sidebar .nav-link:hover{
    background:rgba(168,230,207,.25)!important;
    color:white!important;
}

.nav-sidebar .nav-link.active{
    background:#f3a9a9!important;
    color:#2b2f33!important;
}

/* Botones */

.btn-primary{
    background:var(--menta)!important;
    border-color:var(--menta)!important;
    color:#555;
}

.btn-primary:hover{
    background:#A8E6CF!important;
}

.btn-success{
    background:var(--rosa)!important;
    border-color:var(--rosa)!important;
    color:#444;
}

.btn-warning{
    background:var(--amarillo)!important;
    border-color:var(--amarillo)!important;
    color:#444;
}

/* Tarjetas */

.card-primary>.card-header{
    background:var(--menta)!important;
}

.card-success>.card-header{
    background:var(--rosa)!important;
}

.card-warning>.card-header{
    background:var(--amarillo)!important;
}

/* Links */

a{
    color:#555;
}

a:hover{
    color:#000;
}

.brand-link{
    background:#2b2f33 !important;
    color:white !important;
}

.nav-treeview{
    background:#2f343a;
}

.nav-treeview .nav-link{
    color:#c2c7d0!important;
}

.nav-treeview .nav-link:hover{
    background:#F8BBD0!important;
    color:#2b2f33!important;
}

.nav-header{
    color:#A8E6CF!important;
    font-weight:bold;
}

/*=========================
NAVBAR
==========================*/

.main-header{
    background:#F8BBD0 !important;
    border-bottom:0;
}

.main-header .nav-link{
    color:#444 !important;
}

.main-header .nav-link:hover{
    color:#000 !important;
}

/* Dropdown */

.dropdown-menu{

    border-radius:10px;

    border:none;

    box-shadow:0 5px 20px rgba(0,0,0,.15);

}

.dropdown-header{

    background:#F8BBD0;

    padding:15px;

}

/*=================================
    CONTENIDO GENERAL
==================================*/

/*===========================
CONTENT
===========================*/

.content-wrapper{

    background:#f4f6f9;

}

.content-header{

    padding:12px 20px 8px 20px;

}

.content{

    padding:0 20px 20px 20px;

}

.card{

    border:none;

    border-radius:10px;

}

.card-body{

    padding:15px;

}

h2{

    font-weight:600;

}

.table th{

    vertical-align:middle;

}

.table td{

    vertical-align:middle;

}

/*==========================
COLORES CORPORATIVOS
==========================*/

:root{

    --gf-primary:#F8BBD0;
    --gf-success:#B7E4C7;
    --gf-warning:#FFF3B0;
    --gf-dark:#343A40;

}

.bg-gf-primary{

    background:var(--gf-primary)!important;

    color:#444;

}

.btn-gf-primary{

    background:var(--gf-primary);

    border-color:var(--gf-primary);

    color:#444;

    font-weight:600;

}

.btn-gf-primary:hover{

    background:#f48fb1;

    border-color:#f48fb1;

    color:white;

}