/* CSS APP certificados */


/* Estilos Generales */

/*Modal*/
.modal-content{
    background-color:#fff6d9;
    border-radius:0px;
}

.modal-header{
    background-color: #df1d2e;
    border-radius:0px;
    
}
.modal-header h4,.modal-header h3{
    color:#ffffff;
}




button.close{
    width: 21px;
    background-color: #ffffff;
    opacity:1;
    border-radius:10px;
}

/*Fin modal*/


/* Etiquetas */

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


/* Tabla Certificados */



.table-responsive.certificados .table tbody tr td a.button.boton-principal {
    text-decoration:none;

}
.table-responsive.certificados table th, .table-responsive.certificados table td {
  text-align: center;
  vertical-align: middle;
  /*font-size: 13px;*/
}


.table-responsive.certificados table {
    border-collapse:collapse;
    width:99%;
 
}


.table-responsive.certificados .table tbody tr:nth-child(odd) td { /* }(2n) td { */
  background:#ffffff; 
}
.table-responsive.certificados .table tbody tr:nth-child(even) td { /*}2n+1) td { */
  background: #fff6d9;
}

.certificados .menu-acciones .boton-principal1 {
  font-size: 13px;
  border-radius: 3px;
  padding: 10px 10px;
  line-height: 11px;
  margin-top:0px;
  margin-bottom:0px;
}


/* Boton acciones */

.info .boton-principal {
 vertical-align:middle;
cursor: pointer;
padding: 2px 5px;
width:initial;
}

.certificados .botonera-acciones a {
    
    margin-bottom: 2px;
    margin-right: 2px;
    text-align:center !important;
}

.certificados .botonera-acciones a.button.boton-principal {
      font-size: 13px;
      width:100%;
}


/* Acordeon Seguros Desktop - grilla obtener documentacion */


.hiddenRow {
    display:none;

}

.panel-acciones {
    background-color: #f1f1f1 !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.panel-acciones-hidden {
  
    padding-top:0px !important;
    padding-bottom:0px !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
    

}

.table-responsive.certificados .table tbody tr td .boton-colapsar {
  display: flex;
  justify-content: center;
  align-items: flex-start;

}

.table-responsive.certificados .table tbody tr td a.boton-colapsar {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 40px;
  /*color: gray; */
  /*font-size: 16px; */
}

.table-responsive.certificados .table tbody tr td a.menu-acciones:before {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  display: block;
  content: '';
  background: url("../images/arrows.png") no-repeat left top;
  background-size: 44px 22px;
  background-position: 0 0;
}

.table-responsive.certificados .table tbody tr td a.menu-acciones.abrir {/*cerrar {*/
  display: none; 
}
.table-responsive.certificados .table tbody tr td a.menu-acciones.cerrar:before {
  background-position: -22px 0;
}
.table-responsive.certificados .table tbody tr td a.menu-acciones.abrir.collapsed {
  display: flex;
}
.table-responsive.certificados .table tbody tr td a.menu-acciones.cerrar.collapsed {  
  display: none;
}

/*Fin Acordeon Desktop*/




.certificados .acordeon:nth-child(odd)  {
  background: #ffffff;
}
.certificados .acordeon:nth-of-type(even) {
  background: #fff6d9;
}

.certificados .acordeon:last-child {

  margin-bottom:15px;
}


/* Detalle Consumo Mobile */

.detalleCertificado {
    padding: 5px !important;
/*    margin-bottom:2px;*/
    
}

.detalleCertificado .etiqueta-negrita {
  font-size: 13px;
  text-align:center;
  font-weight:bold;
  font-family: "Montserrat", sans-serif;

}

.detalleCertificado .etiqueta {
  font-size: 13px;
}


/* Acordeon Seguros Mobile*/


.certificados .acordeon  .detalleCertificado .menu-acciones  {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}


