@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");

body {
    font-family: "Roboto", sans-serif !important;
    background-color: white;
    font-weight: 400;
}

:root {
    --green: #8fce33;
    --blue: #161141;
    --white: white;
    --grey: #e7e7ec;
    --black: rgb(22, 22, 22);
    --grey-alt: #e7e7ec;
    --blue-alt: #007bff;
    --grey-new: #424051;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-info,
.btn-info:hover,
.btn-info:active {
    background-color: var(--green) !important;
    border: none !important;
    color: var(--black) !important;
}

.btn-danger {
    background-color: white !important;
    border: 1px solid var(--grey) !important;
    color: var(--black) !important;
}

body .text-primary {
    color: var(--blue) !important;
}

body .bg-gradient-primary {
    background: var(--white) !important;
}

body .navbar-top {
    background: var(--grey-new) !important;
}

body .navbar-vertical {
    border-right: 1px solid var(--grey);
}

.page-item.active .page-link {
    background: var(--blue-alt);
    border: var(--blue-alt);
}

body .card {
    background: var(--grey-alt);
}

body .card label {
    color: black;
    font-weight: bold;
}

body .table th {
    font-size: 0.9rem;
    color: #161141 !important;
    line-height: 30px !important;
    text-align: left !important;
    font-weight: bold !important;
    overflow: hidden !important;
    text-transform: none !important;
}

body .card .card-footer,
#form_search_table,
.card-header,
.pagination_responsive {
    background: #f5f8fa;
}

.thead-light {
    background: var(--grey);
}

body .table .thead-light th {
    background: transparent;
    border-color: #d1cfd9 !important;
}

body .page-link:hover {
    background: #e9ecef;
}

body .page-link {
    color: var(--blue-alt);
}

body .btn-primary,
body .btn-danger,
body .btn-primary:hover,
body .btn-danger:hover,
body .btn-primary:active,
body .btn-danger:active {
    box-shadow: none;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--green);
}

.dropdown-item.active,
.dropdown-item:active {
    background: var(--grey);
}

body small {
    color: black;
}

.bg-default {
    background: transparent !important;
}

.bottom_menu .text-danger {
    color: #f5365c !important;
}

.no_event {
    pointer-events: none;
}

#iframe_tos {
    width: 100%;
    height: 50vh;
}