/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.8); /* Fondo transparente */
    border: 2.5px solid #2d2d2d; /* Borde de color #2d2d2d */
    border-radius: 50%; /* Mantiene el thumb redondo */
}

.bronce {
    color: #CD7F32;
}

.plata {
    color: #C0C0C0;
}

.oro {
    color: #FFD700;
}

.platino {
    color: #4cacd7;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../loader2.gif") center no-repeat #2c2e2f;
    background-size: 200px;
}

.captchaContainer {
    width: 140px;
    height: 60px;
}
/*
.editor-small > #descripcion_ifr {
    height: auto !important;
}
*/
.ocupacion {
    height: 800px !important;
    position: relative;
}

.tox .tox-edit-area__iframe {
    background-color: #333;
    color: #ffffff;
}

#qr, #qr div {
    background-color: white;
    color: black;
}

.ocupacion {
    height: 800px !important;
    position: relative;
}

.fc-day-header {
    width: 11% !important;
}

#ocupacion td {
    border-right: 1px solid #333739;
    padding: 1px;
}

.color_verde {
    color: rgba(86, 175, 48, 0.8);
}

.color_morado {
    color: purple;
}

.color_rosa {
    color: pink;
}


.uk-offcanvas-bar-large {
}

video.active {
    border: 5px green solid;
}

.enlacestreaming {
    background: none;
    animation: 3s infinite avisarstreaming;
}

@keyframes avisarstreaming {
    0% {
        background-color: #3e6e19;
    }
    50% {
        background-color: #539422;
    }
    100% {
        background-color: #3e6e19;
    }
}

.uk-dark {
    background: white;
    color: #ccc;
}

.select2 , .select2-selection {
    width: 100%!important;
    min-height: 45px;
}


.clickable-row { cursor: pointer; }


.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 200px;
    background: #565656;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 200px;
    background: rgba(255,255,255,.9);
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,.9);
    cursor: pointer;
}

input.noevaluado {
    background: gray;
}
input.menos3 {
    background: #e65171;
}

input.menos5 {
    background: #ffc15e;
}

input.menos8 {
    background: #63ae28;
}

input.mas8 {
    background: #0e5eb3;
}


/* The switch - the box around the slider */
.switch_onoff {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch_onoff input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider_onoff {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider_onoff:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider_onoff {
    background-color: #56af31;
}

input:focus + .slider_onoff {
    box-shadow: 0 0 1px #56af31;
}

input:checked + .slider_onoff:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider_onoff.round {
    border-radius: 34px;
}

.slider_onoff.round:before {
    border-radius: 50%;
}