
@font-face {
 font-family:Argo-Bold;
 src:url(../../assets/fonts/Argo/argo-bold.ttf)
}
@font-face {
 font-family:Argo-Regular;
 src:url(../../assets/fonts/Argo/argo-regular.ttf)
}

.div_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #002640;
  opacity: .80;
  -webkit-opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=80);
  z-index: 1030;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}





.div_contenido {
  background-color: #fff;
  box-shadow: 0 0 20px 0 #222;
  -webkit-box-shadow: 0 0 20px 0 #222;
  -moz-box-shadow: 0 0 20px 0 #222;
  display: none;
  height: auto;
  margin-left: 2%;
  margin-right: 2%;
  left: 0;
  right: 0;
  padding: 10px;
  position: absolute;
  top: 6%;
  width: auto;
  min-height: 90%;
  z-index: 1050;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
 
}


.div_modal2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #002640;
  opacity: .80;
  -webkit-opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=80);
  z-index: 1060;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.div_contenido2 {
  background-color: #fff;
  box-shadow: 0 0 20px 0 #222;
  -webkit-box-shadow: 0 0 20px 0 #222;
  -moz-box-shadow: 0 0 20px 0 #222;
  display: none;
  height: auto;
  margin-left: 2%;
  margin-right: 2%;
  left: 0;
  right: 0;
  padding: 10px;
  position: absolute;
  top: 6%;
  width: auto;
  min-height: 90%;
  z-index: 1070;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
 
}


.nav-tabs {
  border-bottom: 1px solid 
  #ebedf2;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-tabs.tab-transparent .nav-item .nav-link.active {
background: #ea2534 !important;
border-right: 1px solid
#0c5adb !important;
  color:white;
}
.nav-tabs.tab-transparent .nav-item:first-child .nav-link {
  padding-left: 10px;

}
.nav-tabs .nav-item:first-child .nav-link {
  border-radius: 4px 0 0 0;
}
.nav-tabs.tab-transparent .nav-item .nav-link {
  background: 
  transparent;
  color: #4d74a2;
  border-radius: 0;
  border: none;
      border-right-color: currentcolor;
      border-right-style: none;
      border-right-width: medium;
  border-right: 1px solid rgba(166, 171, 182, 0.3);
  padding: .45rem 1rem;
      padding-left: 1rem;
  font-weight: 600;
}

.page-header .page-title {
    font-size: 1.25rem ;

  }

.btn-sm {
     padding: .2rem .5rem !important;
    font-size: .7075rem !important;
    line-height: 1.5 !important;
    border-radius: 0rem;
    font-weight: 600;

}

.btn-outline-primary {
    background-color:none;
    background-image: none;
    /*border-color: #e1ebf5;*/
    border:none !important;
    color: #4d74a2;
       
}

.icon-azul{
color:#0c5adb !important;
}



.icon-father{
  margin-right: 1px;
  width: 18px !important; 
}

.input-search-table{
  line-height: 0.1 !important;
}

.margin-icon{
  margin-right: 5px;
}
.page-title-font-argo{
  font-family: Argo-Regular !important;
  font-size:1.4em !important;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.btn-redondo{
	border-radius:100%;
	border-color: #fe5e5e !important ;
    background-color: #ff5e5e !important;
    line-height: 2 !important;
}
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.7);
    .cssload-speeding-wheel{ position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px);
    } ;
}





