@charset "utf-8";

html,body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

 table {
  border: 1px solid black; 
  margin: 2px;
  border-collapse: collapse;
}

.table_comer_report {
  border: 1px solid black; 
  margin: 1px;
  border-collapse: collapse;
}

img { 
  height: 100%;
  object-fit: contain; 
}


.divindex{
    margin: auto;
    width: 50%;
    height: 80%;
    display: flex;
    justify-content: center;
    text-align:center;
    align-items:center;
   
    background-image: url('../Images/logoasat.png');
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 80%;
        -moz-background-size: 80%;
        -webkit-background-size: 80%;
        -o-background-size: 8%;   
  }

  .divindextable{

    background-color: rgba(232, 240, 241,0.5);
    border: 0px; 
  
  }

  .divoculto {
    display: none;
  }


.table-condensed{
  font-size: 10px;
}

.tdalerta {
  line-height: normal !important;
  vertical-align: super;

}

.inputtr{

  padding: 1px 1px ;
  margin: 1px 1px   ;
  box-sizing: border-box;
  border: none;

}

.textareatr{

  padding: 1px 1px ;
  margin: 0px 1px -10px 0px  ;
  box-sizing: border-box;
  border: none;

}



.inputtrnota {

  padding: 1px 1px;
  margin: 1px 0;
  box-sizing: border-box;
  border: 1px solid;
  border-bottom: 1px solid red;
  height: 35px;

}


#texto_alerta_tit {

  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

#texto_alerta_desc {

  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 15px;
  padding: 5px 30px 5px 5px;

}


.table_alerta {

  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 13px;
  border: 6px soutset red;
  width: auto;
  height: 20px;
  margin: 3px;
  padding: 4px;
  
}

.table_alerta_pdf {

  font-family: sans-serif;
  font-size: 8px;
  border: 0px ;
  border:none;
  width: 650px;
  height: 20px;
  margin: 1px;
  padding: 4px;
  
}

.titulosinf {

margin: 15px 4px 6px 4px;
align-self: auto;
}

.titulopdf {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin: 20px 20px 58x 5px;
  
}
.table_alerta_pdf > th {

  align-content: center;
  height: 8px;
  background-color: lightskyblue;
  color: rgb(215, 238, 238);
  font-size: 10px;
  font-weight: bold;
}

.table_alerta_pdf > td {
  padding: 4px;
}

.table_alerta_pdf_sm {

  font-family: sans-serif;
  font-size: 8px;
  border: 0px ;
  border:none;
  margin: 1px;
  padding: 4px;
  
}

.table_alerta_pdf_sm > th {

  align-content: center;
  height: 8px;
  background-color: lightskyblue;
  color: rgb(215, 238, 238);
  font-size: 10px;
  font-weight: bold;
}

.table_alerta_pdf_sm > tr {

  align-content: center;
  height: 8px;
  font-size: 9px;

}

.table_alerta_pdf_sm > tr:nth-child(even) {
  background-color:#fbfbfb; 
}



.table_alerta_pdf_sm> td {
  padding: 0px;
}

.input-xs {
  height: 28px;
  margin: 3px 1px 10px 2px;
  padding: 2px 1px 1px 1px;
  
  font-size: 12px;
  line-height: 1.8; 
  border-radius: 3px;
  background-color: rgb(221, 235, 255);
  font-weight:bold;

}

.input-xss {
  height: 28px;
  width: 60px;
  margin: 5px 5px 10px 5px;
  padding: 2px 2px 2px 2px;
  
  
  font-size: 12px;
  line-height: 1.8; 
  border-radius: 3px;
  background-color: rgb(221, 255, 253);
  font-weight:bold;

}

.input-fec {
  height: 28px;
  width: 40px;
  margin: 5px 5px 10px 5px;
  padding: 2px 2px 2px 2px;
  
  
  font-size: 12px;
  line-height: 1.8; 
  border-radius: 3px;
  background-color: rgb(221, 255, 253);
  font-weight:bold;

}

