/*Estilo azul corporativo predeterminado aplicado al cuerpo de la pagina*/
/*color azul #EFF3FB*/
body {
	font-family: Arial;
	font-size: 9pt; /*margin-top: 3%;
	#9999CC el moradito*/
background-color: white;
}

/*Estilo aplicado a la tabla plantilla principal contenida en la master page*/
#template {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
}

/*Estilo aplicado unicamente a la seccion de encabezado de la plantilla principal*/
#header {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
	height: 60px;
	background-color: white;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de control de status de usuario en una pagina, logueado o no logueado por ejemplo*/
* {
	font-family: Arial;
}

input.text_entry {
	width: 200px;
	border: 1px solid #ccc;
}

#status {
	font-family: Arial;
	font-size: 8pt;
	width: 120px;
	height: 20px;
	text-align: center;
	background-color: lightsteelblue;
	vertical-align: middle;
	border-style: outset;
	border-width: 1px;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de la plantilla donde va situado el menu*/
#menu {
	font-family: Arial;
	font-size: 8pt;
	width: 830px;
	height: 20px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 5px;
	border-style: outset;
	border-width: 2px;
	border-color: #EEEEEE;
	background-color: whitesmoke;
}

/*Estilo aplicado a la seccion donde deberia ir ubicado el sitemappath*/
#navegacion {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	background-color: transparent; /*background-color:  lightgray;
	*/
padding-left: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de la plantilla donde va ubicado el treeview*/
#treeview {
	font-family: Arial;
	font-size: 8pt;
	width: 120px;
	vertical-align: top;
	background-color: WhiteSmoke;
	padding-top: 5px;
}

/*Estilo aplicado a la seccion donde esta ubicado el contenido dinamico del sitio web*/
#contenido {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
	height: 300px;
	padding: 8px;
	vertical-align: top;
	background-color: White;
	z-index: auto;
}

/*Estilo aplicado a la seccion de informacion de la plantilla normalmente ubicado debajo del contenido*/
#info {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	text-align: left;
	background-color: WhiteSmoke;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
}

/*Estilo aplicado a la barra de iconos y enlaces dentro de la plantilla normalmente ubicado arriba del footer*/
#links {
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
	background-color: lightsteelblue;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: outset;
	border-width: 2px;
	width: 950px;
	height: 40px;
	border-color: #EEEEEE;
}

/*Estilo aplicado al pie de la pagina*/
#footer {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

/*Estilo clase que puede ser aplicado al encabezado de un gridview*/
.gridview_header {
	background-image: url(imagenes/degradado_top.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-attachment: inherit;
}

/*Estilo clase que puede ser aplicado al pie de un gridview*/
.gridview_footer {
	background-image: url(imagenes/degradado_bottom.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-attachment: inherit;
}

.MenuIE8 {
	position: relative;
	z-index: 50;
}

.data_grid {
	margin: 25px auto;
	font-size: 11px;
	width: 650px;
}

.data_grid_peq {
	margin: 25px auto;
	font-size: 7px;
	width: 650px;
}

.data_grid table td {
	border: 0;
}

.data_grid td {
	border: 1px solid #f1f1f1;
	text-align: center;
	padding: 3px;
}


.data_grid td.subtitle {
	text-align: left;
}

.data_grid th {
	background-color: #f1f1f1;
	padding: 5px;
	height: 40px;
}

.data_grid22 th {
	background-color: black;
	padding: 5px;
	height: 40px;
}

.data_grid tr.selected {
	background: #ddd;
}

.data_grid a {
	color: #17A000;
}

.data_row {
	height: 40px;
}

.data_row:hover {
	background-color: #f3f3f3;
}

.data_tabla {
	font-size: 14px;
}

.data_grid2 {
	font-size: 6px;
}

.labelverde1 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 2px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 100%;
	height: 25px;
}

.labelverde2 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 1px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 50px;
	height: 25px;
}

.labelverde3 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 1px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 100px;
	margin-bottom: 5px;
}

.tituloazul {
	background-color: #007bbf;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
	height: 25px;
	padding: 3px;
}

.tituloverdeoscuro {
	background-color: #007bbf;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
	height: 25px;
	padding: 3px;
}

.btn_azul {
	background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #ffffff;
	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}

.btn-content-blue input[type=submit][disabled=disabled] {
	background-color:  #007bbf;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #ffffff;
	cursor: not-allowed;
    opacity: 0.85;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}

.txtbox_oft {
  width:200px;
}

.lbl_valdat {
width:170px;
}

.ml83 {
margin-left:83px;
}

.labelverde {
	background-color: #84b816;
	border-radius: 5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	margin-bottom: 15px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 100%;
	height: 20px;
}

.labelverde_2 {
	background-color: #84b816;
	border-radius: 5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	/*padding: 6px;*/
	/*margin-bottom: 15px;*/
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	/*box-shadow: 2px 2px 1px #888888;*/
	width: 100%;
	height: 20px;
}

