body {
    color: #004571 !important; /*#525460#858796;*/
	font-size: 14px !important; /* Tamaño base */
	/*background-color: #2D4F6C;
    background: #2D4F6C;*/
    /*background: -webkit-linear-gradient(#FFFFFF,#FFFFFF,#2D4F6C);*/
    /*background: linear-gradient(to right, #599fd9, #c2e59c); */
    /*background: linear-gradient(#FFFFFF,#FFFFFF,#2D4F6C);*/ /* BLANOC-AZUL*/
	/*background: linear-gradient(to right, #b3aea8 , #FEAE32);*/ /*GRIS CLARO-NARANJA*/
	/*background: linear-gradient(to right, #2D4F6C , #FEAE32);*/ /*AZUL-NARANJA*/
	/*background: linear-gradient(to right,#999794, #FEAE32); /* GRIS-NARANJA
	background: linear-gradient(to right,#858483, #FEAE32); /* GRIS-NARANJA*/
	/*background: linear-gradient(to right,#525460, #FEAE32); /* este es!GRIS-NARANJA*/
    /*min-height: 100vh;
    overflow-x: hidden;*/
}

header {
    width: 100%;
    height: auto; /*160px;*/
    position: fixed;
    top: 0;
	padding: 10px;
	background-color: #515150;
	/*border: 1px red solid;*/
}

/*.h1, h1 {
    font-size: 20px !important;
}*/

.h6, h6 {
    font-size: 14px !important;
}

.h2, h2 {
    font-weight: 600 !important;
	font-size: 20px !important;
}

/*.h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {    
    font-weight: 600 !important;
}*/

.navbar-brand {
	font-weight: 600 !important;
}	

.loading {
	text-align: center;
	position: absolute;
    top: 40%;
	left:10%;
	color: #525460;
}

#portal {
	margin-top:14PX; /*30px;*/
	/*height:620px;
	overflow:auto;*/
}

.page-header {
   margin: 10px 0 5px !important;
   border-bottom: 0px !important; /*solid #eee;*/

}

