.modalLoadingSpinner {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(1,1,1,0.8);
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.modalLoadingSpinner > div {
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

ul.ul1 { margin-left: 0.4em; }
ul.ul1 li { position:relative; padding-left: 1.3em; }
ul.ul1 li::before {
    content:'\2022  ';
    position:absolute;
    left:0; top:0.3em;
    font-size:2em; line-height:0;
}
ul.ul1 li li::before {
    content: '\25E6 ';
    font-weight:100;
    font-size: 3em;
    top: 0.2em;
}

.fix-append-end input {
    flex:1;
}
.fix-append-end .input-group-append {
    margin-top: 4px;
}
.fix-append-end .input-group-text {
    border-radius:0 0.375rem 0.375rem 0;
    height:42px;
    cursor:pointer;
}


.check-v1 input[type=checkbox] {
    display:none;
}

.check-v1 input[type=checkbox] + span:after {
    margin-right:8px;
    font:normal normal 32px "Font Awesome 6 Free";
    content:'\f0c8';
}

.check-v1 input[type=checkbox]:checked + span:after {
    font-weight:900;
    content:'\f14a';
}

.check-v1 input[type=radio] {
    display:none;
}

.check-v1 input[type=radio] + span:after {
    margin-right:8px;
    font:normal normal 32px "Font Awesome 6 Free";
    content:'\f111';
}

.check-v1 input[type=radio]:checked + span:after {
    font-weight:900;
    content:'\f058';
}

.f-referencia h4 { color: red; }
.f-referencia input { border: 2px solid red; }
.f-referencia input:focus { border: 2px solid red; box-shadow:none;  outline:none; }

.dt-referencia { color:red !important; }

.radio-categoria { display:flex; align-items:center; }

.f-fecha_seguimiento { max-width:280px; flex-direction:column; }

tr.tr-green td { color:#93C47D; }
tr.tr-yellow td { color:#F1C233; }
tr.tr-red td { color:#F70503; }
tr.tr-bg-gray td { background:whitesmoke; }

.title-seguimientos { font-size:24px; margin:18px 0 6px; }
[v-cloak] { display:none; }

@media screen and (max-width:440px){
    .f-fecha_llamada,
    .f-hora_llamada,
    .f-referencia,
    .f-balance,
    .f-nuevo_balance {
        flex-direction:column;
    }
}

.wrap_vista_agente_supervisor { width:200px; }

.wrap_vista_agente_supervisor .select2-selection--single,
.wrap_vista_agente_supervisor .select2-selection__arrow {
    height: 40px !important;
    padding: 6px 0;
}

.lista-tareas td { white-space: nowrap; padding:0 8px; }

.section-dashboard #dashboardTabs { margin-top:60px; }
.section-dashboard .tab-content { padding:0 20px; }