.labelverde4 {
	background-color: #84b816;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	margin-bottom: 15px;
	text-align: center;

	-webkit-box-shadow: 3px 0px 6px #888888;
	box-shadow: 3px 0px 6px #888888;
	width: 100%;
	height: 20px;
}

.labelverde6 {
	background-color: #84b816;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	margin-bottom: 15px;
	text-align: center;

	-webkit-box-shadow: 3px 0px 6px #888888;
	box-shadow: 3px 0px 6px #888888;
	height: 20px;
}

.labelverde7 {
	background-color: #84b816;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	margin-bottom: 15px;
	text-align: center;
    margin-top:10px;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;	
    display:inline-block;
    font-size:8pt;
    width:170px;
}

.ml90 {
    margin-left:90px;
}

.ml260 {
    margin-left:260px;
}
.ml235 {
    margin-left:235px;
}
.ml195 {
    margin-left:195px;
}
.ml240 {
    margin-left:240px;
}

.ml85 {
margin-left:85px;
}
.ml80 {
margin-left:80px;
}
.ml55 {
margin-left:55px;
}
.ml45 {
margin-left:45px;
}
.ml49 {
margin-left:49px;
}
.labelverde5 {
    margin-top:10px;
    vertical-align: middle;
    background-color: #84b816;
    border-radius: 5px;
    color: #ffffff;
    font-style: normal;
    padding: 6px;
    margin-bottom: 15px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;
}]

.tabentrada {
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial;
}

.btn_azul1 {
	margin-top: 51px;
	background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	color: #ffffff;
	border-radius: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}

.texto_gris {
	color: Gray;
	font-weight: bold;
	font-family: Arial;
}

.texto_verdazul {
	color:#00bfa4;
	font-weight: bold;
	font-family: Arial;
    font-size:12pt;
}

.texto_verde {
	color:#13805A;
	font-weight: bold;
	font-family: Arial;
    font-size:12pt;
}

.texto_verde_claro {
	color:#84b816;
	font-weight: bold;
	font-family: Arial;
    font-size:12pt;
}

.texto_negro {
	color:black;
	font-weight: bold;
	font-family: Arial;
    font-size:12pt;
}

.btn_blanco {
	background-color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	 /*box-shadow:  2px 2px 1px #888888;
	*/
/*text-align: center;
	*/
font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#gv_reembolso {
	background-color: #84b816;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	text-align: center;

	-webkit-box-shadow: 3px 0px 6px #888888;
	box-shadow: 3px 0px 6px #888888;
	height: 20px;
}
.data_grid33 {
	margin: 25px auto;
	font-size: 11px;
	width: 650px;
}

.data_grid_peq {
	margin: 25px auto;
	font-size: 7px;
	width: 650px;
}

.data_grid33 table td {
	border: 0;
}

.data_grid33 td {
	border: 1px solid #f1f1f1;
	text-align:center;
	padding: 3px;
}


.data_grid33 td.subtitle {
	text-align: left;
}

.data_grid33 th {
	background-color: #f1f1f1;
    color:black;
	padding: 5px;
	height: 40px;
}



.data_grid33 tr.selected {
	background: #ddd;
}

.data_grid33 a {
	color: whitesmoke;
}

.data_row15 {
	height: 40px;
    text-align:left
}

.data_row15 td {
	height: 40px;
    text-align:center;
}

.data_row16 td {
	height: 40px;
    text-align:right;
}


.data_row15:hover {
	background-color: #f3f3f3;
}


