/* 
 * Agregado de los estilos W3
 * sáb jun 11 21:50:38 UYT 2016 - [dfr]
 */
@import 'w3.css';

body {
	font: small Verdana,Arial,Helvetica,sans-serif;
/*	border-collapse: collapse; */
	margin-bottom: 3em;
}

/* 
 * Estilos select2 de JQuery
 * Se agregan para que se parezcan un poco a w3-select
 * mar ene 18 21:06:41 -03 2022 - [dfr]
 */
.select2-selection__rendered {
    line-height: 34px !important;
	color: #000 !important;
}
.select2-container .select2-selection--single {
    height: 39px !important;
	border:1px solid transparent !important;
	border-bottom:1px solid #009688 !important;
	background-color: #e9e9ed !important;
	border-radius: 0 !important;
}
.select2-selection__arrow {
    height: 38px !important;
}

a:link {
	text-decoration: none;
}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	font-weight: bold;
	text-align: right;
}

th a:link {
	text-decoration: none;
/*	color: white;*/
}

a:active {
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.lista td a {
	color: black;
}

img {
	border: none;
}

img.foto {
	border: thin solid;
}

th {
	vertical-align: middle;
/*	color: white;*/
/*	color: #9d4848;*/
}

th.rotulo {
	background-color: #ffeeee;
	text-align: left;
}

table.ficha th {
	background-color: white;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	padding-right: 0.5em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

th.formulario {
	background-color: #ffeeee;
	color: #000;
	text-align: left;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

table.lista td, th {
	vertical-align: center;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

/*
 * Estilos de linea par e impar
 * lun abr 27 16:11:42 UYT 2015 - [dfr]
 */
table.lista > tbody > tr:nth-child(odd) > td {
	background-color: #ffffff;
}
table.lista > tbody > tr:nth-child(even) > td {
	background-color: #ffeeee;
}

td.formulario {
	background-color: white;
}

td.ficha {
	background-color: white;
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	padding-left: 0.5em;
}

table.ficha td {
	background-color: white;
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
}

.mensajeError {
	background-color: #f67;
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	float: left;
	margin-bottom: 0.2em;
}

.mensaje {
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	float: left;
	margin-bottom: 0.2em;
}

.dato {
	background-color: lightgrey;
}

.error {
	font-weight: bold;
	font-family: Verdana;
	font-size: medium;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	float: left;
}

.total {
	font-weight: bold;
	text-align: right;
}

.importe {
	text-align: right;
}

.fecha {
	text-align: center;
}

.titulo {
	background-color: #fcfafb;
	color: #00008b;
}

/*
* agregado por Rodriguez 
* Thu Feb 23 22:57:19 UYT 2006
*/
.titulo_documento_anulado {
background-color: #3dc04a;
color: red;
}

.titulo_documento_extornado {
	background-color: #3dc04a;
	color: lightgrey;
}
/* hasta acá el agregado ... */

.titulo-pie {
	background-color: #ca90a4;
	color: #000;
}

.par {
	background-color: #ffeeee;
}


.impar {
	background-color: #ffffff;
}


.deshabilitado {
	background-color: lightgrey;
}

table.lista tbody > tr:hover > td {
	background-color: #ffb6c1;
}

tr.par:hover {
	background-color: #ffb6c1;
}


tr.impar:hover {
	background-color: #ffb6c1;
}

table.recuadro {
	border: thin solid #952b51;
}

table.lista {
	border-bottom: thin solid #ca90a4;
	font-size: 8pt;
	clear: both;
/*
* Agregado porque el Bootstrap elimina las lIneas entre columnas
* miE dic 16 22:10:09 ART 2015
*/
	border-spacing: 2px !important;
	border-collapse: separate !important;
}

table.ficha {
	border-bottom: thin solid #952b51;
	font-size: 8pt;
	empty-cells: show;
}

table.formulario {
	border: thin solid #952b51;
	font-size: small;
}

caption.formulario {
	font-size: large;
	font-weight: bold;
	color: white;
	background-color: #952b51;
}

caption.lengueta {
	font-size: large;
	color: #000;
	background-color: #b0c4de;
	text-align: left;
	text-indent: 1em;
}

caption.ficha {
	font-size: large;
	color: white;
	background-color: #952b51;
}

table.ficha caption {
	font-size: large;
	color: white;
	background-color: #952b51;
}

caption.lista {
	font-size: large;
	font-weight: bold;
	color: white;
	background-color: #952b51;
}

tfoot.lista {
	background-color: #ca90a4;
}

.lista tfoot {
	background-color: #ca90a4;
}

/*Estilos generales para tipos de datos*/
/*Para datos numéricos no importes*/
.numero{
	text-align:center;
}

/*Para nombres de personas*/
.nombre{
	text-align:left;
}

/*
* Estilos para el conjunto de botones de impresión
* Para datos numéricos no importes
*/
.frm_imp {
	text-align:right;
	float: right !important;
}

/*
* agregado por el estado de cuenta y el Mayor
* Thu Apr  6 21:02:05 UYT 2006 - [dfr]
*/
fieldset {
	border: none 
}

/*
* Estilos para formulario
*/
.formulario fieldset {
	background-color: #ffeeee;
	/*
	 * Agregado porque Bootstrap deja el padding en cero
	 * mar dic 15 21:25:21 ART 2015 - [dfr]
	 */
	padding: 0.5em !important;
	border: thin solid #bbb;
}
.formulario fieldset fieldset {
	margin-top:.5em;
}

/*
* lun jun  4 20:09:26 UYT 2012 - [dfr]
*/
.formulario fieldset fieldset.bordeGrueso {
}

div.formulario {
	float:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.formulario span {
	font-size: small;
}
.formulario input {
}
.formulario p {
	margin-top: 0.5em;
}
.formulario label {
	width: 12em;
	float: left;
	padding-right: 1em;
}
.formulario label.enlinea {
	padding-right: 1em;
	padding-left: 2em;
	float: none;
	/*
	 * Agregado porque Bootstrap desparrama los botones de radio
	 * mié dic 16 12:21:05 ART 2015 - [dfr]
	 */
	display: inline;
}
.label_radio {
	width: 12em;
	font-weight: bold;
}
.formulario label.label_check {
	font-weight: bold;
	float: none;
}
.formulario legend {
	font-weight: bold;
	/*
	 * Agregado porque Bootstrap pone el tamanio del legend en 21px.
	 * mar dic 15 21:25:21 ART 2015 - [dfr]
	 */
	font-size: medium;
	background-color: #ffeeee;
	padding-right: .5em;
	padding-left: .5em;
	padding-top: .5em;
	padding-bottom: .2em;
	border-bottom: thin solid #ffeeee;
	margin-left: -.7em;
	margin-bottom: 2.1em;
}
.formulario fieldset fieldset legend {
	font-weight: bold;
	margin-bottom: 1em;
	margin-left: 0;
	background-color: #952b51;
	color: white;
	border: none;
}
.formulario .requerido {
	color: #FF0033;
	font-weight: bold
}
.nomodif {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
}
.formulario p {
	clear:both;
}
.nomodMuy {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
	float:left;
	width:30em;
	min-height: 2em;
}
.nomodGde {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
	float:left;
	width:20em;
	min-height: 2em;
}
.nomodMed {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
	float:left;
	width:12em;
	min-height: 2em;
}
.nomodChi {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
	float:left;
	min-width:5em;
	min-height: 2em;
}
/*
 * fin de estilos para formulario
 */

.saldo {
	text-align: right;
	font-weight: bold;
}
/*
 * siguen los agregados para el estado de cuenta y el Mayor
 * dom may  7 21:17:43 UYT 2006
 */
.saldoAcreedor {
	text-align: right;
	font-weight: bold;
	color: #c00;
}
.saldoAcreedor:before {
	content: "(";
}
.saldoAcreedor:after {
	content: ")";
}
.destacado {
	color: #000;
	font-weight: bold;
	font-size: large;
}
.masDestacado {
	color: #000;
	font-weight: bold;
	font-size: x-large;
}

/*
 * agregado para mejorar el uso de estilos "en cascada" 
 * sáb abr 29 22:32:10 UYT 2006
 */
table.formulario th {
	background-color: #ffeeee;
	color: #000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.formulario caption {
	font-size: large;
	font-weight: bold;
	color: white;
	background-color: #952b51;
}
table.lista caption {
	font-size: large;
	font-weight: bold;
	color: white;
	background-color: #952b51;
}

h2.encabezado {
	background-color: #eeeeee;
	padding-left:0.5em; 
	padding-right:0.5em; 
	vertical-align:middle; 
	margin-top:0.5em; 
	height:1.5em;
}

h2.encabezado span {
	float:left; 
padding-top: 0.2em;
}

.ficha th h1 {
	color: white;
	background-color: #952b51;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/*
 * Barra de navegación inicial
 * mar nov 20 18:43:11 UYT 2007 - [dfr]
 */
#navlist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li {
	display: inline;
	list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited {
	color: white;
	background-color: #7e0130;
	text-decoration: none;
}

#navlist a.activo {
	background-color: white;
	color: #7e0130;
	font-weight:bold; 
	border:thin solid;
}

#navlist a:hover {
	color: white;
	background-color: #952b51;
	text-decoration: none;
}

/*
 * Agregados de Alejandro para la estadística de becas.
 */
.subtotal {
	background-color: #ffeeee; 
	color: #7b012c; 
	font-weight: bold;
}
.subtotal-destacado {
	background-color: #ca90a4;
	color: #7e0130;
	font-weight: bold;
}
.grantotal {
	background-color: #ca90a4;
	color: white;
	font-weight: bold;
}

/*
 * Estilos para los botones de impresión
 * jue abr  7 12:34:01 UYT 2011 - [dfr]
 */
#btImpPDF {
	background:url('../img/acroread32.png') no-repeat;
	border:none;
	height:32px;
	width:32px;
	color:transparent;
}
#btImpCSV {
	background:url('../img/spreadsheet-32x32.png') no-repeat;
	border:none;
	height:32px;
	width:32px;
	color:transparent;
}
#btImpDir {
	background:url('../img/printmgr32.png') no-repeat;
	border:none;
	height:32px;
	width:32px;
	color:transparent;
}
#btAyuda {
	background:url('../img/help.png') no-repeat;
	border:none;
	height:22px;
	width:22px;
	color:transparent;
}
/*
 * Página de estilos de ToolTip
 * Autor: Eric Meyer (modificada)
 * Descripción: Contiene los estilos para ventanas desplegables.
 * Versión: 1.0
 * Fecha : mar sep 25 10:24:07 2007
 */
