/*

=============================================
               E X T R A S
=============================================
Color Institucional: #134E39
Color Institucional Claro: #2DB585
Rojo: #d43f3a

Color Institucional VERDE OBSCURO de la página del IMSS
HEX #13322B 
RGB 19, 50, 43 

Color Institucional DORADO de la página del IMSS
HEX #B38E5D 
RGB 179, 142, 93 

Color Institucional: Verde *PMS(Pantone Matching System) 561 al 100%
Color Institucional: #00594c (0, 89, 76)
Color Institucional Claro: #2DB585
Rojo: #d43f3a

*/

.footer-aeropuerto {
    
  background-color: #416D5E;
  padding: 0.7rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3rem;
  color: white;
}

.clockComedor {
    
    font-family: monospace;
    font-size: 1.5rem;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
/*    text-shadow: 
        0 0 10px rgba(0, 89, 76, 0.6)
        , 0 0 8px rgba(0, 89, 76, 0.4)
        ;*/
}

/* Clase para Elementos Parpadeantes n numero de veces */
.elementoParpadeanteTemporal {

    animation-name: parpadeo;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: 10;

    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 10;
}

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {  
    
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
    
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes parpadeo {
    
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.required-field {
    border-color: #CD5C5C;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(205,92,92,0.75);
}

.warning-field {

    border-color: #ff0;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(240,173,78,0.75);
}

.selected-field {
    border-color: #007bff;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,123,255,0.75);
}

.margin-top {
    margin-top: 1em;
}

.margin-top-2x {
    margin-top: 2em;
}
.margin-left {
    margin-left: 1em;
}

.margin-bottom {
    margin-bottom: 1em;
}

.salto-linea {
    clear: initial;
}

.align-right {
    float: right;
}

.align-top-text {
    vertical-align: top;
}

.color-inst {
    color: #134E39;
}

/*++++++++++ CALENDAR TABLE +++++++++*/

.table-calendar {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

.table-calendar th, .table-calendar td {
    text-align: center;
    padding: 0.2em;
}

.table-calendar tr:nth-child(even) {
    background-color: #f2f2f2
}

.circle-mini {
    width: 1.5em;
    border-radius: 1em;
}

.selected-field-blue {
    border-color: #2184BE;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(33,132,190,0.75);
}

.selected-field-green {
    border-color: #3D8B3D;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(61,139,61,0.75);
}

.font-size-0p7em {
    font-size: 0.7em;
}

.font-size-0p8em {
    font-size: 0.8em;
}

.font-size-1em {
    font-size: 1em;
}

.font-size-1p2em {
    font-size: 1.2em;
}

.font-size-1p3em {
    font-size: 1.3em;
}

.font-size-1p5em {
    font-size: 1.5em;
}

.color-female {
    /*color: #FF00FF;*/
    color: #FF3D9E;
}

.color-male {
    color: #2184be;
}

.color-warning {
    color: #F29A30;
}

.text-gold {
    color: gold;
}

.background-female-alpha-0_6 {
     background-color: rgba(255,61,158,0.6) !important;
}

.background-male-alpha-0_6 {
     background-color: rgba(51,122,183,0.6) !important;
}

.background-primary {
     background-color: rgba(51,122,183,1) !important;
}

.background-primary-alpha-0_7 {
     background-color: rgba(51,122,183,0.7) !important;
}

.background-primary-alpha-0_3 {
     background-color: rgba(51,122,183,0.3) !important;
}

.background-success-alpha-0_7 {
     background-color: rgba(61,139,61,0.7) !important;
}

.background-green-alpha-0_7 {
    /*#06B906;*/
     background-color: rgba(6,185,6,0.7) !important;
}

.background-green-alpha-0_3 {
    /*#06B906;*/
     background-color: rgba(6,185,6,0.3) !important;
}

.background-green-alpha-0_15 {
    /*#06B906;*/
     background-color: rgba(6,185,6,0.15) !important;
}

.background-yellow {
    /*#ED9C28;*/
     background-color: rgba(237,156,40,1) !important;
}

.background-yellow-alpha-0_7 {
    /*#ED9C28;*/
     background-color: rgba(237,156,40,0.7) !important;
}

.background-yellow-alpha-0_5 {
    /*#ED9C28;*/
     background-color: rgba(237,156,40,0.5) !important;
}

.background-yellow-alpha-0_3 {
    /*#ED9C28;*/
     background-color: rgba(237,156,40,0.3) !important;
}

.background-red-alpha-0_7 {
     background-color: rgba(231,76,60,0.7) !important;
}

.background-red-alpha-0_5 {
     background-color: rgba(231,76,60,0.5) !important;
}

.background-red-alpha-0_3 {
     background-color: rgba(231,76,60,0.3) !important;
}

.background-red-alpha-0_15 {
     background-color: rgba(231,76,60,0.15) !important;
}

.background-purple-alpha-0_3 {
     background-color: rgba(108, 52, 131,0.3) !important;
}

.bg-red {
    color:#fff;
    background-color: #c9302c;
}

.bg-yellow {
    color:#fff;
    background-color: #ED9C28;
}

.font-bold {
    font-weight: bold;
}

.font-italic {
    font-style: oblique; 
}

.font-disabled {
    color: #999;
    font-style: oblique;
}

.font-disabled-white-bold {
    color: #FFF;
    font-style: oblique;
    font-weight: bold;
}

.font-white-bold {
    color: #FFF;
    font-weight: bold;
}

.display-no {
    display: none;
}

.microfono {
    border-style: none;
    cursor: pointer;
    width: 6em;
    padding-bottom: 0.5em;
    /*display: block;*/
}

.titulo-aeropuerto-deportivos {
    font-family: Georgia;
    color: #416d5e;
    text-shadow: 1px 2px 3px rgba(0,0,0,.5);
}

.input-text-aeropuerto-deportivos {
    height: 4rem;
    font-size: 2.5rem;
    text-align: center;
}

.foto-aeropuerto-deportivos {
    height: 14rem;
    border: 1px solid #00594c;
    border-radius: 6px;
}

.requerido {
    color: red;
    font-weight: bold;
}

.underline {
    text-decoration: underline; 
}