/*************************/
 /*    CLASES STANDARD    */
 /*************************/

 .ui-datepicker-trigger {
     vertical-align: middle !important;
     margin-bottom: 1px;
     margin-left: 2px;
 }
 .dialog-fieldset {
     margin: 1em auto;
     padding: 1em;
 }

 .dialog-fieldset label {
     float: left;
     width: 32%;
     text-align: right;
 }

 BODY {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
 }

 /* TITULO PRINCIPAL */
 H1 {
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-right: 3px;
    padding-left: 30px;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
     color: #0096d3;
     font-weight: bold;
    text-decoration: none;
    margin:0px;
 }

 /* TITULO SECUNDARIO */
 H2 {
    padding-right: 5px;
    padding-left: 15px;
    text-align: left ;
    /*color: #072f67;*/
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    border-style: none;
    border-width: 0px;
 }

 /* BOTONERA */
 H3 {
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 15px;
    text-align: right ;
    font-weight: normal;
    font-style: normal;
    border-style: none;
    border-width: 0px;
 }

 /* Texto de comentarios (NO EDITADO)*/
 H4 {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 12px;
    color: #072f67;
    background-color: #eeeeee;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: left ;
    width: 90%;
    margin-left: 30px
 }

 TABLE {
    /*background-color: #f5f5f5;*/
    margin-left: 15px;
    width: 95%;
    clear: none;
    float: none;
    border-style: solid;
    border-width: 1px;
    border-top: 1px solid #eee;
     border-left: 0px;
     border-right: 0px;
    border-bottom: 1px solid #eee;
    border-radius: 0px;
    collapse : collapse;
    font-size: 13px;
 }

 /* Etiquetas o cabeceras de listados */
 TH {
    padding: 2px;
    text-align: center;
    font-weight: 700;
    color: #2996d3;
 }

 TD {
    color: #1d1d1d;
    font-weight: normal;
    /*background-color: #ffffff;*/
    padding: 2px;
    text-align: left;
     padding-top: 15px;
 }

 TFOOT {
     border:  none;
     align: right ;
 }
 .tabla-contenido-centralizado td {
     text-align: center;
 }

 .table-beagle {
     border-spacing: 0;
     border-collapse: collapse;
     background-color: transparent;
 }

 .table-beagle th {
     vertical-align: middle;
     border-bottom: 0;
     text-align: center;
     padding: 10px 5px;
     background-color: #0096d3;
     color: #fff;
     font-size: 13px;
 }

 .table-beagle>tbody>tr>th, .table-beagle>tfoot>tr>th, .table-beagle>thead>tr>th {
     border: 1px solid #ddd;
     text-align: center;
 }

 .table-beagle td {
     border: 1px solid #ddd;
     vertical-align: middle;
     text-align: center;
     padding: 10px 5px;
     font-size: 13px;

 }

 .table-beagle>tr>td,
 .table-beagle>tr>th {
     padding: 5px;
     border-top: 1px solid #ddd;
 }

 .table-beagle.bordered>tr>td,
 .table-beagle.bordered>tr>th {
     border: 1px solid #ddd;
 }

 .table-beagle>tr:hover {
     background-color: #f5f5f5;
 }

  ul.pagination {
      display: inline-block;
      padding: 0;
      margin: 0;
  }

 ul.pagination-beagle li {display: inline;}

 ul.pagination-beagle li a {
     color: black;
     float: left;
     padding: 8px 16px;
     text-decoration: none;
     border-radius: 5px;
 }

 ul.pagination-beagle li a.active {
     background-color: #337ab7;
     color: white;
     border-radius: 5px;
 }

 ul.pagination-beagle li a:hover:not(.active) {background-color: #ddd;}

 .col-12-beagle {
     display: inline-flex;
     width: 100%;
 }
 .col-9-beagle {
     width: 80%;
 }
 .col-8-beagle {
     width: 75%;
 }
 .col-4-beagle {
     width: 25%;
 }
 .col-3-beagle {
     padding-top: 10px;
     width: 20%;
 }
 a:link {
    text-decoration: underline;
    color: #2996d3;
    font-weight: bold;
 }
 a:hover {
    text-decoration: underline;
    color: rgb(0, 51, 153);
 }

input {
    width: 100%;
    height: 28px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }

input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

textarea {
    color: #555;
    width: 100%;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.ui-datepicker select {
     min-width: 0px;
}

select {
    min-width: 100px;
    width: 200px;
    height: 28px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }

select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 14px;
    width: 14px;
    vertical-align: text-bottom;
}

 BUTTON:hover {
    // color: #000000;
    background-color: #135a97;
 }

 BUTTON {
    display: inline-block;
    /*padding: 6px 12px;*/
    margin: 0px 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    /*border: 1px solid transparent;*/
    /*border-radius: 4px;*/
    /* esto es de btn-primary, despues sería bueno poder separar en distintas clases */
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
     padding: 7px 12px;
     margin-bottom: 3px;
     border: 0;
     border-radius: 0;
}

.buttonBig {
    width: 250px;
    white-space: nowrap;
 }

 /**************************/
 /*    CLASES ESPECIFICAS  */
 /**************************/

 .subTituloTabla {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/* TABLA SIN BORDES NI ANCHO PARA METER DENTRO DE OTRAS TABLAS */

 .tablaSinBordes {
    background-color: transparent;
    border-width: 0;
    border-collapse:collapse;
    margin: 0;
    padding: 0;
    width: auto;
 }

 .imagenFlotante {
    float:right;
    margin: 0px 0px 10px 15px ;
    background-color:rgb(240, 240, 255);
    border-color:rgb(240, 240, 255);
    border-width:7px;
    border-style:solid;
    width:30%;
 }

 .numero {
    text-align: right;
 }
 .comentario {
     display:none;
 }

.inputDisabled {
    background-color: #E8E8E8;
}

 .lenguetas {
     background-color: white;
     border-color:cornflowerblue;
     border-style:solid;
     border-bottom-style:none;
     width:200px;
     border-width:1px;
     text-align:center;
     -webkit-border-top-right-radius: 10px;
     -webkit-border-top-left-radius: 10px;
     -moz-border-radius-topright: 10px;
     -moz-border-radius-topleft: 10px;
 }

 #popupAereo {
     font-family: Helvetica, Geneva, Arial, sans-serif;
     font-size:8px;
     background-color:#CCE6FF;
     width:500px;
     z-index:2;
     position:absolute;
     display:none;
 }

 #popupAereo table {
     background-color:white;
     margin:2px !important;
     width:99% !important;
     font-family:Arial,Helvetica,sans-serif !important;
     font-size:11px !important;
 }

 #popupAereo table th {
     background-color:lightgray;
     vertical-align:middle;
 }

 #popupAereo table td {
     vertical-align:top;
     background-color:white;
 }

 #closePopup {
     z-index:3;
     padding:2px;
     border: 1px solid black;
     float:right;
     background:white;
     margin:2px;
     cursor:pointer;
     font-family:sans-serif;
     font-size:9px;
     font-weight:bold;
     width:12px;
     position:relative;
     top:2px;
     right:2px;
     text-align:center;
     color:black;
 }

