.btn-primary {
        color: #fff;
}

.btn-primary:hover {
        color: #fff;
}

.btn-outline-info:hover {
        color: #fff;
}

/* width */
::-webkit-scrollbar {
        width: 8px !important;
        height: 8px !important;
        /* width: 8px !important; */
        /* background: #990000 !important; */
}

/* Track */
::-webkit-scrollbar-track {
        background: #f1f1f1 !important;
        width: 15px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
        background: #990000 !important;
        height: 8px !important;
        width: 8px !important;
        border-radius: 2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
        background: #990000 !important;
        border-radius: 2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
}

.ps__thumb-y,
.ps__thumb-x {
        background: #990000 !important;
}

.ui-autocomplete {
        z-index: 1052 !important;
}

.ui-autocomplete,
.ui-menu,
.ui-menu-item {
        background-color: #fff;
        z-index: 1052 !important;
}

.ui-menu-item {
        border: 1px solid #dce7f1;
        z-index: 1052 !important;
}

.ui-menu-item:hover {
        background-color: #990000;
        color: #fff;
        z-index: 1052 !important;
}

.dropdown-item:hover {
        background-color: #990000;
        color: #fff !important;
        z-index: 1052 !important;
}

.layout-horizontal .main-navbar .submenu .submenu-group .submenu-item a:hover {
        background-color: #990000;
        color: #fff !important;
        z-index: 1052 !important;
        border-radius: 5px;
}

.layout-horizontal .main-navbar ul>.menu-item {
        padding: 5px;
}

.layout-horizontal .main-navbar ul>.menu-item:hover {
        background-color: #fff;
        color: #990000 !important;
        z-index: 1052 !important;
        border-radius: 5px;
}

.layout-horizontal .main-navbar ul>.menu-item:hover span {
        background-color: #fff;
        color: #990000 !important;
        z-index: 1052 !important;
        border-radius: 5px;
}

.dropdown {
        padding: 5px;
}


.confetti-pieceper {
        position: absolute;
        width: 8px;
        height: 12px;
        background: #ff0000;
        top: 0;
        opacity: 0;
}

