/* 
    Created on : 22 feb. 2020, 12:12:07
    Author     : maestro
    Updated on : 18 oct 2022
*/
        body{
            background: #FFFFFF;
        }
        iframe{
            border: none;
        }
        
        .degradado {
            background: rgb(0,19,168);
            background: linear-gradient(180deg, rgba(0,19,168,1) 0%, rgba(87,87,255,1) 43%, rgba(0,212,255,1) 100%);}

        .degradado_ligero {
            background: #008cff;}
        
        .azul_ligero {
            background: #a5fdff;    
        }
        .azul_celeste {
            background: #7FC5FF;
        }
        .verde_claro {
            background: #C5FF7F;
        }
        
        .blanco {
            background: #FFFFFF;    
        }
        .gris {
            background: #d9dbde;
        }
        .naranja {
            background: #ffb100;    
        }
        
        .azul_claro {
            background: #e8ebff;    
        }
        
        .Texto_gris {
    /*        color: #FFFFFF;*/
            color: #363638;
    /*        color: #4d4d4f;*/
        }
        
        .Texto_blanco {
            color: #FFFFFF;
        }
        .Scrol_Horizontal{
            overflow-x: scroll;
        }
        .Align_Derecha{
            text-align: right !important;
        }
        .Align_Izquierda{
            text-align: left !important;
        }
        .Align_Centro{
            text-align: center !important;
        }
        .Align_Just{
            text-align: justify !important;
        }
        .Alinear_Ths th input{
            text-align: center !important;
        }
        .Alinear_Ths th {
            text-align: center !important;
        }    
        .Alinear_Ths tr:first-child {
            position: sticky;
            top:-1;
        }
        
        
        
        .cargando_iframe {
            background:url(https://solucionessq.com/SIF/Utilidades/Cargando_400.gif) center center no-repeat;
          }
          #Modal_Cargando div:first-of-type{
              background-color: transparent;
          }  
          
         .Sin_Wrap{
              white-space: nowrap;
          }  
          .Ancho_Minimo td{
              min-width: 120px;
          }
          .boton_ordenar{
              width: 40%;
          }   
          .boton_ordenar i{
              color: #FFFFFF;
              background: #008cff;
              border-radius: 50%;
              padding: 0px 5px 0px 5px;
          }
        .borde_verde{
            border: 1px solid #84cd26 !IMPORTANT;
        }
        .borde_verde_abajo{
            border: none;
            border-bottom: 1px solid #84cd26; 
        }
        #barra_superior{
            padding: 0px 10px;
        }
        
        ::-webkit-scrollbar {
            width: 5px;
        }
        /* Barrita de scroll */
        ::-webkit-scrollbar-thumb {
            background: #7FC5FF; 
            border-radius: 5px;
          }

        /* Barrita de scroll cuando se presiona */
        ::-webkit-scrollbar-thumb:hover {
          background: #008cff; 
        }
        
        .boton_ssq{
    color: white;
    margin: 5px 0px;
    align-self: flex-end;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    }

    .salto_ssq{
        animation-name: salto_ssq;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes salto_ssq {
            0%   { transform: scale(1,1)      translateY(0); }
            6%  { transform: scale(1.08,.92)   translateY(0); }
            18%  { transform: scale(.92,1.08)   translateY(-5px); }
            32%  { transform: scale(1.03,.97) translateY(0); }
            40%  { transform: scale(1,1)      translateY(-2px); }
            45%  { transform: scale(1,1)      translateY(0); }
            100% { transform: scale(1,1)      translateY(0); }
        }
        
        .FIE_save-file-name-input, .SfxSelect-Container{ /* Ocultar nombre, tipo y calidad en editor de imágenes */
            display: none !IMPORTANT;
        }

.crecer { 
transition: all .2s ease-in-out; 
}

.crecer:hover { 
transform: scale(1.3); 
}

.input_SQ{
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

                .autocomplete {
                /*the container must be positioned relative:*/
                position: relative;
                display: inline-block;
            }
            .autocomplete-items {
                position: absolute;
                border: 1px solid #d4d4d4;
                border-top: none;
                z-index: 99;
                /*position the autocomplete items to be the same width as the container:*/
                top: 100%;
                left: 0;
                right: -300px;
                overflow-y: scroll;
                max-height: 50vh;
            }
            .autocomplete-items div {
                padding: 4px;
                cursor: pointer;
                background-color: #fff;
            }

            .autocomplete-items .w3-quarter{
                text-align: center;
            }

            .autocomplete .w3-row{
                border-bottom: 1px solid #d4d4d4;
            }


            .autocomplete-items div:hover {
                /*when hovering an item:*/
                background-color: #e9e9e9;
            }
            .autocomplete-active {
                /*when navigating through the items using the arrow keys:*/
                background-color: DodgerBlue !important;
                color: #ffffff;
            }