a.info {
	position:relative; /*this is the key*/
	text-decoration:none;
}

a.info:hover {
	z-index:25;
	background-color:#ff0;
}

a.info span {
	display: none;
}

a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #0066cc;
	background-color:#ffffff; color:#000;
	text-align: center;
}

fieldset.error {
	font-weight:bolder;
	background-color: #ffffd4;
	float:left;
	border-top: thin solid;
}
fieldset.error legend {
	padding-top: -3em;
	font-weight:normal;
	background-color: #7e0130;
	color: #ffffd4;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.2em;
	padding-bottom:.2em;
}

div.tabs {
	text-align:left;
}

/*
 * Estilos para menu de solapas
 * lun oct  7 21:58:16 UYST 2013 - [dfr]
 */
div.tabs > span.tab_inactiva {
	background-color:#eee; 
	border-bottom: none;
}

div.tabs  span.tab_activa {
	font-weight: bold;
	font-size: normal;
	background:#ffffff; 
	padding: 0.2em;
	border-top: solid thin;
	border-left: solid thin;
	border-right: solid thin;
}

div.tabs > span.tab_activa > a {
	background-color: #952b51;
	color: white;
	padding-left:.5em;
	padding-right:.5em;
}

div.tabs > span.tab_inactiva > a {
	color: #999;
	padding-left:.5em;
	padding-right:.5em;
}

