.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: #000D70 !important; */
}

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

/* Handle */
::-webkit-scrollbar-thumb {
        background: #000D70 !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: #0619a3 !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: #000D70 !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: #000D70;
        color: #fff;
        z-index: 1052 !important;
}

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

.layout-horizontal .main-navbar .submenu .submenu-group .submenu-item a:hover {
        background-color: #000D70;
        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: #000D70 !important;
        z-index: 1052 !important;
        border-radius: 5px;
}

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

.dropdown {
        padding: 5px;
}

.dropdown:hover {
        background-color: #000D70;
        color: #fff !important;
        z-index: 1052 !important;
        border-radius: 5px;
}

.dropdown:hover h6 {
        background-color: #000D70;
        color: #fff !important;
        z-index: 1052 !important;
        border-radius: 5px;
}

.user-menu h6:hover {
        color: #fff !important;
}

.dropdown:hover>p {
        background-color: #000D70;
        color: #fff !important;
        z-index: 1052 !important;
        border-radius: 5px;
}

.user-menu p:hover {
        color: #fff !important;
}

.navbar-expand .navbar-nav .nav-link:hover {
        color: #fff !important;

}

.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 {
        font-weight: bolder !important;
        color: #000D70;
}