.loader__label {
    float: left;
    position:absolute;
    margin-left: 50%;
    margin-top:-120px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
   
    font-size: 0.875em;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    color: white;
    white-space: nowrap;
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 160px auto;
  font-size: 5px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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


.th-azul{
   background-color: #0f62ac !important;
   color:white !important;
   font-weight: 600 !important;
}
.td-gris-forms{

  background-color: #e4e7ea !important; 
  border-left:2px solid white;
}




.td-gris-claro{

  background-color: #f0f0f0 !important; 
  border-left:10px solid white;
}


.file-manager-list td, .file-manager-list th {
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
}


.td-revision{
   background-color: #00b8d8 !important;  
}

.badge-estado{
  min-width: 90px !important;
  font-weight: 700;
}

.badge-secondary {
    color: #818ea3;
    background-color: #f5f6f8;
    border: 1px solid #d6dce6;
}


.btn-redondo-azul{
  border-radius:100%;
  border-color: #0f62ac !important ;
  background-color: #0f62ac !important;
  line-height: 2 !important;
}

.card-header-azul{
   background-color: #0f62ac !important;
   color:white !important;
   font-weight: 600 !important;
}

.texto-small{
 font-size: 0.7em;


}

.badge-danger {
    color: #fff;
    background-color: #ff194a;
}

.h4, h4 {
    font-size: 1.3rem;
    line-height: 2rem;
}

.td-btn-azul-claro{

  background-color: #E9EBF0;
  vertical-align: middle !important;
  border-left:2px solid white;
  border-bottom:1px solid white;
}

.td-btn-azul-claro:hover{

  background-color: white;
 
}

.text-primary{

  color:#0055ac !important;
}


li.badge{
  border: 1px solid #ea2534;
  padding-left:5px;
  margin-left:5px;
  text-align: center;
  color:#5a6169;
  font-size: 1em;

}

li.badge span{

  padding-left:5px;


}

ul.form-control .badge button.close {

    font-size: 1.5em;
    line-height: .9em;


}
.texto-small-azul{
  font-size: 0.8em;
  color:#0f62ac !important;
}

.btn-secondary {
    color: #fff;
    border-color: #0f62ab;
    background-color: #818ea3;
    box-shadow: none;
}

body{
  background: #f6f8fa !important;
}

.table-generic{
  /*border-top: 2px solid #ea2534 !important;*/
  width: 100%;
  background-color: white;
  border-radius: 10px;
  border: solid 1px #c4d4e3;
  box-shadow: none;
}
.table-generic td{
vertical-align: middle;
}
.th-gris{
 padding-top:200px;
  background-color:white;
  color:#481e1f;
  padding-top: .90em !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.table thead th {
  border-bottom:none;

}

.td-titulo{

    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    font-size: .95rem;
    font-weight: 500;
    line-height: 1.0em;
}

.td-subtitulo{

    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    font-size: .75rem;
    font-weight: 400;
    color:#ea2534;
    display:blocK;
}

.td-subtitulo-ad{

    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    font-size: .75rem;
    font-weight: 400;
    color:#818ea3;
     display:blocK;
     line-height: 1.2
}

.btn-redondo-suave {
    border-radius: 100%;
    padding: .2rem .8rem !important;
    /*border-color: #e1ebf5 !important;
    background-color: #e1ebf5 !important;*/
   
    border-color:  #000 !important;
    background-color:  #000 !important;

   
    line-height: 2.3 !important;
}


.btn-redondo-suave i{
  color:white !important;
}

.btn-redondo-ayuda {
  border-radius: 100%;
  padding: .2rem .8rem !important;
  /*border-color: #e1ebf5 !important;
  background-color: #e1ebf5 !important;*/
 
  border-color:  #026ddf !important;
  background-color:  #ea2534 !important;

 
  line-height: 2.3 !important;
}

.btn-redondo-ayuda i{
  color:white !important;
}


.tit-encabezado {
    text-transform: lowercase;
}

.tit-encabezado:first-letter {
    text-transform: uppercase;
}

.card{

  border-radius: 0px;
  border: solid 1px #c4d4e3;
  box-shadow:none;
}

.card-samall{
  box-shadow:none;
}

.card:hover{


-webkit-box-shadow: 2px 10px 21px -12px rgba(127,176,224,1);
-moz-box-shadow: 2px 10px 21px -12px rgba(127,176,224,1);
box-shadow: 2px 10px 21px -12px rgba(127,176,224,1);
}

.text-primary{
  color:#000  !important;
}

.nav-link-icon {
    color: #4d74a2 !important;
}

.main-content .header-navbar, .main-content > .main-navbar{
   border-radius: 0px;
  border: none;
  box-shadow:none;
  background-color: #ffffff ;
  background-color:  #481e1f !important;
 
/*background-color: #0c5adb !important;*/

}

.navbar-light .navbar-brand {
    font-weight: 500;
    color:  rgb(222, 235, 255) !important;

}


.navbar-light .navbar-nav .nav-link {
    color: rgb(222, 235, 255) !important;
}

.bg-primary {
    background-color:  #ea2534 !important;
}


.btn-primary {
-moz-box-align: baseline;
align-items: baseline;
border-color: #ea2534 !important;
background-color: #ea2534 !important;
border-radius: 3px;
border-width: 0px;
box-sizing: border-box;
color: rgb(255, 255, 255) !important;
cursor: default;
display: inline-flex;
font-size: inherit;
font-style: normal;
height: 2.28571em;
line-height: 2.28571em;
margin: 0px;
max-width: 100%;
outline: currentcolor none medium !important;
padding: 0px 8px;
text-align: center;
text-decoration: none;
transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
vertical-align: middle;
white-space: nowrap;
width: auto;

   


}



.container-ancho{
  width: 100% !important;
  max-width: 1366px;
 
}


.btn-row-accion{
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  border:none;
  height: 100%;
  background-color:#fff0;
}



.td-sumary{
  background-color:white ;
  border-left: none;
}

.jqx-fill-state-pressed-energyblue {
  
    background-color: #a4d0ff !important;
}

.jqx-fill-state-normal-energyblue, .jqx-widget-header-energyblue {
    border-color: #a4bed4;
    background-color: #fff !important;
   
    color: #481e1f;
   font-size: 11px !important;
   font-weight: 600 !important;
   text-align: center !important;

}

.jqx-grid-column-header div {

  text-align: center !important;
}

.jqx-cell{
  padding-top:0px !important;
  padding-bottom:0px !important;
  padding-left:6px !important;
  padding-right: 1px !important;
  height: 28px;

}

.jqx-grid-cell {
  font-size: 11.4px !important;
}

.jqx-widget-energyblue .jqx-grid-column-header-energyblue, .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-group-cell-energyblue, .jqx-grid-group-cell-energyblue {
    border-color: #dce4ea !important;
}

.jqx-tree-grid-indent {
  display:none !important;
}

.totales-sumary {
  font-weight: 600;
}

.totales-sumary-apu{
  margin-top: 5px !important;
  margin-right: 5px;
  font-weight: 600;
}


.icon-insertar {
    background: url('iconos/insertar_hover.svg');
    height: 15px;
    width: 15px;
    display: block;
   
    
}

.icon-insertar:hover {
     background: url('iconos/insertar.svg');
    display: block;
  
    
}

.icon-insertar:active {
     background: url('iconos/insertar.svg');
    display: block;
   
    
}

.btn-table-edit{
     display: none;
}

.btn-table-add{
      display: inline-block;
}

.btn-table-remove{
   display: inline-block;
}

.btn-blanco-table{
  height: 33px !important;
  padding: .0625rem 1rem;
  
  
}
.btn-azul{
  background-color: #ea2534;
  
}
.btn-azul:hover{
  background-color: #ea2534;
  
}
.btn-oculto{
  display:none !important;
}

.btn-visible{
  display: block !important;
}

.icon-color_blanco{
  color:white !important;
}


.modal-backdrop {

  background-color: #02264f !important;
}

.modal-backdrop.show {
  opacity: .52 !important;
}

.modal-content{
  border-radius: .3rem !important; 
}

.form-control {
background-color:#e5e8ee !important;
font-weight: 600 !important;

}

.form-control:hover {
  background-color:#ffffff !important;
  
}

.label-apu-titulo{
  margin-top: 10px;
  margin-bottom: 5px;
  display: none;
}


.notifyjs-corner {
  position: fixed;
  margin: 5px;
  z-index: 1500 !important;
}

.titulo-azul-apu{
  color:#086ad2;
  font-size: 13px !important;
  font-weight: 550 !important;
}

.column-noeditable{
  background-color: #f4f5f7 ;
}

.jqx-widget-content {
  font-size: 11px !important;

}

.contentjqxgrid_insumos_PRES{
  top:0px !important;
}



.td-capitulo{
  background-color: #E9EBF0 !important ;
  border-left: none;
}
.tabla-resultados{
  width: 100%;
  border-top: 1px solid #dce4ea;
  margin-top: 20px;
}

.td-labels-right{
  text-align: right;
  width: 80%;
}

.td-valores-right{
  text-align: right;
  width: 20%;
}

.span-resultados-valores{
 
  font-weight: 610; 
  color:black; 
  font-size: 0.89em; 
  padding-right: 20px;
}

.td-total-presupuesto{
  background-color: #c5def9;
}

.aprobado{
  background-color: #e7fde7;
  padding-bottom: 10px;
  padding-top: 10px;
  border: 1px dashed #b8cab8 !important;

}


a{
  outline: none;
}




/*    */





.text-naranja{
  font-weight: 450;
	color: #ea2534 !important;
}


.btn-primary:hover {

	background-color: #000;
border-color: #3d5170;
box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,123,255,.25);
    color: #fff;

}

.table-strech{

  font-size: 0.70em !important;
}

.table td, .table th {
    padding: .05rem;
}


.btn-valet{

  border-radius: 1.25rem;
  padding: .6rem 1.5rem;
}


.page-link {
  padding: .5rem .75rem;
  line-height: 1.25;
  color: #ea2534;
  background-color: #fff;
  border: none;
  margin: 0;
  transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
}




.page-item.active .page-link {
  color: #fff;
  border-color: #ea2534 !important;
  background-color: #ea2534 !important;
}

.td-gray-price{

  background-color: #dcdddd;
  font-weight: 700;
}


.btn-black:not([disabled]):not(.disabled).active, .btn-black:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, .btn-white:not([disabled]):not(.disabled):active {
  box-shadow: none !important;
  background-color: #ea2534;
  border-color: #ea2534;
  color: #fff;
}

.form-group {
  margin-bottom: 5px !important;
}


.list-group-item:first-child
{
  border-top-left-radius: 0.0rem !important;
  border-top-right-radius: 0.0rem !important;
}


.list-group-item
{
  padding: .25rem 1.25rem !important;

}


.list-a-active{

  display: block;
  background-color: #ea2534;
  color: white;
}



.btn-google {
  display: inline-block;
  background: #db4437;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  margin-top: 10px;
}

.btn-google:hover {
  background: #c23321;
  color:white;
  font-weight: 500;
}

.btn-microsoft {
  display: inline-block;
  background: #ea2534;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  margin-top: 10px;
}

.btn-microsoft:hover {
  background: #ea2534;
  color:white;
  font-weight: 500;
}

.td-rechazada{

  background-color:#ff9583;
  font-weight: 700;
}

.td-aprobada{

  background-color:#c1ffe1;
  font-weight: 700;
}

.td-border-right{
  border-right: 1px solid #dce4ea;
}

.td-bg-red{
  background-color:#ff9583;
  font-weight: 700;
}


.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #481e1f !important;
  box-shadow: 0 .313rem .719rem rgba(0,123,255,.1),0 .156rem .125rem rgba(0,0,0,.06);
}

.datepicker {
  padding: .4375rem .75rem !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}

.td-strong {
  font-weight: 700;
  padding: .2rem !important;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

.td-atributo {
   font-weight: 700;
  background-color: #e4e7ea;
  padding: .2rem !important;
  vertical-align: middle;
  border-top: 1px solid #ffffff !important;
  border-right: 1px solid #dee2e6;
  width: 200px;
  max-width: 200px;
  
}

.form-normal {
  border: 1px solid #ced4da;
  width: 100%;
  border-radius: 0px;
  font-size: inherit !important;
  line-height: inherit !important;
}

.datepicker-p-0 {
  padding-left: 0px !important;
}

.table-min{

  width: 100%;
  table-layout: fixed;  text-align: left; font-size: 0.85em !important; margin-top: 20px;
}


