polizia_frascati/public/dist/css/app.css

.btn-danger,
.bg-primary,
.text-primary,
.border-primary
.card-primary{
    background-color: #1F7A8C !important;
    color: #fff !important;
    border-color: #1F7A8C !important;
}
.btn-primary,
.bg-danger,
.text-danger,
.border-danger {
    background-color:  #023047!important;
    color: #fff !important;
    border-color: #023047!important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #1F7A8C;
    background-color: #1F7A8C;
    box-shadow: none;
}

.page-item.active .page-link {
    color: #fff!important;
    background-color: #023047 !important;
    border-color: #023047 !important;
}
.page-link {
    color: #023047 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.btn-success,
.bg-success,
.text-success,
.border-success {
    background-color:  white!important;
    color: #023047 !important;
    border-color: #023047!important;
}
.tabs-container {
    font-family: Arial, sans-serif!important;
}

.nav-item {
    flex: 1!important;
    text-align: center!important;
}

.nav-item {
    flex: 1!important;
    text-align: center!important;
}
.nav-sidebar .nav-item {
    flex: 1!important;
    text-align: left!important;
}

.nav-link {
    display: block!important;
    font-size: 14px!important;
    text-decoration: none!important;
    color: black!important;
    border: 1px solid transparent!important;
    background-color: #e2e3e7!important;
    font-weight: normal!important;
    transition: all 0.3s ease!important;
}

.nav-link:hover {
    color: #023047!important;
    font-weight: bold!important;
}

.nav-link.active {
    background-color: #023047!important;
    color: white!important;
    font-weight: bold!important;
    border: none!important;
}

.nav-item .nav-link.active {
    background-color: #023047!important;
    color: white!important;
}

.nav-item .nav-link.active:hover {
    background-color: #023047!important;
    color: white!important;
}

.nav-item .nav-link.active {
    background-color: #023047!important;
    color: white!important;
}

.nav-item .nav-link.active:hover {
    background-color: #023047!important;
    color: white!important;
}

.divider {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.modal-fullscreen-xl {
    max-width: 100% !important;
}

div.modal-body>div.card>.card-header {
    background-color: gray !important;
    color: white !important;
}

.select2 {
    width: 100% !important;
    border-radius: .25rem !important;
}

.select2-selection:before,
.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.select2-search,
.select2-selection,
.select2-search input,
.select2-results {
    background: #fff !important;
    color: #000000 !important;
}

.select2-selection__rendered,
.select2-selection__choice {
    color: black !important;
}

select,
select option,
.select2 {
    background: #fff !important;
    color: #000000 !important;
}

.card-primary > .card-header{
    background-color: #d1e6f9!important;
    color:black!important;
    font-weight: bold;
}

.card-primary.card-outline {
    border-top: none !important;
}

.select2-selection__arrow {
    display: none !important;
}

.select2-selection:before,
.select2-selection--multiple:before {
    content: "";
    color: black;
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid black;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.select2-container--bootstrap4 .select2-results__option--highlighted{
    background-color: #023047 !important;
    color: white !important;
}

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #023047 !important;
    background-color: #023047 !important;
    box-shadow: none;
}

.modal-dialog {
    max-height: 90vh;
}

.modal-content {
    height: 90vh;
    overflow-y: auto;
}
.select2-container--open {
    z-index: 9999;
}