/* 
crmazing
V1.0.0
by Hugo Carvajal 
*/

#header {
    background: #fff;
    background: linear-gradient(90deg,rgba(232, 237, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    display: block;
    height: 57px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 99;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
}
.sidebar {
    width: 230px !important;
    background: #e8edff;
    position: absolute;
    padding-left: 6px;
    padding-right: 7px;
    border-right: 1px solid #cbd5e1;
    bottom: 0;
    left: 0;
    top: 0;
}

.content {
    background: #f6f7fe;
}

/* sidebar link activo */
.sidebar ul.nav li.active>a, .sidebar ul.nav li.active>a .menu-icon, .sidebar ul.nav>li>a:focus, .sidebar ul.nav>li>a:focus .menu-icon, .sidebar ul.nav>li>a:hover, .sidebar ul.nav>li>a:hover .menu-icon {
    color: #6383c8;
}

/* color iconos */
.sidebar ul.nav li a i.menu-icon {
    margin-right: 14px;
    display: block;
    float: left;
    width: 18px;
    font-size: 18px;
    color: #607bb3;
    text-align: center;
}
.sidebar>ul.nav>li.active a:first-child, .sidebar>ul.nav>li:hover a:first-child {
    background: #fff;
    border-radius: .375rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    border: 1px solid rgb(162 184 236 / 15%);
}
/*--*/

/* bg sobrante */
#wrapper {
    background: #f6f7fe;
}

/* bg login admin */
.tw-bg-neutral-100 {
    background-color: #c8d0e3 !important;
}


/* color activo en pestañas dashboard */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: #5186d5;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    color: #5186d5;
    margin-bottom: 1px;
}
.nav-tabs>li.active>a i.menu-icon, .nav-tabs>li.active>a:focus i.menu-icon, .nav-tabs>li.active>a:hover i.menu-icon, .nav-tabs>li>a:focus i.menu-icon, .nav-tabs>li>a:hover i.menu-icon {
    --tw-text-opacity: 1;
    color: rgb(255 115 13);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background: #FFFFFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-color: #ffffff;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    color: #5186d5;
    margin-bottom: 1px;
}
/*--*/
/* dashboard first data ico */
.tw-text-neutral-600 {
    --tw-text-opacity: 1;
    color: #3788d8;
}

.tw-text-neutral-500 {
    --tw-text-opacity: 1;
    color: #5d7cba;
}
/*--*/

/* btn primario */
.btn-primary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: #ffffff;
    color: #ffffff;
    background: #3a4d7a;
background: linear-gradient(45deg,rgba(58, 77, 122, 1) 0%, rgba(65, 148, 196, 1) 100%);
}

/* footer clientes */
span.copyright-footer {
    display: none;
}
/*--*/

/* submenu activo */
.sidebar ul.nav li .nav-second-level li.active a {
    font-weight: 600;
    color: #d506e5;
    background: 0 0;
    box-shadow: none;
    border: 0;
}
/*--*/