.aSinBordes:link, .aSinBordes:visited, .aSinBordes:active {
    background-color: transparent;
    border-width: 0px;
    border-collapse:collapse;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.cancellationPolicyDescription {
    color:#E6E6E6;
}

.cancellationPolicyDescriptionConsulta{
     color:#A4A4A4;
     background-color: white;
 }


 .cancellationPolicityData{
     width: 95%;
 }

 .cancellationPolicityData table{
     margin-left: 0px;
     width: 95%;
     clear: none;
     float: none;
     border-style: none;
     border-width: 0px;
 }

 .comentariosCondicion {
     padding-right: 5px;
     padding-left: 15px;
     font-size: 11px;
 }

 /**************************/
 /*    ICONOS BEAGLE       */
 /**************************/

 .fa-voucher,
 .fa-voucher:hover,
 .fa-sumatoria,
 .fa-sumatoria:hover {
     text-decoration: none !important;
 }

 .fa-voucher:before {
     font-size: 15px;
     padding: 0px 4px;
     /*font-family: Arial; A DEFINIR */
     font-weight: bold;
     content: 'V';
     color: #007dff;
     border: 2px solid #007dff;
     border-radius: 4px;
 }

 .fa-voucher-disabled:before {
     color: #bdc3c7 !important;
     border: 2px solid #bdc3c7 !important;
 }

 .fa-sumatoria:before {
     font-size: 15px;
     padding: 0px 4px;
     /*font-family: Arial; A DEFINIR */
     font-weight: bold;
     content: 'Σ';
     color: #007dff;
     border: 2px solid #007dff;
     border-radius: 4px;
 }

 select[disabled], input[readonly]{
     background-color: #f5f5f5;
 }

 .non-lateral-padding{
     padding-left: 0 !important;
     padding-right: 0 !important;
 }
 .non-left-padding{
     padding-left: 0 !important;
 }
 .non-right-padding{
     padding-left: 0 !important;
     padding-right: 0 !important;
 }

 .tituloMenu{
     white-space: nowrap;
 }
 /*Esta función se usa en home5 para centrar el contenido de un div,
  la traigo acá para tener alcanze en beagle ya que esto no es site*/
 .content-center {
     display: flex;
     justify-content: center;
     align-items: center;
     -webkit-justify-content: space-around;
     -webkit-align-items: center;
     display: -webkit-flex;
 }

 .modal-message-bqb {

     text-align: center;
     font-size: 1.7em;
     color: #777;
     font-weight: 100;
     padding: 4% 0 1% 0;
     margin-bottom: 27px;

 }
 #modal-iframe {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 70px;
 }