.my_filtro{display:flex;}
.tabla_fin{display:flex;justify-content: space-between;}
.paginacion{}
.zona_buttons{}
.zona_buttons .btn{margin-right:1em;}
.logotron{max-width:170px;}
.logotronMin{height:30px;display:none;}
.opacidad_50{opacity:0.5;}
.icon_desplegable{display:inline-flex;align-items:center;font-size:1.3em;}
.icon_tabla{width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;}
.tabla_pre{display:flex;flex-direction:row;justify-content:space-between;}
.tabla_pre1{}
.tabla_pre2{}
.tipo_platinum, .tipo_gold, .tipo_silver, .tipo_basic, .tipo_sin{padding:0.5em 1em;border-radius:1em;}
.tipo_platinum{background:#A9D86E;}
.tipo_gold{background:#FCB322;}
.tipo_silver{background:gray;}
.tipo_basic{background:#c86868;}
.tipo_sin{background:#d5d5d5;}
.tipo_platinum2{background:#A9D86E;}
.tipo_gold2{background:#FCB322;}
.tipo_silver2{background:gray;}
.tipo_basic2{background:#c86868;}
.tipo_sin2{background:#d5d5d5;}
.color_up{color:green;}.color_down{color:red;}
.footer{position:absolute;}
.list_result{}
.list_result li{display:flex;padding:1em;border-bottom:solid 1px #eaecef;}
.list_result li strong{width:200px;font-weight:normal;}
.colorDote1{color:red;}
.colorDote1_bg, .colorDote1_bg:hover{background:red;}
.colorDote1_br, .colorDote1_br:hover{border:red;}
.colorDote2_bg, .colorDote2_bg:hover{background:#3ba345;}
.colorDote2_br, .colorDote2_br:hover{border:#3ba345;}
.sizeIcon{font-size:1.5em;}
.sizeBandera{height:22px;margin-left:2em;}
.flexJust{display:flex;justify-content:space-between;}
.formPlaceholder{margin-top:5px;font-size:0.7em;color:darkgrey}

.controlBgCont{width:100%;display:block;padding-top:1em;margin:1em 0;border-top:double 3px #C3C3C3;}
.controlBg{display:flex;align-items:center;padding:1em 0;border-bottom:dotted 1px #C3C3C3;}
.colorBgItem{width:20px;height:20px;margin:0 0.5em;display:inline-block;border-radius:100%;border:solid 1px rgba(174,174,174,1.00);}
.BgColor{background:#f9fafb;}
.BgColor1{background:red;}
.BgColor2{background:yellow;}
.BgColor3{background:green;}
.alert-danger2 {width: 100%;color: rgba(144,76,89,1.00);background-color: #FBDFE4;border-color: #fcc4ce;}

.soporteColor1{color:green;}
.soporteColor2{color:orange;}
.soporteColor3{color:red;}
.soporteBgNoleido{background:#ecfaff;}

.breakFx{width:100%;height:1px;display:block;margin:1em 0;background:grey;}
.heigh1-5{height:1.5em;}
.flexBetween{display:flex;justify-content:space-between}


.paging_simple_numbers .pagination .paginate_button {border: solid 1px #e9ecef;}
.container-fluid {padding: 0 20px 55px;}
.checkbox{color:#212529;}
.chatonline li a{padding:0.5em;}
.chatonline li .active{background:#cfedff;}
.social-profile{background:steelblue;}
.btn-danger {
    background-color: #fb849b;
    border-color: #fb849b;
}
.labelDate{display:contents;}


.btn-blue{
    background-color: #009efb;
    border-color: #009efb;
    color: white;
}

table tr i.fas.fa-burn{color: #009efb;}
td.estado-correcto {color: #53c35f;}
td.estado-fallo {color: #f62d51;}

/* Select 2 */
.select2-container .select2-selection--single{
    height: 30px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-color: #eeeeee;
}


.select2-container{
    width: 100% !important;
}

.select2-results__option{
    cursor:pointer;
    transition: .25s all ease;
}
.select2-results__option:hover{
    background-color: #cdcdcd;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    position: relative;
    z-index: 10;
    background-color: white;
}

/* Dualist box */
.bootstrap-duallistbox-container .box1 > label,
.bootstrap-duallistbox-container .box2 > label {
    color: #929292;
}

.floating-labels .floating-labels-none label{
    position: unset;
}

/* Extra */
.floating-labels .focused-fixed label {
  top: -20px;
  font-size: 12px;
  color: #343a40; 
}

.estadisticas-filter {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: space-between;
}

.estadisticas-filter > div {
    display: flex;
    width: 60%;
    gap: 50px;
}
.estadisticas-filter.v2 > div {
    display: flex;
    width: 30%;
    gap: 50px;
}

.estadisticas-filter > div > div {
    width: 100%;
}

@media (max-width:768px) { 
    .logotron{display:none;}
    .logotronMin{display:block;}

    .tabla_pre{flex-direction:column;}
    .tabla_pre2{display:flex;}
    .tabla_pre2 input, .dataTables_filter{width:100%;}
    
    .list_result{margin:0;padding:0;}
    .list_result li{flex-direction: column;}
    .list_result li strong{width:auto;display:flex;}

    .estadisticas-filter {
        flex-direction: column;
        justify-content: flex-start;
    }
    .estadisticas-filter > div {
        width: 100%;
        gap: 50px;
    }
}