/* .detalleCertificado .acordeon .menu-acciones a.boton-colapsar {*/
.certificados .acordeon  .detalleCertificado .menu-acciones .boton-colapsar a{
  text-decoration: none;
  color: #ffffff;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  min-width: 40px;
  
  /*color: gray; */
  /*font-size: 16px; */
}
.certificados .acordeon  .detalleCertificado .menu-acciones .boton-colapsar a:before {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  display: block;
  content: '';
  background: url("../images/arrows.png") no-repeat left top;
  background-size: 44px 22px;
  background-position: 0 0;  
}

.certificados .acordeon  .detalleCertificado .menu-acciones .boton-colapsar a.cerrar {
  display: flex;   
}

.certificados .acordeon  .detalleCertificado .menu-acciones .boton-colapsar a.abrir {
  display: none;   
}

.certificados .acordeon  .detalleCertificado .menu-acciones .boton-colapsar a.cerrar:before {
  background-position: -22px 0;  
  
}
.certificados .acordeon  .detalleCertificado .menu-acciones .boton-colapsar a.abrir.collapsed  {
  display: flex;
}
.certificados .acordeon  .detalleCertificado .menu-acciones .boton-colapsar a.cerrar.collapsed  {
  display: none;
}

/*Fin Acordeon Seguros Mobile*/





/* Titulo Seccion Mobile*/
h2.titulo-mobile {
    color: #333333 !important;
}
.titulo-mobile {
  background: #f1bb01;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  padding: 8px;
  vertical-align:top;
  text-align:center;  
}




/*
     PREDENUNCIA DE SINIESTROS    
    
*/
.info-predenuncia h2 {
  color: #666666;
  margin-bottom: 25px;
  margin-top: 0;
}
.info-predenuncia .btns {
  text-align: right;
}
.info-predenuncia .btns .volver {
  color: #666666;
  text-transform: uppercase;
  font-size: 13px;
  cursor: pointer;
  margin-left: 0;
  padding: 0;
}
.info-predenuncia .btns .volver:hover {
  color: #333333;
}


/* Form Predenuncia */
/*
.number{
    float:left;
    background-color: #ffffff;
    color:#df1d2e;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    text-align: center;
}

.datos-certificado {
  margin-bottom: 10px;
}
.datos-certificado h3 {
  padding: 15px 30px;
  background: #d9d9d9;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
.datos-certificado .info-datos {
  padding: 15px 30px;
  background: #ebebeb;
}
.datos-certificado .info-datos p {
  margin: 0;
}
.datos-certificado .info-datos p + p {
  margin-top: 10px;
}

.formulario h3 {
  padding: 15px 30px;
  background: #df1d2e;
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
.formulario form {
  padding: 30px;
  background: #fff6d9;
}
.formulario form:after {
  content: '';
  display: table;
  clear: both;
}
.formulario .btn {
  text-align: left;
}

*/
/* Fin Form Predenuncia */


/* SELECT 2 */
.select2-container--default .select2-selection--single{
  outline: 0;
  margin: 0 0 0px;
  text-align: left;
  vertical-align: top;
  height: 45px;
  max-width: 100%;
  width: 100%;
  padding: 0px 0px 0px 20px;
  line-height: 45px;
  background-color: #ffffff;
  border: 1px solid #666666;
  color: #666666;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 300ms;
  transition: all 300ms;   
  border-radius:0px;

}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px; 
    text-transform: uppercase;
}


.select2-selection__arrow {
   height:43px !Important; 
}


.select2-container--default.select2-container--focus .select2-selection--single {
  border: 1px solid #df1d2e;

 }

.select2-hidden-accessible {
  text-transform: uppercase;

}

.select2-hidden-accessible  {
  text-transform: uppercase;

}

.select2-container {
  width: 100% !important;
}

.select2-results__group {
  color: #df1d2e;
  /*background-color: #fff6d9; */
  /* 
  color: #FFFFFF;
  background-color: #df1d2e;
  */

  

}
/* MEDIA QUERIES */

/* certificados Telefonos chicos*/
@media only screen and (max-width: 320px) {
    .detalleCertificado{
        padding:5px !important;        
    }

    .detalleCertificado .etiqueta {
        font-size: 13px;
    }

    .detalleCertificado .etiqueta-negrita {

        font-size: 11px;
    }
}