.confetti-pieceper:nth-child(1) {
        left: 7%;
        transform: rotate(-45deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 251ms;
        animation-delay: 251ms;
        -webkit-animation-duration: 1085ms;
        animation-duration: 1085ms;
}

.confetti-pieceper:nth-child(2) {
        left: 14%;
        transform: rotate(-60deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 442ms;
        animation-delay: 442ms;
        -webkit-animation-duration: 750ms;
        animation-duration: 750ms;
}

.confetti-pieceper:nth-child(3) {
        left: 21%;
        transform: rotate(35deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 187ms;
        animation-delay: 187ms;
        -webkit-animation-duration: 862ms;
        animation-duration: 862ms;
}

.confetti-pieceper:nth-child(4) {
        left: 28%;
        transform: rotate(66deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 342ms;
        animation-delay: 342ms;
        -webkit-animation-duration: 1006ms;
        animation-duration: 1006ms;
}

.confetti-pieceper:nth-child(5) {
        left: 35%;
        transform: rotate(-59deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 457ms;
        animation-delay: 457ms;
        -webkit-animation-duration: 737ms;
        animation-duration: 737ms;
}

.confetti-pieceper:nth-child(6) {
        left: 42%;
        transform: rotate(-44deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 260ms;
        animation-delay: 260ms;
        -webkit-animation-duration: 738ms;
        animation-duration: 738ms;
}

.confetti-pieceper:nth-child(7) {
        left: 49%;
        transform: rotate(70deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 339ms;
        animation-delay: 339ms;
        -webkit-animation-duration: 970ms;
        animation-duration: 970ms;
}

.confetti-pieceper:nth-child(8) {
        left: 56%;
        transform: rotate(34deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 74ms;
        animation-delay: 74ms;
        -webkit-animation-duration: 818ms;
        animation-duration: 818ms;
}

.confetti-pieceper:nth-child(9) {
        left: 63%;
        transform: rotate(-46deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 240ms;
        animation-delay: 240ms;
        -webkit-animation-duration: 1082ms;
        animation-duration: 1082ms;
}

.confetti-pieceper:nth-child(10) {
        left: 70%;
        transform: rotate(-74deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 28ms;
        animation-delay: 28ms;
        -webkit-animation-duration: 1105ms;
        animation-duration: 1105ms;
}

.confetti-pieceper:nth-child(11) {
        left: 77%;
        transform: rotate(-55deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 439ms;
        animation-delay: 439ms;
        -webkit-animation-duration: 1172ms;
        animation-duration: 1172ms;
}

.confetti-pieceper:nth-child(12) {
        left: 84%;
        transform: rotate(31deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 476ms;
        animation-delay: 476ms;
        -webkit-animation-duration: 1067ms;
        animation-duration: 1067ms;
}

.confetti-pieceper:nth-child(13) {
        left: 91%;
        transform: rotate(-28deg);
        -webkit-animation: makeItRain 1000ms infinite ease-out;
        animation: makeItRain 1000ms infinite ease-out;
        -webkit-animation-delay: 88ms;
        animation-delay: 88ms;
        -webkit-animation-duration: 881ms;
        animation-duration: 881ms;
}

.confetti-pieceper:nth-child(odd) {
        background: #ff0000;
}

.confetti-pieceper:nth-child(even) {
        z-index: 1;
}

.confetti-pieceper:nth-child(4n) {
        width: 5px;
        height: 12px;
        -webkit-animation-duration: 2000ms;
        animation-duration: 2000ms;
}

.confetti-pieceper:nth-child(3n) {
        width: 3px;
        height: 10px;
        -webkit-animation-duration: 2500ms;
        animation-duration: 2500ms;
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
}

.confetti-pieceper:nth-child(4n-7) {
        background: #ff0000;
}

@-webkit-keyframes makeItRain {
        from {
                opacity: 0;
        }

        50% {
                opacity: 1;
        }

        to {
                transform: translateY(200px);
        }
}

@keyframes makeItRain {
        from {
                opacity: 0;
        }

        50% {
                opacity: 1;
        }

        to {
                transform: translateY(200px);
        }
}

label {
        color: #002129;
}

table .btn {
        margin: 2px !important;
}

.btn:hover {
        background-color: #990000 !important;
        border-color: #990000 !important;
        color: white !important;
}

.btn-info {
        color: white !important;
}

table .btn-warning {
        background-color: orange !important;
        border-color: orange !important;
        color: white !important;
}

table .btn-secondary {
        background-color: #6f42c1 !important;
        border-color: #6f42c1 !important;
        color: white !important;
}

#sidebar .logo {
        font-size: 8.5pt;
        text-align: center;
        margin: 0;
        padding: 0 10px !important;
}

.sidebar-wrapper .sidebar-toggler.x {
        position: inherit;
        background-color: #ff0000;
        border-radius: 5px;
        color: white;
}

.sidebar-wrapper .sidebar-header img {
        width: 99%;
        padding: 0;
        margin: 0;
}

.layout-horizontal .header-top .container .img-logo {
        width: 4%;
        padding: 0;
        margin: 0;
        vertical-align: baseline !important;
}

.layout-horizontal .header-top .container .entidad-txt {
        width: 32%;
        font-weight: bolder;
        color: #990000;
        text-align: center;
        position: absolute;
        padding-left: 4%;
}

.layout-horizontal .header-top .container .img-logomd {
        width: 5%;
        padding: 0;
        margin: 0;
}

.layout-horizontal .header-top .container .entidad-txtmd {
        width: 46%;
        font-size: 0.75rem;
        font-weight: bolder;
        text-align: center;
        color: #990000;
        position: absolute;
        padding-left: 5.5%;
}

.layout-horizontal .header-top .container .img-logosm {
        width: 6%;
        padding: 0;
        margin: 0;
}

.layout-horizontal .header-top .container .entidad-txtsm {
        width: 40%;
        font-size: 0.4rem;
        font-weight: bolder;
        text-align: center;
        color: #990000;
        position: absolute;
        padding-left: 6.5%;
}

.burger-btn i:hover {
        background-color: #990000;
        color: white;
        border-radius: 5px;
        padding: 5px;
}

.card .card-header {
        border: none;
        padding: 0.5rem;
}

.nav-tabs .nav-link.active {
        background-color: #990000 !important;
        color: #ffffff !important;
        font-weight: bolder;
}

#auth #auth-right {
        background: linear-gradient(90deg, #00000000, #990000cc), url(/assets/images/bg/gscpp.jpg) !important;
        /* background: url(/assets/images/bg/gscpp.jpg) !important; */
        height: 100% !important;
        background-size: cover !important;
        background-repeat: no-repeat;
        background-position: center;
        filter: brightness(120%) contrast(90%) blur(0px) saturate(150%);
}

.text-bg-primary2 {
        background-color: #002499;
        color: #fff !important;
}

.border-entidad {
        border-color: #990000 !important;
        border-style: solid !important;
}

.nav-tabs li.nav-item:hover a {
        background-color: #D4A908 !important;
        color: #fff !important;
}

.nav-tabs .nav-link.active:hover {
        background-color: #D4A908 !important;
        color: #fff !important;
}

.badge.text-bg-light {
        border: 1px solid #dfdcdc;
}

.badge {
        margin: 2px !important;
}

.usuario:hover,
.usuario:focus {
        background-color: #990000;
        border-radius: 5px;
}

.usuario:hover .dropdown-text,
.usuario:focus .dropdown-text,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.dropdown-toggle:active {
        color: white !important;
}