:root {
    --info: #478bf3;
    --danger: #f94f4f;
    --warning: #fea45a;
    --success: #28d785;
    --primary: #589bff;
    --secondary: #af6ded;
    --pink: #f171b1;
}


/* General */
svg.svg-info {
    fill: var(--info);
}

svg.svg-danger {
    fill: var(--danger);
}

svg.svg-warning {
    fill: var(--warning);
}

svg.svg-success {
    fill: var(--success);
}

svg.svg-primary {
    fill: var(--primary);
}

svg.svg-secondary {
    fill: var(--secondary);
}

.modal form {
    overflow-y: auto;
}

span.obligatory{
    color: red;
}

@media(max-width: 500px) {

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_Filter {
        display: flex;
        justify-content: flex-start;
    }

    .dtr-control {
        display: flex;
        gap: 5px;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
        width: 20px;
        display: block;
        text-align: center;
        cursor: pointer;
    }

    .dataTables_wrapper>.row {
        overflow-x: auto;
    }
}

#mapageneral, #departamentos {
  scroll-margin-top: 100px;
}

a.custom-link {
    color: var(--primary);
    transition: .25s all ease
}

a.custom-link:hover {
    opacity: calc(0.8);
}

.alert .spinner-border {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.alertsArea .alert{
    display: flex;
    gap: 5px;
}

/* Users */
.dataTables_wrapper>div {
    padding: 10px 0;
}

/* Coordinators */
.wizard-tab .wizard-nav.dots .wizard-step:before {
    background: var(--primary);
}

/* Voters */
.votantes-container .card-header .choices {
    margin-bottom: 0 !important;
}

#votantesTable_wrapper>div {
    margin-bottom: 10px;
}

.semaphores>.form-check {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

.semaphores>.form-check label {
    margin-right: 5px;
}

.semaphore-select-0 {
    background: #525252;
    color: #fff;
}

.semaphore-select-1 {
    background: #28d785;
    color: #fff;
}

.semaphore-select-2 {
    background: #fea45a;
    color: #fff;
}

.semaphore-select-3 {
    background: #f94f4f;
    color: #fff;
}

.semaphore-select-4 {
    background: #e6e6e6;
    color: #393939;
}

.form-check .form-check-input {
    margin-left: -1.2em;
}

/* Estilo para el radio button cuando está seleccionado */
.semaphores input[type="radio"].form-check-input:checked {
    background-color: #589bff;
    border-color: #589bff;
}

/* Referidos */
#referidos-general-table_wrapper .dt-top .dt-filters{
    margin-left: auto;
}

@media(max-width: 500px){
    .dtr-data .btn-toggle{
        display: none;
    }
}

.filtro-general-div > .choices{
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .landing-body .main-content {
        padding-block-start: 0;
    }
}

/* Maps */
.gm-style-iw-chr{margin-bottom: -15px;}

.cluster-visible {
    line-height: 53px !important;
}

.btn-group btn {
    transition: .25s all ease;
}

.btn-group .active {
    background: var(--success) !important;
    border-color: var(--success) !important;
}

/* Wizard forms */
.wizard-step span.dot {
    align-content: center;
    font-size: 10px;
}

.wizard.wizard-tab .wizard-nav.dots .wizard-step.active~.wizard-step .dot{
    color: #a6a6a6;
}

.wizard-tab .wizard-nav.dots .wizard-step .dot{
    color: white;
}