html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 30px;
}



.dropdown-menu-dark {
    color: #fff;
    background-color: #153d77;
    border-color: rgba(0, 0, 0, 0.15);
}

    .dropdown-menu-dark .dropdown-item {
        color: #dee2e6;
    }

        .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.15);
        }

        .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
            color: #153d77;
            background-color: #fff;
        }

        .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
            color: #adb5bd;
        }

    .dropdown-menu-dark .dropdown-divider {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .dropdown-menu-dark .dropdown-item-text {
        color: #dee2e6;
    }

    .dropdown-menu-dark .dropdown-header {
        color: #adb5bd;
    }



.new-animation {
    animation-name: new-animation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.notifications {
    animation-name: notifications;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.notificationnav {
    animation-name: notificationnav;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes new-animation {
    0% {
        background-color: #153d77;
        left: 0px;
        top: 0px;
    }

    50% {
        background-color: #198754;
        left: 20px;
        top: 0px;
    }

    100% {
        background-color: #153d77;
        left: 0px;
        top: 0px;
    }
 }
@keyframes notifications {
    0% {
        background-color: #153d77;
        left: 0px;
        top: 0px;
    }

    50% {
        background-color: #198754;
        left: 20px;
        top: 0px;
    }

    100% {
        background-color: #153d77;
        left: 0px;
        top: 0px;
    }
}
@keyframes notificationnav {
    0% {
        background-color: #dc3545;
        
    }

    50% {
        background-color: #198754;
        
    }

    100% {
        background-color: #dc3545;
         
    }
}

.modal.fade .modal-dialog {
    transition: transform 0.10s ease-out;
    -webkit-transform: translate(0,0)scale(.5);
    transform: translate(0,0)scale(.5);
    transform-style: preserve-3d;
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: transform 0.10s ease-out;
    }
}

.modal.show .modal-dialog {
    transition: transform 0.5s ease-out;
    -webkit-transform: translate(0,0)scale(1);
    transform: translate(0,0)scale(1);
    transform-style: preserve-3d;
}


@media print {
    button {         
        display: none;
        visibility:hidden;
    }
    header {         
        display: none;
    }
    nav {         
        display: none;
    }
}
select>option {
    
}
select option:hover {
    background-color: #153d77 !important;
    color: #fff !important;
}

table thead {
    position: sticky;
    top: 0;
}

.text-caption {
    color: blue !important;
}

.bg-cyan {
    background-color: #0dcaf0 !important;
}

.wrapper {
    background: url('/images/hero-bg1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.birthday {
    background: url('/images/Birthday.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh !important;
    width: 100vw !important;
}