/*Titulos del Tema*/

.theme-orange .metismenu li.header{
    color:#FFA117;
}

.theme-cyan .metismenu li.header{
    color:#17C2D7;
}

.theme-green .metismenu li.header{
    color:#5CB65F;
}

.theme-blush .metismenu li.header{
    color:#e25985;
}

.theme-indigo .metismenu li.header{
    color:#9367B4;
}

.theme-red .metismenu li.header{
    color:#E15858;
}

.theme-orange .user-account .user-name{
    color:#FFA117;
}

.theme-cyan .user-account .user-name{
    color:#17C2D7;
}

.theme-green .user-account .user-name{
    color:#5CB65F;
}

.theme-blush .user-account .user-name{
    color:#e25985;
}

.theme-indigo .user-account .user-name{
    color:#9367B4;
}

.theme-red .user-account .user-name{
    color:#E15858;
}

/* Hide Scroll */
body::-webkit-scrollbar {
    display: none;
}

/* Search Bar */

.search_div{
    overflow: overlay;
}

.search_div::-webkit-scrollbar {
    display: none;
}


/* Columnas Visibles */

.dropdown-item.active{
    color:black;
}

/* SweetAlert*/
.swal-footer {
    text-align: center;
}

/*Fixed Header*/
.fixedHeader-floating{
    top:65px !important;
}

/*Botones Datatable*/
.dt-buttons a{
   margin-bottom:5px; 
}

.dataTables_info{
    white-space: break-spaces !important;
}

/*LeftMenu*/
#left-sidebar{
    background-image:url("../images/4.jpg");
    background-size: cover;
    box-shadow: 2px 2px 5px #999;
}

 .light_version #left-sidebar{
    background-image:url("../images/4b.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

/* Iconos Inicio */

.barcode{
    color:Gold;
    font-size:1.2em;
}

.barcode:hover{
    color:DarkOrange;
}

.tag{
    color:MediumSeaGreen;
    font-size:1.2em;
}

.tag:hover{
    color:SeaGreen;
}

.bag{
    color:#FA9E1F;
    font-size:1.2em;
}

.bag:hover{
    color:#E96D01;
}

.informacion{
    color:DeepSkyBlue;
}

.informacion:hover{
    color:#008B8B;
}

.sinstock{
    color:#E15858;
}

.sinstock:hover{
    color:red;
}

.campana{
    color:gold;
}

.campana:hover{
    color:yellow;
}

.reloj{
    color:DarkOrange;
}

.reloj:hover{
    color:	OrangeRed;
}

.navbar-nav .dropdown-menu li.header.orange{background:linear-gradient(135deg, rgba(255,140,0,0.5) 0%, rgba(255,140,0,0.5) 100%)}
.navbar-nav .dropdown-menu li.header.orange::after{background:url("../../../assets/images/image-gallery/5.jpg") repeat scroll center bottom/cover;opacity:0.6}

.logout{
    color:tomato;
}

.logout:hover{
    color:red;
}

/* Letra Multicolor */

#shadowBox {
    background-color: rgba(0, 0, 0, 0.1);
    /* Black w/opacity/see-through */
}

.rainbow {
    text-align: center;
    text-decoration: underline;
    font-size: 16px;
    
    font-family: Montserrat, sans-serif;
    font-weight: bold;
}
.rainbow:hover {
    text-decoration: underline !important;
}
.rainbow_text_animated {
    /* Fondo Multicolor
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff); */
    background: -webkit-linear-gradient(transparent, transparent),
    url(../images/gold-metal-texture.jpg) repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 3s ease-in-out infinite;
    background-size: 400% 200%;
    font-weight: 900;
}

.rainbow_text_platinum {
    /* Fondo Multicolor
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff); */
    background: -webkit-linear-gradient(transparent, transparent),
    url(../images/platinio.jpg) repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size:18px !important;
    animation: rainbow_animation 2s ease-in-out infinite;
    background-size: 400% 100%;
    font-weight: 900;
}

.rainbow_text_black {
    -webkit-text-fill-color: azure;
    -webkit-text-stroke: 0.5px black;
    font-size:18px !important;
    font-weight: 900;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 80% 0;
    }
}


/* Loader Lion Stock */

#myOverlay{
    position:fixed;
    height:100vh;
    width:100vw;
    background:black;
    opacity:.7;
    z-index:2;
/*  transition: 0.5s ease;  */
    display:none;
}

#myOverlay img{
    top: 40vh;
    left: 50vw;
    z-index:3;
    position: fixed;
}

.cargando{
    top: 70vh !important;
    width: 250px;
}


/* Chechbox */

.switchBtn {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 34px;
}
.switchBtn input {display:none;}
.slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 5px;
    color: #fff;
}
.slide:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 78px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slide {
    background-color: LimeGreen;
    padding-left: 40px;
}
input:focus + .slide {
    box-shadow: 0 0 1px #01aeed;
}
input:checked + .slide:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -20px;
}
.slide.round {
    border-radius: 34px;
}
.slide.round:before {
    border-radius: 50%;
}


/* DataList */


input[name="productName[]"] {
  font-size: 18px;
  padding: 5px;
  height: 35px;
  width: 380px;
  max-width: 100%;
}

input[name="cliente"] {
  font-size: 18px;
  padding: 5px;
  height: 35px;
  width: 300px;
}

/* Ranking Ventas */

.anychart-credits-text{display:none;}.anychart-credits-logo{display:none;}


/* Valores Tablero */

.valores{
    font-size:2em;
}

/* Alerta Toast */

.ocultartoast{
    margin-right: -350px
}

@media only screen and (max-width : 900px) {
    #myOverlay img{
        left: 25vw;
    }
    
    .fixedHeader-floating{
        top:50px !important;
    }
    
    #left-sidebar-nav{
        font-weight: bold;
    }
    
    .valores{
        font-size:1.4em;
    }
}