/* :root {
    background-color: Canvas;
    color: CanvasText;
    color-scheme: dark;
} */
.fs120 {
  font-size: 120%;
}

.fs115 {
  font-size: 115%;
}

.fs110 {
  font-size: 110%;
}

.fs100 {
  font-size: 100%;
}

.fs90 {
  font-size: 90%;
}

.fs85 {
  font-size: 85%;
}

.fs80 {
  font-size: 80%;
}

.fs75 {
  font-size: 75%;
}

.form-quote-label {
  font-size: 90%;
  margin-bottom: 0.5px;
}

.f-c-quote {
  height: 29px;
 font-size: 90%; 

}

.bgth {
  background-color: #ef8317;
  line-height: 20px;
}

select.form-control.f-c-quote:not([size]):not([multiple]) {
    height: calc(2.25rem + 6px);
}

select.form-control.f-c-quote.select-group:not([size]):not([multiple]) {
    height: calc(2.25rem + 1px);
}

.f-c-quote-2 {
  height: 29px;
 font-size: 80%; 

}

select.form-control.f-c-quote-2:not([size]):not([multiple]) {
    height: calc(2rem + 3px);
}


/* tr.tr-record.fs90 > td  {
    line-height: ;
} */          

 .modal-titulo {
  height: 30px;
  font-size: 140%; 
  text-align: left;
}


.imageavatar{
  width: 70%;
  height: 70%;
  margin:/*10px*/ auto;
}



.ics-title-module {
    font-size: 17px;
    font-family: proxima_novalight, sans-serif;
    height: 20px;
    padding: 1px 1px 1px 1px;
    margin-bottom: 20px;
    margin-left: 5px;    
    color: #0E4D92;
    text-align: left;
    vertical-align: middle;    
    letter-spacing: 2px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.ics-title-module-hamdella {
    font-size: 25px;
    font-family: proxima_novalight, sans-serif;
    height: 20px;
    padding: 1px 1px 1px 1px;
    margin-bottom: 20px;
    /* margin-left: 5px; */
    color: #0E4D92;
    text-align: left;
    vertical-align: middle;    
    /* letter-spacing: 2px; */
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.ics-table-header {
    font-size: 11px;
    font-family: proxima_novalight, sans-serif;
    height: 25px;
    padding: 3px 3px 3px 3px;
    color: white;
    /*background-color: #0E4D92;*/
    text-align: center;
    vertical-align: middle;    
    letter-spacing: 3px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.ics-menu-option {
    font-size: 12px;
    font-family: verdana, proxima_novalight, sans-serif;
    height: 10px;
    padding: 1px 1px 1px 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    color: #0E4D92;
    text-align: left;
    vertical-align: middle;    
    letter-spacing: 2px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.ics-table-td {
    font-size: 10px;
    font-family: proxima_novalight, sans-serif;
    height: 5px;
    padding: 1px 1px 1px 1px;
    color: darkgrey;
    vertical-align: middle;    
    letter-spacing: 1px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.ics-table-td-text {
    font-size: 10px;
    font-family: proxima_novalight, sans-serif;
    height: 5px;
    padding: 1px 1px 1px 1px;
    /*color: darkgrey;*/
    color: black;
    vertical-align: middle;    
    letter-spacing: 1px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
}

.ics-table-td-number {
    font-size: 10px;
    font-family: proxima_novalight, sans-serif;
    height: 5px;
    padding: 1px 1px 1px 1px;
    /*color: darkgrey;*/
    color: black;
    vertical-align: middle;    
    letter-spacing: 2px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: right;
}


.ics-number-total {
    font-size: 24px;
    font-family: proxima_novalight, sans-serif;
    /*height: 10px;*/
    padding: 1px 1px 1px 1px;
    color: black;
    background-color: #ffffff;
    vertical-align: middle;    
    letter-spacing: 2px;
    font-weight: bold;
    font-style: normal;
    border: none;
    /*text-decoration: none;*/
    text-align: right;
}


/**
 *  color de la cabecera en las tablas
 */
.ics-thead {
  background-color: #0E4D92;
  height: 20px;
  color: white;
}

/**
 * color para th, que diferencia un conjunto en la tabla
 */  
.ics-th {
  background-color:  #0b3650;      
}



/**
 * color de la cabecera de una tabla dentro de otra cabecera
 */
.ics-thead-2 {
  background-color:  transparent;
  height: 20px;
  color: black;
}

/**
 *   separar objetos  a la derecha -- ejemplo logo en banner
 */
.right-50 {
  margin-right: 50px;
}

/**
 * icono Hamburguesa
 */
.hamburguesa i {
  color: black;
}


/**
 *  logo banner
 */

.logo-banner img {
  width: 90px;
  height: 40px;
}

/**
 *  color de los botones fontawesome tanto de las modal como regresar y limpiar
 */
.color-btn {
  color: #313131;
}


/**
 *  este boton se encuentra en el index de articulos precios, al lado de Factor
 */
.color-btn-guardar {
  background-color: #0E4D92;
  color: white;
}

/**
 * colores del header de la modal y boton de cerrar en la modal
 */

.modal-header {
  /*ics*/
  /*background-color: #0E4D92;*/
  /*hamdella*/
  background-color: #0E4D92;
  color: white;
  font-weight: bold;
  font-family: proxima_novalight, sans-serif;
}

.modal-header-btn {
  color: white;
}

/**
 *  div input mas label separacion
 */

.div-input-label {
  margin-bottom: 2px;
  margin-top: 2px;
  margin-left: 10px;
  margin-right: 10px;
}
.h32{
  height: 32.66px !important;
}
.w34{
  width: 34.70px !important;
}
.ics-table-td-date {
    font-size: 10px;
    font-family: proxima_novalight, sans-serif;
    height: 5px;
    padding: 1px 1px 1px 1px;
    /*color: darkgrey;*/
    color: black;
    vertical-align: middle;    
    letter-spacing: 1px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: right;
}
div.modal-footer .btn.btn-secondary{
  color: #000;
  background-color: #fff;
}
div.modal-footer .btn.btn-secondary:hover{
  color: #fff;
  background-color: #0E4D92;
}