@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");

body {
    font: normal 75% "Montserrat", Arial, Helvetica, sans-serif !important;
}

.no-shadow {
    box-shadow: none !important;
}

.form-control {
    color: #67757c !important;
    font-size: 14px !important;
}

.bg-purple {
    background-color: #6272a4 !important;
    border-color: #6272a4;
}

.bg-inverse {
    background: #242a33 !important;
}

.bg-header {
    background-color: #434c5b !important;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) !important;
}

.bg-disable {
    background-color: #6c757d !important;
    border-color: #6c757d;
    ointer-events: none;
    opacity: .65;
}

.table-inverse {
    --bs-table-color: #fff;
    --bs-table-bg: #242a33;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.text-gold {
    color: #e0d38c !important;
}

.text-warning {
    color: #ffb22b !important;
}

.text-blue {
    color: #57a2fe !important;
}

.text-brown {
    color: #c3ae3e !important;
}

.text-grey {
    color: #a6b7bf !important;
}

.golden-yellow {
    color: #646404 !important;
}

.text-theme {
    color: #242a33 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fs-1rem {
    font-size: 1rem !important;
}

.fs-small {
    font-size: 80% !important;
    font-weight: 400 !important;
}

.fs-md {
    font-size: .85rem !important;
}

.fs-sm {
    font-size: 75% !important;
}

.fs-xs {
    font-size: 10px !important;
}

.vh-95 {
    height: 95vh !important;
}

.vh-40 {
    height: 40vh !important;
}

.p-05 {
    padding: .15rem !important;
}

.pulse {
    animation: animate 3s linear infinite;
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgb(255, 109, 74, 0.7), 0 0 0 0 rgb(255, 109, 74, 0.7)
    }

    40% {
        box-shadow: 0 0 0 10px rgb(255, 109, 74, 0), 0 0 0 0 rgb(255, 109, 74, 0.7)
    }

    80% {
        box-shadow: 0 0 0 10px rgb(255, 109, 74, 0), 0 0 0 10px rgb(255, 109, 74, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(255, 109, 74, 0), 0 0 0 10px rgb(255, 109, 74, 0)
    }
}

.col-box {
    flex: 0 0 auto;
    width: 98%;
}

/* .nav-link {
    color: #FFFFFF !important;
} */

.nav-link:hover,
.nav-link.active {
    color: #e0d38c !important;
}

.nav-dropdown:hover .nav-item-dropdown {
    display: block;
    margin-top: 0;
    /* remove the gap so it doesn't close */
}

.navbar-nav>li>.dropdown-menu {
    background-color: #a19657 !important;
}

.navbar-nav>li>.dropdown-menu a {
    color: #FFFFFF;
    font-size: 80% !important;
}

.navbar-nav>li>.dropdown-menu a:hover {
    background-color: #242a33;
}

#gritter-notice-wrapper.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.footer {
    color: #9a9a9a;
    padding: 17px 15px;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    background: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.min-vh-75 {
    min-height: 75vh !important;
}

/* margin menu with content page */
@media (min-width: 768px) {
    .page-content {
        margin-top: 130px;
    }
}

@media (max-width: 767px) {
    .page-content {
        margin-top: 215px;
    }
}

@media (min-width: 768px) {
    .page-title {
        margin-top: 1%;
    }
}

@media (max-width: 767px) {
    .page-title {
        margin-top: 11%;
    }
}