@media only screen and (max-width: 767px) {
    html, body {
        overflow-y: scroll;
    }

    h1, .page-title {
        font-size: 25px;
    }

    .button,
    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"] {
        margin-bottom: 5px;
    }

    .certificados .acordeon .content h3 {
        flex-wrap: wrap;
    }

    .certificados .acordeon .content h3 > span,
    .certificados .acordeon .content h3 .datos,
    .certificados .acordeon .content h3 a {
       width: 100%;
       text-align: center;
       margin-bottom: 10px;
       flex-wrap: wrap;
     }

     .certificados .acordeon .content h3 .datos span {
       width: 100%;
       border-radius: 4px;
     }

     .certificados .acordeon .content h3 .datos span:last-of-type {
        border-radius: 4px;
        margin-top: 4px;
      }

     .certificados .acordeon .content h3 a {
       justify-content: center;
        margin-bottom: 0;
     }

    .certificados .menu-acciones .boton-principal {
        font-size: 12px !important;
        border-radius: 3px;
        cursor: pointer;
        padding: 2px 5px;
        line-height: 16px !important;
        background: #df1d2e;
        /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#e43f4d, #df1d2e);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e43f4d, #df1d2e);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e43f4d, #df1d2e);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e43f4d, #df1d2e);
        /* Standard syntax */
        color: #ffffff;
        text-transform: uppercase;
        width: initial;
    }

    .certificados .botonera-acciones a.button.boton-principal {
      font-size: 12px;
      border-radius: 3px;
      padding: 10px 10px;
      line-height: 11px;
      margin-top:0px;
      margin-bottom:0px;
      width:100%;
    }

   .formulario form {
    padding: 10px;
   }
   .panel-title{
    font-size:20px;
   }

  .title-breadcrumbs .content-breadcrumbs {
    padding: 10px 0;
    min-height: 60px;
  }







}
/*
@media only screen and (max-width: 510px) {
     h1, .page-title {
        font-size: 18px;
         padding: 10px 0 10px 0;
         margin-bottom: 10px;
         /*line-height: 1.2;
    }

    .panel-title{ 
        font-size:11px !important;

    }
    body, input, pre, code, kbd, samp, dt {font-size:10px;}
   .boton-principal{font-size:10px;}
   .boton-secundario{font-size:10px;}
   textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] 
    {
        font-size:10px;
    }
    select
    {
        font-size:10px; 
    }
    .select2-container--default .select2-selection--single{ font-size:10px;}
    .boton-principal{font-size:10px;}
    .data-table thead td{font-size:10px;}

    .number {
        width: 13px !Important;
        height: 13px !Important;
        margin-right: 5px;
    }

    .datos-certificado {
      margin-bottom: 5px;
    }
    .datos-certificado h3 {
      padding: 15px 15px;
      font-size: 11px;
      text-transform: uppercase;
      margin: 0;
    }
    .datos-certificado .info-datos {
      padding: 15px 15px;
    }
    .datos-certificado .info-datos p + p {
      margin-top: 5px;
    }

    .formulario h3 {
      padding: 10px 10px;
      font-size: 11px;
      text-transform: uppercase;
      margin: 0;
    }
    .formulario form {
      padding: 15px;
    }

   .link-volver {
      font-size: 11px;
      margin-bottom:10px;
}


}

*/   

    /* Tabla certificados - TABLET - */

    @media (min-width: 768px) and (max-width: 991px) {

        .acordeon .content .table thead td, .table thead th {
            font-size: 13px;
        }
    
    .certificados .botonera-acciones a.button.boton-principal {
      font-size: 12px;
      border-radius: 3px;
      padding: 10px 10px;
      line-height: 11px;
      margin-top:0px;
      margin-bottom:0px;
      width:100%;
    }



    }

    @media (min-width: 992px){
    .certificados .botonera-acciones a.button.boton-principal {
      font-size: 13px;
      border-radius: 3px;
      line-height: 14px;
      margin-top:0px;
      margin-bottom:0px;
      width:100%;
    }



    }