.panel>.panel-heading {
    background-image: none;
    background-color: #DD4B39;
    color: white;
}

.panel-footer {
    text-align: center;
}

.mx-auto {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}


.login-box-body {
    background: rgba(255,255,255,0.20);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.35);
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    padding: 30px;
}

.box.box-primary {
    border-top: 3px solid #D97B35 !important;
}

.box.box-primary > .box-header {
    color: white;
    border-radius: 3px 3px 0 0;
}

.box.box-primary > .box-header a,
.box.box-primary > .box-header .btn {
    color: white;
}

.box.box-primary .box-title {
    font-weight: 600;
}

/* ==================================
   SIGOT PIRAÍ - CORPORATIVO PREMIUM
================================== */

/* Sidebar */
.main-sidebar,
.skin-green .main-sidebar {
    background: #14524B !important;
}

/* User panel */
.user-panel {
    background: rgba(255,255,255,.05);
    margin: 10px;
    padding: 12px;
    border-radius: 12px;
}

/* Usuario */
.user-panel .info p {
    color: #FFF !important;
    font-weight: 600;
    font-size: 16px;
}

.user-panel .info a {
    color: #D7E8E4 !important;
}

/* Menu principal */
.sidebar-menu > li > a {
    color: #F3F5F4 !important;
    padding: 13px 15px;
    font-size: 14px;
    transition: all .25s ease;
}

/* Iconos */
.sidebar-menu > li > a i {
    color: #CBE0DB !important;
    width: 22px;
}

/* ======================
   HOVER
====================== */
.sidebar-menu > li:hover > a {
    background: rgba(208,148,98,.22) !important;
    color: #FFF !important;
    border-left: 4px solid #D09462;
}

/* ======================
   MENU ACTIVO
====================== */
.sidebar-menu > li.active > a,
.sidebar-menu > li.menu-open > a {
    background: #D09462 !important;
    color: #FFF !important;
    font-weight: 600;
    border-left: 4px solid #E4B58D;
}

/* Ícono activo */
.sidebar-menu > li.active > a i,
.sidebar-menu > li.menu-open > a i {
    color: #FFF !important;
}

/* ======================
   SUBMENU
====================== */
.treeview-menu {
    background: #1E5B56 !important;
}

.treeview-menu > li > a {
    color: #EAF2EF !important;
    padding: 10px 15px 10px 45px;
}

/* Hover submenu */
.treeview-menu > li:hover > a {
    background: rgba(208,148,98,.18) !important;
    color: #FFF !important;
}

/* Submenu activo */
.treeview-menu > li.active > a {
    background: rgba(208,148,98,.30) !important;
    border-left: 3px solid #D09462;
    color: #FFF !important;
    font-weight: 600;
}

/* Flecha */
.sidebar-menu li > a > .fa-angle-left {
    color: #D9E8E4 !important;
}

/* Badge */
.badge-pill {
    background: #D09462 !important;
    color: #FFF;
    border-radius: 20px;
    padding: 4px 8px;
}

/* ==================================
   SKIN GREEN - ASEO PIRAÍ
================================== */

/* Header superior */
.skin-green .main-header .navbar {
    background-color: #1C6B63 !important;
}

/* Logo */
.skin-green .main-header .logo {
    background-color: #14524B !important;
    color: #fff !important;
}

.skin-green .main-header .logo:hover {
    background-color: #11443E !important;
}

/* Sidebar */
.skin-green .main-sidebar,
.skin-green .left-side {
    background-color: #14524B !important;
}

/* Menu links */
.skin-green .sidebar-menu > li > a {
    color: #EAF2EF !important;
}

/* Hover menu */
.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a {
    color: #FFF !important;
    background: #D09462 !important;
    border-left-color: #E4B58D !important;
}

/* Treeview abierto */
.skin-green .sidebar-menu > li.menu-open > a {
    background: #D09462 !important;
    color: #fff !important;
}

/* Submenu */
.skin-green .treeview-menu {
    background: #1E5B56 !important;
}

/* Items submenu */
.skin-green .treeview-menu > li > a {
    color: #DDEAE6 !important;
}

/* Hover submenu */
.skin-green .treeview-menu > li:hover > a,
.skin-green .treeview-menu > li.active > a {
    color: #FFF !important;
    background: rgba(208,148,98,.22) !important;
}

/* Iconos */
.skin-green .sidebar-menu > li > a i {
    color: #CFE2DC !important;
}

/* User panel */
.skin-green .user-panel > .info,
.skin-green .user-panel > .info > a {
    color: #FFF !important;
}

/* ==================================
   BTN SUCCESS - SIGOT PIRAÍ
================================== */

.btn-success {
    background-color: #1C6B63 !important;
    border-color: #14524B !important;
    color: #fff !important;
}

/* Hover */
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background-color: #14524B !important;
    border-color: #11443E !important;
    color: #fff !important;
}

/* Botón presionado */
.btn-success:active:hover {
    background-color: #11443E !important;
}

/* Disabled */
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #6CA59C !important;
    border-color: #5A9389 !important;
}

/* ==================================
   USER MENU - SIGOT PIRAÍ
================================== */

/* Fondo del dropdown */
.skin-green .navbar-nav > .user-menu > .dropdown-menu {
    background: #1C6B63 !important;
    border: none !important;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

/* Header usuario */
.skin-green .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    background: #14524B !important;
}

/* Texto usuario */
.skin-green .navbar-nav > .user-menu > .dropdown-menu > li.user-header p {
    color: #FFF !important;
}

/* Fondo footer */
.skin-green .navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
    
    border-top: 1px solid rgba(255,255,255,.08);
}

/* Links dropdown */
.skin-green .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    color: #FFF !important;
    border-radius: 6px;
}

/* Logo grande */
.logo-lg {
    font-size: 22px;
    letter-spacing: .5px;
    font-weight: 300;
}

/* SIGOT */
.logo-lg .sigot {
    font-weight: 700;
    color: #FFFFFF;
}

/* Piraí */
.logo-lg .pirai {
    color: #D09462;
    font-weight: 600;
}

/* Mini logo */
.logo-mini {
    font-size: 20px;
    font-weight: bold;
}

.logo-mini b {
    color: #D09462;
}



/* BTN PRIMARY - VERDE PETRÓLEO SIGOT PIRAÍ */

.btn-primary {
    background-color: #1C6B63 !important;
    border-color: #14524B !important;
    color: #FFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #14524B !important;
    border-color: #11443E !important;
    color: #FFF !important;
    box-shadow: none !important;
}

/* Disabled */
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #5F968E !important;
    border-color: #4C837B !important;
    color: #FFF !important;
}

/* BTN WARNING - NARANJA ASEO PIRAÍ */

.btn-warning {
    background-color: #D6864A !important;
    border-color: #C9793D !important;
    color: #FFF !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: #C9793D !important;
    border-color: #B86B31 !important;
    color: #FFF !important;
    box-shadow: none !important;
}

/* Disabled */
.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #E1A16D !important;
    border-color: #D9955F !important;
    color: #FFF !important;
}