.div2{
  
  width: 170px;
  height: 60px;
  margin: 10px 10px 10px 30px;

}

.modal-lg {
  max-width: 90% !important;
}

.titgest {
font-size:11px;
color:
rgba(187,8,8,1.00);
}
.campogest {
font-size:11px;
color: rgba(0,55,152,1.00);
}

/* On screens that are 1990px wide or less, the background color is blue */
@media screen and (max-width: 2990px) {

  .ulaside{

    margin: 10px 5px 10px 2px;
    padding: 1px;
  }
  
  .lialto{
  
    padding: 2px 2px 2px 4px ;
   
  }

.contenedor-grid{

  width: 100vw;
  height: 100vh;

  display: grid;

  grid-template-columns: repeat(15,1fr);
  grid-template-rows: 1fr 1fr 48fr 1fr;

  grid-gap: 2px;
  margin: 2px;

}


.item_header0 {
  grid-column: 3 / span 15;
  grid-row: 1;
  font-size: 16px;
  background-color: rgba(248, 248, 255);
  
}

.item_header1 {
  grid-column: 1 / span 2;
  grid-row: 1;
  font-size: 16px;
  padding: 10px 2px 2px 12px;
  background-color: rgba(248, 248, 255);
  
}

.item_header2 {
  grid-column: 4 / span 12;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}

.item_header3 {
  grid-column: 14 / span 2;
  grid-row: 1;
  align-content: right;
  text-align: center;
  font-size: 14px;
  padding: 8px 2px 2px 2px;
  background-color: rgba(248, 248, 255);
}

.item_header4 {
  grid-column: 4 / span 2;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}

.item_header5 {
  grid-column: 6 / span 2;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}

.item_header6 {
  grid-column: 8 / span 2;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}

.item_header7 {
  grid-column: 10 / span 2;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}

.item_header8 {
  grid-column: 12 / span 2;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}

.item_header9 {
  grid-column: 14 / span 1;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}



.item_aside0 {
  grid-column: 1 / span 3;
  grid-row: 2;
  background-color: rgb(250, 250, 250);
  overflow-y: hidden ;
  overflow-x: hidden;
}

.item_aside {
  grid-column: 1 / span 3;
  grid-row: 3;
  background-color: rgb(250, 250, 250);
  overflow-y: scroll ;
  overflow-x: hidden;
}





.item_aside_ns {
  grid-column: 1 / span 3;
  grid-row: 3;
  background-color: rgb(250, 250, 250);
  overflow-y: hidden ;
  overflow-x: hidden;
}

.item_conten_graf{
  grid-column: 4 / span 12;
  grid-row: 3;
  background-color: rgb(255, 255, 255);
  overflow-y: scroll;

  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 410px 410px 410px 500px;
  grid-gap: 4px;
}


.item_conten_cartera {
  grid-column: 4 / span 12;
  grid-row: 3;
  background-color: rgb(255, 255, 255);
  overflow-y: scroll;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: 100px 200px 410px ;
  grid-gap: 4px;
}

.item_cartera0 {
  grid-column: 2 / span 14;
  grid-row: 1;

}

.item_cartera1 {
  grid-column: 1 / span 2;
  grid-row: 2;
 
  place-self: center;
  object-fit: cover;
  
}
.item_cartera2 {
  grid-column: 3 / span 2;
  grid-row: 2;
  
  place-self: center;
  object-fit: cover;
  
}
.item_cartera3 {
  grid-column: 5 / span 2;
  grid-row: 2;

  place-self: center;
  object-fit: cover;
  
}
.item_cartera4 {
  grid-column: 7 / span 2;
  grid-row: 2;
 
  place-self: center;
  object-fit: cover;
  
}

.item_cartera5 {
  grid-column: 1 / span 16;
  grid-row: 2;
 
  
}

.item_graf1 {
  grid-column: 1 / span 12;
  grid-row: 1;
  background-color: rgb(143, 188, 167);
  place-self: center;
  object-fit: cover;
  
}

.item_graf2 {
  grid-column: 1 / span 12;
  grid-row: 2;

  place-self: center;
  object-fit: cover;
}
.item_graf3 {
  grid-column: 1 / span 12;
  grid-row: 3;
  object-fit: cover;
  place-self: center;
}
.item_graf4 {
  grid-column: 1 /span 6 ;
  grid-row: 4;
  object-fit: cover;
  place-self: center;
}
.item_graf5 {
  grid-column: 7 / span 6;
  grid-row: 4;
  object-fit: cover;
  place-self: center;
}


.contenedor-grid-cm {

  width: 100vw;
  height: 100vh;

  display: grid;

  grid-template-columns: repeat(20,1fr);
  grid-template-rows:repeat(50,1fr);

  grid-gap: 1px;
  margin: 2px;

}

.item_header0_Cm {
  grid-column:  1 / 3;
  grid-row: 1 ;
  font-size: 16px;
  background-color: rgba(248, 248, 255);
}


.item_header1_cm {
  grid-column:  3 / 21;
  grid-row: 1;
  font-size: 16px;
  background-color: rgba(248, 248, 255);
}

.item_aside_0_cm {
  grid-column: 1 / 4;
  grid-row: 2 / 9;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 1px 1px 1px;
  background-color: rgb(248, 253, 255);
}

.item_aside_1_cm {
  grid-column: 1 / 4;
  grid-row: 9 / 22;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 5px 1px 1px 1px;
  background-color: rgba(248, 253, 255);
}

  
.item_conten_cm {
    grid-column: 4 / 21 ;
    grid-row: 2 / 50;
    background-color: rgb(255, 255, 255);
    overflow-y: scroll;
    padding: 2px;

}


.item_footer_cm {
  grid-column: 1 / 21;
  grid-row: 50;
  background-color: rgba(255, 248, 248);
}


.contenedor_grid_calendar{

  width: 100vw;
  height: 100vh;

  display: grid;

  grid-template-columns: repeat(15,1fr);
  grid-template-rows: 1fr 1fr 60fr ;

  grid-gap: 2px;
  margin: 2px;

}

.item_header0_calendar {
  grid-column: 4 / span 15;
  grid-row: 1;
  font-size: 16px;
  background-color: rgba(248, 248, 255);
  
}

.item_header1_calendar {
  grid-column: 1 / span 3;
  grid-row: 1;
  font-size: 16px;
  padding: 10px 2px 2px 12px;
  background-color: rgba(248, 248, 255);
  
}

.item_header2_calendar {
  grid-column: 5 / span 12;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}

.item_aside0_calendar {
  grid-column: 1 / span 5;
  grid-row: 2;
  background-color: rgb(250, 250, 250);
  overflow-y: hidden ;
  overflow-x: hidden;
}

.item_conten_calendar{
  grid-column: 1 / span 17;
  grid-row: 3;
  background-color: rgb(255, 255, 255);
  overflow-y: scroll;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2px;
}

.item_calendar{
  grid-column: 1 / span 4;
  grid-row: 1 /span 2;
}

.item_calendar_tabla{
  grid-column: 5 / span 8;
  grid-row: 1 ;
}


.contenedor_grid_calendar_Revision{

  width: 100vw;
  height: 100vh;

  display: grid;

  grid-template-columns: repeat(15,1fr);
  grid-template-rows: repeat(12,1fr) ;

  grid-gap: 2px;
  margin: 2px;

}

.item_header0_calendar_Revision {
  grid-column: 4 / span 15;
  grid-row: 1;
  font-size: 16px;
  background-color: rgba(248, 248, 255);
  
}

.item_header1_calendar_Revision {
  grid-column: 1 / span 3;
  grid-row: 1;
  font-size: 16px;
  padding: 10px 2px 2px 12px;
  background-color: rgba(248, 248, 255);
  
}

.item_header2_calendar_Revision {
  grid-column: 4 / span 12;
  grid-row: 2;
  align-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 2px 0px 2px;
  background-color: rgba(248, 248, 255);
}

.item_aside0_calendar_Revision {
  grid-column: 1 / span 3;
  grid-row: 2;
  background-color: rgb(250, 250, 250);
  overflow-y: hidden ;
  overflow-x: hidden;
}

.item_conten_calendar_Revision{
  grid-column: 1 / span 20;
  grid-row: 3 / span 12;
  background-color: rgb(255, 255, 255);
  overflow-y: scroll;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2px;
}

.item_calendar_Revision{
  grid-column: 1 / span 3;
  grid-row: 1 /span 5;
}

.item_calendar_tabla_Revision{
  grid-column: 4 / span 8;
  grid-row: 1 ;
}


.item_footer {
  grid-column: 1 / span 15;
  grid-row: 4;
  background-color: rgba(255, 248, 248);
}



.item_conten_graf_comer{
  grid-column: 4 / span 12;
  grid-row: 3;
  
  overflow-y: scroll;

  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 390px 350px;
  grid-gap: 4px;
}


.item_graf1_comer {
  grid-column: 1 / span 8;
  grid-row: 1;
 
  justify-self: stretch;
  align-self: stretch;
  
  object-fit:stretch ;
  
}

.item_graf2_comer {
  grid-column: 9 / span 4;
  grid-row: 1;
  justify-self: stretch;
  align-self: stretch;
  object-fit:stretch ;
  
}

.item_tabla1_comer {
  grid-column: 1 /span 6 ;
  grid-row: 2;
  justify-self: stretch;
}

.item_tabla2_comer {
  grid-column: 7 / span 6 ;
  grid-row: 2;
  
  justify-self: stretch;
}

.item_tabla3_comer_report {
  grid-column: 1 / span 12 ;
  grid-row: 1;
  
  justify-self: stretch;
}

.item_conten_alertas{
  grid-column: 4 / span 12;
  grid-row: 3;
  background-color: rgb(255, 255, 255);
  overflow-y: scroll;
  margin: 6px;
  padding: 4px;

}

.ajustar {
	margin:0em;
	padding:0.2em;
}

.spanformregistros { 
  background-color:rgba(239,238,247,0.5);
  }

  .input-xs {
    height: 24px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; 
    border-radius: 3px;
}

}