.bg-gradient-body {
	/*color: #fff !important;
   	background-image: linear-gradient(230deg, #ffc480, #ff763b);
	background-image: linear-gradient(230deg, #FFAE00, #FF5A00);
	background-image: linear-gradient(45deg, #FF5A00, #FFAE00);*/
	background-image: linear-gradient(45deg, #004571, #004571); 
	background-size: cover;	
  
}

.bg-gradient-footer {
	/*background: #2D4F6C none repeat center top;#004571
	background: linear-gradient(45deg, #525460, #5a5c69);
	background-size: cover;*/
	background-color: #E57200; /* #004571;*/
  
}

/* EJEMPLO NARANJA FUERTE{
  background-image: -webkit-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
  background-image: -moz-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
  background-image: -ms-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
  background-image: -o-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
  background-image: linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
}

Compatibilidad con navegadores quedaría así:
{
  background-image: -webkit-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
  background-image: -moz-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
  background-image: -ms-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
  background-image: -o-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
  background-image: linear-gradient(top, #FF5A00 0%, #FFAE00 100%);
}*/

.navbar-inverse {
	/*background: linear-gradient(to right,#525460, #FEAE32) !important; /* GRIS-NARANJA*/
    /*background-color: #515150 !important;*/
	border:none !important;
}

.navbar-inverse .navbar-toggle{
	border:none !important;
}

/*@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{ border:none !important; /*border-color:#080808*}*/

.nav {
    color: #525460 !important;
}

.menu_lateral { 
  color: #525460 !important; /*#858796;*/
  border: 2px yellow solid;  
  margin: 125px 0px 10px 0px;
  /*padding: 10px; /*0px 10px 10px 10px;*/
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  height:672px;
  width:20%;
  border-radius: 4px;
  float:left;
  /*overflow: auto;*/
}

/* base semi-transparente */
.overlay_0{
	visibility:hidden;
	position:absolute;
	padding:0px;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;				
	background: #000;
	opacity:.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	width:100%;
	height:100%;
	z-index:4000;
}

.overlay_1{
	visibility:hidden;
	position:absolute;
	padding:0px;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	/*background-image:url(vistas/imagenes/trans02.gif);
	background-repeat:repeat;*/
	background: #000;
	opacity:.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	width:100%;
	height:100%;
	z-index:2000;
}	

/* estilo para lo q este dentro de la ventana modal */
.window_modal {
	visibility:hidden;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 300px;
	overflow: hidden;
    outline: 0;
	z-index: 3000;
}


.modal_1 {
	visibility:hidden;
	position:absolute;
	/*padding:10px;*/
	top:auto; /*60px;	*/
	bottom: auto;
	left:300px;	
	/*background: #fff;
	width: 50%;
	height: auto; /*90%;
	border-radius: 5px; */
	z-index:3000;
}

.modal_2 {
	visibility:hidden;
    position: absolute;
    top: auto;
    /*right: auto;*/
    bottom: auto;
    left: 300px;    
    /*display: block;*/
	overflow: hidden;
    outline: 0;
	z-index: 3000;
}

.modal-dialog {
    left: auto;
    margin-right: auto;
    margin-left: auto;
	position: relative;
    width: auto;
    /*margin: 0.5rem;*/
    pointer-events: none;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

/*@media (min-width: 576px) {
	.window_modal {		
    	top: auto;
		bottom: auto;
		left: 300px;		
		/*right: auto; 
	}
}*/


@media screen and (max-width: 900px) { /*@media (max-width: 500px) {*/
	.window_modal {		
    	top: auto;
		/*right: auto;*/
		bottom: auto;
		left: auto;
		width: 100%; 
	}
	.modal-dialog {
		max-width: 100%!important; /*500px*/
		/*margin: 1.75rem auto!important;*/
		margin: 10px!important;
	}
}	

/*
.input-group .form-control {
    z-index: 1!important; 
}


@media(max-width:500px) {
	.modal_1 {			
		left:50px;
	}
}*/

.caja_modal { 
	width:100%; 
	height:100%; 
	padding:10px; 
	border: 1.5px orange solid; 
	border-radius: 5px; 
	overflow:auto;
	color: #515150;
	font-size: 12px;
}

.titulo_modal {
	float: left;
  	display: block;	
    background-color: #515150;
    color: #FFFFFF;
    font-size: 14px;
	text-align:left;    
	text-decoration: none;
	/*padding: 5px;*/
  	padding-top: 10px;
  	padding-right: 5px;
  	padding-bottom: 10px;
  	padding-left: 5px;  
    width: 60%;
	height:40px;
	border-radius: 4px 0px 0px 4px;
}

.menu_modal{
  float: left;
  display: block;
  background-color: #515150;
  color: #FFFFFF;
  font-size: 14px;
  text-align: right;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  margin:0px;
  width:40%;
  height:40px;  
  border-radius: 0px 4px 4px 0px;
}

.menu_modal>li {
	display: inline !important;
	color: #FFFFFF;
	padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
	width:auto;	
}

.menu_modal a {
    color: #FFFFFF;
    text-decoration: none;
}

.menu_modal a:hover {  
	color:orange;
	text-decoration: none
}

.caja_content {
	float:left;
  	border: 1px solid #515150;
  	border-radius: 4px;
	margin-top:10px;	
  	padding:10px;
  	width: 100%;
  	/*height:550px;
	overflow:auto;*/
}

.caja_content a {
	color: #515150;
	text-decoration: none; 
}

.caja_content a:hover {  
	color:orange;
	text-decoration: none
}	

.letra_chica {
	font-size: 12px; 
	line-height: 10pt
}

.text-white {
    color: #fff !important;
}

.text-gris {
    color: #262626 !important;
}

.text-azul {
    color: #0F1A23;
}

.text-orange {
    color: orange;
}	

.sesion {
	padding:5px; 
	font-size: 1rem; 	
}

.bg-gradient-menulateral {
    background-color: #858483;
    background-image: linear-gradient(180deg,#FFFFFF 10%,#FEAE32 100%); /*#858483*/
    background-size: cover;
}

.bg-gradient-menutop {
    background-color: #858483;
    background-image: linear-gradient(to right,#FFFFFF 10%,#FEAE32 100%); /*#858483*/
    background-size: cover;
}

.bg-gradient-cuerpo {
	background-color: #858483;
    background-image: linear-gradient(180deg,#FFFFFF 10%,#FEAE32 100%); /*#858483*/
    background-size: cover;
}

footer {
	/*min-height: 50px;*/
	width: 100%;
    bottom: 0;
    position: fixed;
    padding: 10px;
	z-index: 5; 
	color:#FFFFFF;
	/*background: linear-gradient(to right,#525460, #FEAE32); /* GRIS-NARANJA*/
} 

.fa-stack-1x, .fa-stack-2x {    
    padding: 5px;
}

/* POPOVVER */

a {
  text-decoration: none !important;
}

a:hover{text-decoration:none !important;}

.popover__title {
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  color: rgb(228, 68, 68);
  text-align: center;
  padding: 15px 0;
}

.popover__wrapper {
  position: relative;
  margin-top: 1.5rem;
  display: inline-block;
}
.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -150px;
  transform: translate(0, 10px);
  background-color: #bfbfbf;
  padding: 1.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
}
.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfbfbf transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}

.field_set {
	background-color: #f8f8f8;
	border: 1px #e5e5e5 solid;
	border-radius: 4px;
	padding:15px;
}

legend {
 border-bottom: 0px !important;
} 

/* INPUT FILE */
.btn-file {
    position: relative;
    overflow: hidden;
}

.custom-file-uploader {
  position: relative;
}

.custom-file-uploader input[type='file'] {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: default;
}

.custom-file-uploader.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.portapdf {
	width: auto;
    height: auto; /*500px;*/
    margin: 0 auto;
	background: #fff;
	border-radius: 5px;
	cursor:pointer;
	/*border: 1px red solid;*/
}

/***********************************************/
/************ TABLAS RESPONSIVAS ***************/
/***********************************************/


table {
    border: 1px solid #e3e6f0; /*#A9AAB0; #ccc;*/
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
	/*background-color: #f8f8f8;X
    border: 1px solid #ddd;*/
    padding: 5px;
}

table th, table td {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
    text-align: left;
	vertical-align: middle;
	font-size: 12px;
}


table th {
	background: #c0c0c0; /*#FF8B4B; #FF5A00;*/
	/*border: 1px solid #A9AAB0;
	border-left: 1px solid #A9AAB0;
	border-right: 1px solid #A9AAB0;*/	
	/*color: white; */
	font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    /*letter-spacing: 1px;*/
}

table tr th {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

table tfoot tr {
	background: #c0c0c0 !important; 
	font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

table tfoot, tfoot th, tfoot td {
	text-align: left;
	vertical-align: middle;
}

.sorting {
  background-color: #D4D4D4;
}

.asc:after {
  font-family: "Font Awesome 5 Free";
  content: " \f062";
}

.desc:after {
  font-family: "Font Awesome 5 Free";	
  content: " \f063";
}

@media screen and (max-width: 900px) { /* si la ventana del navegador tiene un ancho de 900px o menos*/
	body {
		font-size:12px!important;		
	}

	.navbar-header {
		float: left;
		font-size: 12px;
	}
	
    table {
      border: 0;
    }
	
	table caption {
		font-size: 1.3em;
	}

    /*table thead {
      display: none;
    }*/
	
	table thead {
	  border: none;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
   }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: center;
      font-size: 12px;
      border-bottom: 1px dotted #ccc;
    }
	
	table td::before {
	  /*
	  * aria-label has no advantage, it won't be read inside a table
	  content: attr(aria-label);
	  */
	  content: attr(data-label);
	  float: left;
	  font-weight: bold;
	  /*text-transform: uppercase;*/
	}

    table td:last-child {
      border-bottom: 0;
    } 
	
	table tfoot {
	  /*margin-bottom: 10px;	
	  border-bottom: 1px dotted #ccc; */
	  display: block !important;
	  margin: 10px 15px 20px;
      box-shadow: 0 0 5px 0 rgba(90, 90, 90, 0.5);
      border-radius: 4px;
	}
	
	table tfoot td:first-child {
     display: none;
    } 
	
	table tfoot td::before {
	  /*
	  * aria-label has no advantage, it won't be read inside a table
	  content: attr(aria-label);
	  */
	  content: attr(data-label);
	  float: left;
	  font-weight: bold;
	  /*text-transform: uppercase;*/
	}
	
	/*.table tfoot tr {  
	  display: block;
      margin: 10px 15px 20px;
      box-shadow: 0 0 5px 0 rgba(90, 90, 90, 0.5);
      border-radius: 4px;	  
	} */  
}

/* SCROLLBAR */

.cm-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.cm-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.cm-scrollbar::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}

.cm-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #919191;
}

.cm-table-w-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    max-height: 360px;
}

.cm-table-w-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.cm-table-w-scroll table th {
	vertical-align: middle;
    white-space: nowrap;
}

.cm-table-w-scroll table td {
    /*font-size: 13px;
    padding: 5px 10px; */
    vertical-align: middle;
    /*white-space: nowrap;*/
}

.cm-table-w-scroll thead th {
    background: #c0c0c0;  /* #007bff; set background color for the overcome transparent header cell */
    /*color: #fff;*/
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
    font-weight: 600;
}


/*
.cm-table-w-scroll tfoot,
.cm-table-w-scroll tfoot th,
.cm-table-w-scroll tfoot td {
    position: -webkit-sticky; /* for Safari *
    position: sticky;
    bottom: -1px;
    background: #fff; /* set background color for the overcome transparent header cell *
    color: #555;
    font-size: 11px;
    z-index: 4;
    box-shadow: 0 0 5px 0 rgba(90, 90, 90, 0.15);
}*/

@media screen and (max-width:767px) {
    .cm-table-w-scroll table thead, .cm-table-w-scroll table tfoot {
        display: none;
    }

    .cm-table-w-scroll table tbody tr {
        display: block;
        margin: 10px 15px 20px;
        box-shadow: 0 0 5px 0 rgba(90, 90, 90, 0.5);
        border-radius: 4px;
    }

    .cm-table-w-scroll table tbody tr td[data-title]:before {
        content: attr(data-title);
        font-size: 12px;
        padding-right: 10px;
        font-weight: 500;
    }
  
    .cm-table-w-scroll table tbody tr td {
        display: flex;
        justify-content: space-between;
        /*white-space: normal;*/
        text-align: end;
    }

    .cm-table-w-scroll table tbody tr td:not(:last-child) {
        border-bottom: 1px solid rgb(204 204 204 / 32%) !important; /* !important to overcome bootstrap css */
    }
    
    .cm-table-w-scroll table th, .cm-table-w-scroll table td {
        padding: 10px;
    }

    .cm-table-w-scroll table thead tr th, .cm-table-w-scroll table tbody tr td {
        border-width: 0px;
        box-shadow: none;
    }
}

/***********************************************/
/****************** CHECKBOX *******************/
/***********************************************/

@import url(//fonts.googleapis.com/css?family=Open+Sans:200, 300, 400, 700);

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

label.btn.toggle-checkbox > i.fa:before { content:"\f096"; }
label.btn.toggle-checkbox.active > i.fa:before { content:"\f046"; }

label.btn.active { box-shadow: none; }
label.btn.primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #ffffff;
    box-shadow: none;
}
label.btn.info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #ffffff;
    box-shadow: none;
}
label.btn.success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
    box-shadow: none;
}
label.btn.warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #ffffff;
    box-shadow: none;
}
label.btn.danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #ffffff;
    box-shadow: none;
}
label.btn.inverse.active {
    background-color: #222222;
    border-color: #111111;
    color: #ffffff;
    box-shadow: none;
}

#btn_ug {
	color: #333;
    background-color: #fff;
    border-color: #ccc;
	padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}