/*********************************************************/
/****************** MODAL LANGUAGES *********************/
/*********************************************************/



.p6a_modal_languages.modal.fade .modal-dialog {
    width: 100%;
    margin-top: 0px;
/*  height: 95%;
  margin: 20px;
  padding: 20px;*/
}

.p6a_modal_languages.modal.fade .modal-dialog .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  box-shadow: none!important;
}

.p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-body {
    padding: 20px;
    width: 52vw;
    margin: auto;
}

.p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-header {
    padding: 10px 0px 0px 0px;
    border-bottom: 2px solid #e5e5e5;
    min-height: 16.53846154px;
    width: 93%;
    margin: auto;
}

.p6a_modal_languages.modal.fade .modal-dialog .modal-content .close.p6a_close {
    width: 20px;
    height: 20px;
    background-image: url(../images/close_black.png);
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 4%;
    top: 15px;
}

/*



.p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-header .close {
    color: #ffffff;
    font-size: 58px;
    font-weight: 100;
    text-shadow: none;
    opacity: 1;
}


.p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-header .close .p6a_close {
    width: 30px;
    height: 30px;
    background-image: url(../images/close.png);
    cursor:pointer;
    background-size: cover;
    background-repeat: no-repeat;
}*/


.p6a_modal_languages.modal.fade .langModalTitleEmph{
  text-transform: uppercase;
}

.p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-header .modal-title{
    text-align: center;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: 2px;
}


/*distribución de columnas para el listado de idiomas*/

.p6a_modal_languages.modal.fade .p6a_columns_distribution {
    
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    /*espacio entre columnas*/
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;

    /*alto de las columnas igualado*/
    -webkit-column-fill: balance; /* Chrome, Safari, Opera */
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;

}

.p6a_modal_languages.modal.fade .p6a_columns_distribution div{
   /*para que no divida elementos entre las columnas*/
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */

    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0px 2px 0px;
 }

.p6a_modal_languages.modal.fade .p6a_columns_distribution .p6a_lang_country{

      font-size: 18px;
      text-decoration: none;
 }

.p6a_modal_languages.modal.fade .p6a_columns_distribution .p6a_lang_lang{

     font-size: 18px;
    font-weight: 100;
    text-decoration: none;
 }

 .p6a_modal_languages.modal.fade .p6a_columns_distribution a{
    text-decoration: none;
 }



/*********************************************************/
/****************** MODAL SEARCH *********************/
/*********************************************************/

.p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-body.p6a_search {
    padding: 20px;
    width: 100%;
    margin: auto;
}

.p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-body.p6a_search #p6a_input_search{
    text-align: center;
    width: auto;
    margin: auto;
    max-width: 96vw;
}



 /* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .p6a_modal_languages.modal.fade .p6a_columns_distribution {
    
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
    .p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-body.p6a_search #p6a_input_search{
           font-size: 3.5vw!important;
    }
    .p6a_modal_languages.modal.fade .langModalTitleEmph {
       
        font-size: 2.2vw!important;
    }
}

/*a partir de 899px el modal se desajusta por la izquierda*/
@media (max-width: 899px) {
    .p6a_modal_languages.modal.fade .modal-dialog{
        margin: 0px!important;
    }
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .p6a_modal_languages.modal.fade .p6a_columns_distribution {
    
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
    .p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-header .modal-title {
       
        font-size: 18px!important;

    }
    .p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-body.p6a_search #p6a_input_search{
           font-size: 26px!important;
    }
    .p6a_modal_languages.modal.fade .modal-dialog .modal-content .close.p6a_close {
        width: 16px;
        height: 16px;
    }


}

/* Portrait phones and smaller */
@media (max-width: 480px) {
   .p6a_modal_languages.modal.fade .p6a_columns_distribution {
    
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        text-align: center;
    }
      .p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-header .modal-title {
       
        font-size: 16px!important;

    }
    .p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-body.p6a_search #p6a_input_search{
           font-size: 22px!important;
    }
    .p6a_modal_languages.modal.fade .modal-dialog .modal-content .modal-body.p6a_search #p6a_input_search {
        max-width: 90vw;
    }
    .p6a_modal_languages.modal.fade .modal-dialog .modal-content .close.p6a_close {
        width: 10px;
        height: 10px;
    }
    .p6a_modal_languages.modal.fade .p6a_columns_distribution .p6a_lang_lang {
        font-size: 15px;
    }
    .p6a_modal_languages.modal.fade .p6a_columns_distribution .p6a_lang_country {
        font-size: 15px;
    }
}