@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.photoupload {
    height: 200px;
    min-width: 200px;
}

.custom-file-label::after {
    content: 'Selecionar';
}

div.loader:before, #loader-1:after {
    content: "";
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #3c8dbc;
}

div.loader:before {
    z-index: 100;
    animation: spin 1s infinite;
}

div.loader:after {
    border: 10px solid #ccc;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    min-height: 38px;
    border-color: #ced4da;
}

.dropdown-menu li:hover {
    background-color: #F1F1F1;
}
.dark-mode .navbar-white {
    background-color: #343a40;
}

.dark-mode .main-header {
    border-bottom: 1px solid #4b545c;
}

.dark-mode .navbar-light .navbar-nav .nav-link {
    color: rgb(250 250 250 / 50%);
.dark-mode .text-gray {
    color: #c9ccce!important;
}

.dark-mode .text-info {
    color: #ffffff!important;
}
.dark-mode .main-header {
    border-bottom: 1px solid #4b545c;
}

.dark-mode .navbar-light .navbar-nav .nav-link {
    color: rgb(250 250 250 / 50%);
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.dark-mode .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #343a40;
}

.dark-mode .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #fff;
    background-color: #343a40;
}

.dark-mode .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {
    color: #dee2e6;
}

.dark-mode .swal2-popup.swal2-toast{
    background: #343a40;
}

.dark-mode .swal2-popup{
    color: #e9ecef;
}

.dark-mode .list-unstyled{
    color: #343a40;
}