/* On screens that are 600px wide or less, the background color is blue */
@media screen and (max-width: 800px) {

  .img-fluid {

    max-width: 100%;
    max-height: auto;
}



.img-fluid_barra {
    width: 5%;
    max-width: 100%;
    height: auto;
}

  .ocultar {

    display:none;
  }

  .contenedor-grid{
  
    width: 100vw;
    height: 100vh;
    display: grid;
  
    grid-template-columns: repeat(15,1fr);
    grid-template-rows: 30px 60px 60px 30px  auto;
  
    grid-gap: 1px;
    margin: 1px;
  
  }

 
  
  .item_header1 {
    grid-column: 1 / span 6;
    grid-row: 1;
    font-size: 12px;
    background-color: rgba(248, 248, 255);
    
  }

  .item_header2 {
    grid-column: 7 / span 9;
    grid-row: 1;
    align-content: center;
    text-align: center;
    font-size: 12px;
    background-color: rgba(248, 248, 255);
  }
 
  .item_aside0 {
    grid-column: 1 / span 15;
    grid-row: 2;
    background-color: rgb(250, 250, 250);
    overflow-y: hidden ;
    overflow-x: hidden;
  }
  
  .item_header0 {
    grid-column: 1 / span 15;
    grid-row: 3;
    font-size: 8px;
    background-color: rgba(248, 248, 255);
    
  }


  .item_header3 {
    grid-column: 1 / span 15;
    grid-row: 4;
    align-content: center;
    text-align: center;
    font-size: 10px;
    background-color: rgba(248, 248, 255);
  }
  


  
  .item_aside {
    grid-column: 1 / span 15;
    grid-row: 4;
    background-color: rgb(250, 250, 250);
    overflow-y: hidden ;
    overflow-x: hidden;
  }

  .ulaside{

    margin: 2px 5px 0px 2px;
    padding: 1px;
  }
  
  .lialto{
  
    padding: 1px 1px 1px 1px ;
   
  }

  
  .item_conten_graf{
    grid-column: 1 / span 15;
    grid-row: 6;
    background-color: rgb(255, 255, 255);
    overflow-y: scroll;
  
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto ;
    grid-gap: 4px;
  }
  
  .item_graf1 {
    grid-column: 1 / span 12;
    grid-row: 1;
    background-color: rgb(143, 188, 167);
    place-self: center;
    object-fit: cover;
    
  }
  
  .item_graf2 {
    grid-column: 1 / span 12;
    grid-row: 2;
  
    place-self: center;
    object-fit: cover;
  }
  .item_graf3 {
    grid-column: 1 / span 12;
    grid-row: 3;
    object-fit: cover;
    place-self: center;
  }
  .item_graf4 {
    grid-column: 1 /span 6 ;
    grid-row: 4;
    object-fit: cover;
    place-self: center;
  }
  .item_graf5 {
    grid-column: 7 / span 6;
    grid-row: 4;
    object-fit: cover;
    place-self: center;
  }

  .item_aside_ns {
    grid-column: 1 / span 15;
    grid-row: 4;
    background-color: rgb(250, 250, 250);
    overflow-y: hidden ;
    overflow-x: hidden;
  }


.item_conten_cartera {
  grid-column: 1 / span 15;
  grid-row: 5;
  background-color: rgb(255, 255, 255);
  overflow-y: scroll;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: 100px 200px 410px ;
  grid-gap: 4px;
}

.item_cartera0 {
  grid-column: 2 / span 15;
  grid-row: 1;

}

.item_cartera1 {
  grid-column: 1 / span 2;
  grid-row: 2;
 
  place-self: center;
  object-fit: cover;
  
}
.item_cartera2 {
  grid-column: 3 / span 2;
  grid-row: 2;
  
  place-self: center;
  object-fit: cover;
  
}
.item_cartera3 {
  grid-column: 5 / span 2;
  grid-row: 2;

  place-self: center;
  object-fit: cover;
  
}
.item_cartera4 {
  grid-column: 7 / span 2;
  grid-row: 2;
 
  place-self: center;
  object-fit: cover;
  
}

.item_cartera5 {
  grid-column: 1 / span 16;
  grid-row: 2;
 
  
}
  
  
  .item_footer {
    display: none;
 
  }
  
  .item_conten_graf_comer{
    grid-column: 1 / span 15;
    grid-row: 6;
    
    overflow-y: scroll;
  
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 260px auto;
    grid-gap: 2px;
  }
  
  
  .item_graf1_comer {
    grid-column: 1 / span 15;
    grid-row: 1;
   
    justify-self: stretch;
    align-self: stretch;
    
    object-fit:stretch ;
    
    
  
  }
  
  .item_graf2_comer {
    grid-column: 9 / span 4;
    grid-row: 1;
    justify-self: stretch;
    align-self: stretch;
    object-fit:stretch ;
    
  }
  
  .item_tabla1_comer {
    grid-column: 1 /span 15;
    grid-row: 2;
    justify-self: stretch;
    align-self: stretch;
    
    object-fit:stretch ;
    
  }
  
  .item_tabla2_comer {
    grid-column: 1 / span 15;
    grid-row: 3;
    justify-self: stretch;
    align-self: stretch;
    
    
    
  }
  
  .item_conten_alertas{
    grid-column: 1 / span 15;
    grid-row: 4;
    background-color: rgb(255, 255, 255);
    overflow-y: scroll;
    margin: 6px;
    padding: 4px;
  
  }

  .ajustar {
    margin: 0em;
    padding: 0.2em;
  }

  .spanformregistros { 
    background-color:rgba(239,238,247,0.5);
    }

    .input-xs {
      height: 24px;
      padding: 2px 5px;
      font-size: 12px;
      line-height: 1.5; 
      border-radius: 3px;
  }


  }