/* Ancho del mensaje rojo q muestra las observaciones cuando se sube el pta*/
.dropzone .dz-preview .dz-error-message {
  width: auto;
}
/* fin */

textarea{
  resize: none;
}
/* Tabla */

.row.encabezado, .row.pie {
    text-transform: capitalize;
    font-weight: bold;
    text-align: center;
    background-color: #293f53;
    color: #fff;
    margin: 0px;
}

.row.encabezado.dimgray, .row.pie.dimgray {
    background-color: dimgray!important;
}

.row.encabezado.gris, .row.pie.gris, .gris {
    color: #293f53!important;
    background-color: #ececec;
    font-weight: bold;
}

.row.encabezado div{
    padding: 3px 10px;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}
.row.encabezado div:last-child{ border-right: 1px solid #c5c5c5; }


.contenido-900, .contenido-800, 
.contenido-700, .contenido-600, 
.contenido-500, .contenido-400, 
.contenido-300, .contenido-200, 
.contenido-150, .contenido-100{
  overflow-y: auto;
}
.contenido-900{ max-height: 900px; }
.contenido-800{ max-height: 800px; }
.contenido-700{ max-height: 700px; }
.contenido-600{ max-height: 600px; }
.contenido-500{ max-height: 500px; }
.contenido-400{ max-height: 400px; }
.contenido-300{ max-height: 300px; }
.contenido-200{ max-height: 200px; }
.contenido-150{ max-height: 150px; }
.contenido-100{ max-height: 100px; }

.row.cuerpo>div {
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    color:#8c8c8c;
}
.row.cuerpo.text-white>div { color:white; }

.row.cuerpo{ margin:0px; }
.row.cuerpo>div:last-child {border-right: 1px solid #c5c5c5; }
.row.cuerpo:last-child { border-bottom: 1px solid #c5c5c5; }
.row.cuerpo:nth-child(odd) {background: #fff; }
.row.cuerpo:nth-child(even) { background: #f7f7f7;}
.row.cuerpo:hover { background: #eaf5f2;}


@media only screen and (max-width: 576px) {
  .row.cuerpo>div:first-child, .row.cuerpo>div:nth-child(2) {
    border-top-width: 2px;
    border-top-color: #bbb; 
  }
  .row.cuerpo>div:nth-child(n-1){
    border-right: 1px solid #c5c5c5;
  }
  .row.cuerpo>div.xs-dark-blue:nth-child(2){
    background-color: #293f53 !important;
    color: #fff !important;
  }
}



.row.cuerpo.error input, 
.row.cuerpo.error select,
.row.cuerpo.error .input-group-text{
    border-color: orange;
    border-width: 2px;
}

.row.cuerpo.error .input-group-text{
    padding: 3px 8px;
    background: orange;
    color: white;
}

.row.pie div {
    padding: 3px 10px;
    border-bottom: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}
.row.pie div:last-child {
    border-right: 1px solid #c5c5c5;
}

button, .buttons, .btn, .modal-footer .btn+.btn { margin: 1px 3px; }

/* Fin Tabla */

/* 
* Estilo para los renglones de las partidas en la requisicion
*/
  .row_detalle_presupuesto{ cursor: pointer; }


/* Colores */
.bg-dark-blue{
    background-color: #293f53 !important;
    color: #fff !important;
}

.white{
    background-color: #fff !important;
    color: #293f53 !important;
}

.text-green {
      color: #52bb9c!important;
}

.fs-16{
  font-size: 16px;
}


.nav-bg-dark-blue{
    background-color: #293f53;
    color: #fff;
}
/* Fin Colores */


/*  button-group mas pequeños
    utilizados en la vista principal */
.btn-group-xs>.btn, .btn-xs {
    padding: 0.1rem .3rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
/* FIN  button-group mas pequeños
    utilizados en la vista principal */

.btn-outline-warning:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}


/*****************************************************************************************
            PUNTITOS
******************************************************************************************/

#loading{z-index:5555;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.75); }

[draggable] {
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  user-select: text;
  -ms-user-select: text;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

/* Loading Spinner */
  .spinner{margin:0;
    width:70px;
    height:18px;
    /*margin:-35px 0 0 -9px;
    position:absolute;
    top:55%;
    left:48%;*/
    text-align:center
  }

  .imgPeti{
    margin:-30px 0 5px 0;
  }

  .spinner > div{
    width:18px;
    height:18px;
    background-color:#fff;
    border-radius:100%;
    display:inline-block;
    -webkit-animation:bouncedelay 1.4s infinite ease-in-out;
    animation:bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
  }

  .spinner .bounce1{
    -webkit-animation-delay:-.32s;
    animation-delay:-.32s
  }

  .spinner .bounce2{
    -webkit-animation-delay:-.16s;
    animation-delay:-.16s
  }

  @-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}
  @keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);
    -webkit-transform:scale(0.0)}40%{transform:scale(1.0);
    -webkit-transform:scale(1.0)}}

/*****************************************************************************************
          FIN  PUNTITOS
******************************************************************************************/


.popover-header{
  margin-top: 0px;
  font-size: .9rem;
}


#info_spr_poa div.row div.row:hover,
#info_spr_poa div.row div.row:hover div.gris{
  background-color: #e3e3e3;
}

#info_spr_poa div.row>div{
  border: .01em solid #d9d9d9;
}

/* Cambia la etiqueta del input[type='file'] estilo de bootstrap */
.custom-file-label::after { content: "Elegir"; }

.visto{
  background: #fff !important;
  border: 1px solid #f7f7f7;
}

.par{
  background: #f2fffb !important;
}

.impar{
  background:#fff9f2 !important;
}



@media only screen and (max-width: 576px)
.gris_temp {
    color: #293f53!important;
    background-color: #ececec;
    font-weight: bold;
}


.marca_agua:after {
  content: "CANCELADA"; 
  font-size: 10em;  
  color: rgba(220, 52, 69, 0.4);
  /*z-index: 9999;*/
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(330deg);
}

.panel_uno{
  -webkit-box-shadow: 0px 0px 10px 5px rgba(203,219,255,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(203,219,255,1);
  box-shadow: 0px 0px 10px 5px rgba(203,219,255,1);
}

.panel_dos{
  -webkit-box-shadow: 0px 0px 10px 5px rgba(219,255,210,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(219,255,210,1);
  box-shadow: 0px 0px 10px 5px rgba(219,255,210,1);
}

.border-dark-blue {
    border-color: #293f53 !important;
}


/*
  * ESTILO PARA INPUT CON DIV POR UN LADO, SIMULANDO BOTON 
  * ESTILO ADICIONAL A LA CLASE DE BOOTSTRAP 
  **/
  /* clase para el input, redondea esquinas */
  .input-group-dp{
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  /* estilo para que el div, parezca boton */
  .input-group-addon-dp{
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      text-align: center;
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem;
  }

  /* para que el div aparezca boton verde */
  .input-group-addon-dp-green{
      color: #26B99A;
      border: 1px solid #26B99A;
  }

  /* para que el div aparezca boton rojo */
  .input-group-addon-dp-red{
      color: #dc3545;
      border: 1px solid #dc3545;
  }

  /* para que el div aparezca boton verde de acuerdo al estados */
  .input-group-addon-dp-green:hover, 
  .input-group-addon-dp-green:focus, 
  .input-group-addon-dp-green:active, 
  .input-group-addon-dp-green.active { 
    color: #fff; 
    background-color: #26B99A; 
    border-color: #26B99A; 
  } 

  /* para que el div aparezca boton rojo de acuerdo al estados */
  .input-group-addon-dp-red:hover, 
  .input-group-addon-dp-red:focus, 
  .input-group-addon-dp-red:active, 
  .input-group-addon-dp-red.active { 
    color: #fff; 
    background-color: #dc3545; 
    border-color: #dc3545; 
  } 
/* FIN ESTILO PARA INPUT CON DIV POR UN LADO, SIMULANDO BOTON */
