/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 7, 2020, 2:18:18 PM
    Author     : maestro
*/

.bgimg-2 {
  background-image: url("Fondo.jpg");
  height: 100%;
  position: relative;
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #248085;
}

.bgimg-contratistas{
    background-image: url("Fondo_Contratistas.jpg");
  height: 100%;
  position: relative;
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #248085;
}

.blanco {
            background: #FFFFFF;   
            opacity: 0.9;
        }
        .borde_verde{
            border: 1px solid #248085 !IMPORTANT;
        }
        .borde_verde_abajo{
            border: none;
            border-bottom: 1px solid #248085; 
        }
.degradado_ligero {
            background: #008cff;}

.Texto_blanco {
            color: #FFFFFF;
        }
.azul_celeste {
            background: #7FC5FF;
        }
.Align_Centro{
            text-align: center !important;
        }        
.Align_Izquierda{
            text-align: left !important;
        }
        
        .naranja{
            background-color: orange;
        }
        
        .amarillo{
            background-color: #ffffa3;
        }
        
        .nunca{
            display: none;
        }
      .teclado_pantalla{  
        font-size: 45px;
        text-align: center;
        width: 100%;}
      
       @media (max-width:768px){
          .teclado_pantalla{
              font-size: 30px;
          }
      }
      
      .verde{
        background-color:   #a2d3a2;
      }
      .borde_izquierdo{
          border-left: #008cff solid 1px;
      }
      
      .cargando_iframe {
            background:url("Cargando_400.gif") center center no-repeat;
          }
            
          .Alinear_Ths th {
            text-align: center !important;
        }  
        
        .Alinear_Ths td{
             background-color: #ffffff7d;
        }
        
         .esconder_barra::-webkit-scrollbar {
            display: none;
          }
          
          .Espacio_Moviles{
    max-width: 40vw;
        }

        @media (max-width: 724px){
            .Espacio_Moviles{
                margin-top: 40px;
                max-width:  60vw;
            }
        }

.boton_sexy{
    margin: 10px;
    width: 50vw;
    border: 3px solid #248085 !IMPORTANT;
    border-radius: 10px;
}

.boton_sexy_contratistas{
    margin: 10px;
    width: 90vw;
    border: 3px solid #248085 !IMPORTANT;
    border-radius: 10px;
    background-color: #248085;
}

.boton_ssq{
    width: 90vw !IMPORTANT;
    background-color: #fec800;
    color: black;
    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);
}

.margin-0{
    margin: 0 !important;
}
@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); }
    }
    
     ::-webkit-scrollbar {
            width: 5px;
        }
        /* Barrita de scroll */
        ::-webkit-scrollbar-thumb {
            background: #248085; 
            border-radius: 5px;
          }

        /* Barrita de scroll cuando se presiona */
        ::-webkit-scrollbar-thumb:hover {
          background: #165154; 
        }
        
        input, select{
            border-radius: 8px;
        }