.rotateimg 
 {
   
    -moz-transform:rotate(+90deg);
    transform:rotate(+90deg);
    -webkit-transform:rotate(+90deg);
    -ms-transform:rotate(+90deg);
    -o-transform: rotate(+90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  height:100%;
  width:100%;
  
}
.rotateimg1 
 {
   
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}
.rotateimg2 
 {
   
    -moz-transform:rotate(270deg);
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}
.rotateimg3 
 {
   
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform: rotate(360deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}

.imagen 
{
    position:absolute;
    overflow:auto;

    }

.t_br {
    border-radius:5px;
    box-shadow: 2px 2px 1px #888888;
}


.MasterMenuItems {
    font-family: Century, Tahoma, Arial;    
    font-weight: bold;      
}

.grid_12 td {
    padding: 0px 6px;
    font-size:10pt;
}



.dxmMenuItemWithImage a:link,
.dxmMenuItemWithPopOutImage a:link,
.dxmMenuItemWithImageWithPopOutImage a:link,
.dxmSubMenuRtlItem a:link,
.dxmSubMenuItemWithPopOutImage a:link,
.dxmSubMenuItemWithImage a:link,
.dxmSubMenuItemWithImageWithPopOutImage a:link
{
    color: Black;
    text-decoration: none;
}




/*-----------------*/




/***
Customized Bootstrap Tables
***/
/***
Default table
***/
.table.table-bordered thead > tr > th {
  border-bottom: 0;
}
.table.table-striped tbody tr.active:nth-child(odd) td, .table.table-striped tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}
.table tr.heading > th {
  background-color: #eee !important;
}
.table td .img-responsive {
  width: 100%;
}

/* Contextual table row variants */
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #a6c8e6;
  color: #2c5285;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
  background-color: #92bce0;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  color: #3c763d;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
  color: #31708f;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  color: #8a6d3b;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  color: #a94442;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

/***
Responsive & Scrollable Tables
***/
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  margin: 10px 0 !important;
}
.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: #fff;
}
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-scrollable > .table-bordered {
  border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

/***
Responsive Flip Scroll Tables
***/
.flip-scroll table {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  /* 768px */
  .flip-scroll .flip-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }

  .flip-scroll * html .flip-content {
    zoom: 1;
  }

  .flip-scroll *:first-child + html .flip-content {
    zoom: 1;
  }

  .flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .flip-scroll th,
  .flip-scroll td {
    margin: 0;
    vertical-align: top;
  }

  .flip-scroll th {
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    font-size: 13px !important;
    padding: 5px;
    width: auto !important;
  }

  .flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }

  .flip-scroll thead {
    display: block;
    float: left;
  }

  .flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }

  .flip-scroll thead tr {
    display: block;
  }

  .flip-scroll th {
    display: block;
    text-align: right;
  }

  .flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
  }

  .flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  /* sort out borders */
  .flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }

  .flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .flip-scroll tbody tr {
    border-left: 1px solid #ddd;
  }

  .flip-scroll th:last-child,
  .flip-scroll td:last-child {
    border-bottom: 1px solid #ddd;
  }
}
/***
Custom tables
***/
.table-toolbar {
  margin-bottom: 15px;
}

.table.table-full-width {
  width: 100% !important;
}

.table .btn {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 5px;
}

.table thead tr th {
  font-size: 14px;
  font-weight: 600;
}

.table-advance {
  margin-bottom: 10px !important;
}

.table-advance thead {
  color: #999;
}

.table-advance thead tr th {
  background-color: #DDD;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}

.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
  position: absolute;
  margin-top: -5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}

.table-advance tr td {
  border-left-width: 0px;
}

.table-advance tr td:first-child {
  border-left-width: 1px !important;
}

.table-advance tr td.highlight:first-child a {
  margin-left: 15px;
}

.table-advance td.highlight div.primary {
  border-left: 2px solid #428bca;
}

.table-advance td.highlight div.success {
  border-left: 2px solid #45b6af;
}

.table-advance td.highlight div.info {
  border-left: 2px solid #89c4f4;
}

.table-advance td.highlight div.warning {
  border-left: 2px solid #ecbc29;
}

.table-advance td.highlight div.danger {
  border-left: 2px solid #f3565d;
}

@media (max-width: 767px) {
  /* 767px */
  .table-advance tr > td.highlight:first-child a {
    margin-left: 8px;
  }
}


#screen_loading, .loading
{
    background: none repeat scroll 0 0 #000000;
    display: block;
    height: 100%;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}

    #screen_loading div, .loading div
    {
        background: url("imagenes/loading.gif") no-repeat scroll 50% 60% #EEEEEE;
        border: 1px solid #000000;
        color: #000000;
        height: 140px;
        left: 50%;
        opacity: 1;
        padding: 10px;
        position: fixed;
        text-align: center;
        top: 45%;
        width: 150px;
        font-size: 10pt;
            margin-left: -75px;
    }

.btn_azul_gr {
	background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	padding: 15px;
	color: #ffffff;	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
    cursor:pointer;
  
}

.btn_verde {
	background-color: #84b816;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #ffffff;	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}


.margin-top15 {
margin-top:15px;
}

.text-left {
    text-align:left !important;
}

.font18 {
    font-size:18pt;
}

.padding10 {
    padding:10px 0 !important;
}

.btn_azul_pag
{
    
    background-color: #007bbf;
    border-radius: 5px;
    box-shadow: 2px 2px 1px #888888;
    color: #ffffff;
    font-family: Arial;
    font-style: normal;  
    padding: 10px 10px;  
    text-align: center;
}

.btn_verde_pag
{
    
    background-color: #84b816;
    border-radius: 5px;
    box-shadow: 2px 2px 1px #888888;
    color: #ffffff;
    font-family: Arial;
    font-style: normal;  
    padding: 10px 35px;  
    text-align: center;
}

.input-flex
{
    width: 70%;
    min-height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    padding: 0px 10px;
}

.select-flex
{
    width: 80%;
    min-height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    padding: 6px 10px;
}

.content-auto
{
    max-width: 1024px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
}