div.tabs > span.tab_inactiva > a:hover {
	color:black;
	font-weight: bold;
	text-decoration: none;
}

.califPorDebajo {
	border: thin solid red;
}
.califPorEncima {
	border: thin solid #0c0;
}

/*
 * Para mostrar facturas y recibos
 * dom ene 26 14:36:18 UYST 2014 - [dfr]
 */
table.boleta {
	width: 50%;
	border: none;
	border:solid thick #888 ;
	padding:.5em;
}
table.boleta td {
	padding-left: 1em;
	padding-right: 1em;
}
table.boleta td.dato {
	border:thin solid;
	background-color:white;
	color:black;
}
table.boleta th.encabezado {
	background-color:#555;
	color:white;
	border:thin solid;
}
table.boleta th.dato {
	border:thin solid;
	background-color:white;
	color:black;
}
table.boleta span.destacado {
	font-size:120%;
}
table.boleta th.tipoDoc {
	background-color:white;
	color:black;
	font-size:150%;
	width:20%;
}

#btAgregar input {
	color: black;
}

span.w3-input {
	min-height: 2.5em;
}

@media print {
#btAgregar {
display: none;
}
#btImpPDF {
display: none;
}
#btImpCSV {
display: none;
}
#btImpDir {
display: none;
}
#btAyuda {
display: none;
}
#btBuscar {
display: none;
}
#btReset {
display: none;
}
#btBrowse {
display: none;
}
#btEdit {
display: none;
}
#btDrop {
display: none;
}
div.menu {
display: none;
}
table.lista {
border: thin solid;
empty-cells: show;
}
table.lista caption, th, td {
border: thin solid;
border-collapse: collapse;
}
table.lista caption {
border: thin solid;
border-collapse: collapse;
}
table.lista th, td {
border: thin solid;
border-collapse: collapse;
}
}

.textoTD{
white-space: nowrap ! important;
overflow: hidden;
text-overflow: ellipsis; 
}

<!--Esto es para el menU nuevo-->

/* Add a black background color to the top navigation */
.topnav {
background-color: #333;
overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 0px 16px;
text-decoration: none;
font-size: 13px;
}

.icono-menu {
color:#777777;
}

/* Add an active class to highlight the current page */
.active {
background-color: #4CAF50;
color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
float: left;
overflow: hidden;


}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
font-size: 13px;
border: none;
outline: none;
color: #777777;
padding: 2px 6px;
background-color: inherit;
font-family: inherit;
margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 120px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 99;
}

/* Style the links inside the dropdown */
.dropdown-content a {
	float: none;
	color: #777777;
	padding: 6px 10px;
	text-decoration: none;
	display: block;
	text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: transparent;
	color: #87cdfa;
	/*<!--  w3-hover-theme;
	  w3-hover-text-theme;
	  w3-hover-border-theme;-->*/
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
	background-color: #ddd;
	color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
	display: block;
	z-index: 99;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}