body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	color: #225566;
	font-family:Tahoma, Geneva, sans-serif;
	text-align: center; 
}
@font-face {
	font-family: '33535gillsansmt';
	src: url('../fonts/33535gillsansmt.eot');
	src: local('../fonts/33535gillsansmt'), url('../fonts/33535gillsansmt.woff') format('woff'), url('../fonts/33535gillsansmt.ttf') format('truetype');
}
body#initial { background:#333;}

.background {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;   background-size: cover;    background-position: 50% 50%; background-repeat: none; overflow:auto;}

.stretch {width:100%; height:100%; background-size: cover; background-position: 50% 50%; background-repeat: none; background-image:url(custom/bg.jpg);}

.mid {width:960px; margin:0 auto;}
.pr {position:relative;}

#logologin {padding:44px 0 0 0;}
#logologin img {width: 200px; height: auto;}

.logintable {background:url(custom/loginbg.png); width:347px; height:203px; color:#FFF; margin:0 auto; margin-top:30px;}
.altbg {background:url(custom/loginbg2.png); width:347px; height:243px; color:#FFF; margin:0 auto; margin-top:30px;}

.logintable table {width:284px; padding-top:30px; margin:0 auto;}

.logintable td {text-align:left; color:#FFF; text-transform:uppercase; font-size:14px; }
.loglc {width:87px; height:44px;}

input.logininput {
	font-size: 13px;
	border: 1px solid #FFF;
	background:#FFF;
	padding: 4px;	
	width: 186px;
	-webkit-box-shadow: 2px 2px 3px 0px #000);
	-moz-box-shadow: 2px 2px 3px 0px #000);
	box-shadow: 2px 2px 3px 0px #000;
}
input[type=submit].loginsubmit {
	position:relative;
	font-size: 13px;
	font-weight:normal;
	border: none;
	background:#0C5A98;
	height: 32px;
	line-height: 32px;	
	width: 278px;
	color:#FFF;
	cursor:pointer;
		-webkit-box-shadow: 2px 2px 2px 0px #111);
	-moz-box-shadow: 2px 2px 2px 0px #111);
	box-shadow: 2px 2px 2px 0px #111;
	margin-top:10px;
	text-transform:uppercase;
}

.loginmsg {margin:0 auto; width:330px; margin-top:30px;}
.loginmsg .msgbox { 
    border: none;
	background:#670133;
	color:#FFF;
	text-shadow:none;
	padding:4px 0px;
}


td, p, div, span {	font-size: 12px;}
img {border: 0}
.nobd {border: 0;}
input, textarea, select {font-size: 14px;	border: 1px solid #999; color: #564F3F; padding:4px; margin:1px 0;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
input[type=submit], input[type=button] {background:#0C5A98; border:none; color:#FFF; padding:2px 6px 2px 6px; font-size:12px; line-height:11px; cursor:pointer;text-transform:uppercase; height:26px;line-height:22px;}
.abutton {background:#0C5A98; border:none;  padding:2px 6px 2px 6px; font-size:12px; cursor:pointer;text-transform:uppercase;line-height:22px; color:#FFF !important; display:inline-block;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.focusField {}
textarea {resize:none;font-family:inherit; font-size:12px; width:220px;}

a:link, a:visited, a:active  { color: #225566; text-decoration:none;}
a:hover  {color: #9EACBC;  text-decoration:none;}


/* Specific Styles */

.header {
	font-size: 11px;
	font-weight:bold;
	background-color: #ADB9C7;
}
.mainlist {width: 100%; border-spacing:0px; }
.mainlist td {padding:1px;}


.sort td, .sort th, td.sort {	font-weight:bold;	height: 22px;	background: #CFD6DE; border-bottom: 1px solid #777777;	text-align: left; }
.sort2 td, .sort2 th, td.sort2 {	font-weight:normal;	height: 16px;	background: #D6DDFE; border-bottom: 1px solid #777777;	text-align: left; font-size:12px; }
.sort td a:hover {color:inherit; text-decoration:underline; }
td.curr_sort_a, th.curr_sort_a {background:url(images/sortdown.png) no-repeat 95% center #97A6B7;}
td.curr_sort_d, th.curr_sort_d {background:url(images/sortup.png) no-repeat 95% center #97A6B7;}
td.curr_sort_a a , td.curr_sort_d a {margin-right:12px;}
.leftheader {	font-size: 11px;	font-weight:bold;	background-color: #F0F0F0;}
.backrow1 td {	height: 26px;	background: #F0F0F0; border-bottom: 1px solid #999999;text-align: left; }
.backrow2 td {height: 26px;	background: #FFFFFF; border-bottom: 1px solid #999999; text-align: left; }
.backrowdel td {height: 26px;	background: #FFEAFF; border-bottom: 1px solid #999999; text-align: left; }
.backrowsel td {background: #E0FFC1; }
.backrowhead td {background: #B3BDCA; }

.optionmenu {	border-top: none; 	border-bottom: 1px solid #777777; 	text-align: left; }


.title {font-family: '33535gillsansmt'; font-size: 16px;text-align: left; text-transform: uppercase; background:#0C5A98; color:#FFF; line-height:30px; height:30px; padding-left:10px; 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	text-shadow: 1px 1px #333;
	
}
.tsmall {font-size:14px;}

.cmstitle {display:block;}





.big {font-size: 13px; color:#003366}

.boxpos {
align: center;
position: relative;
text-align: center;
width: 100%;
margin-right: auto;
margin-left: auto;
}

.warningbox{
	border: 5px #CC0033 double;
	background-image:url(images/warning.gif); 
	background-repeat:no-repeat; 
	background-position:top;
}

.msgbox { 
	text-align:center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	line-height: 26px;
	color: #455465;
	text-align: center; 	
	font-weight: bold;
    border: 2px #225566 solid;
    background-color:#F1F1F1;
	 -moz-box-shadow: 2px 2px 4px #999999;
    -webkit-box-shadow: 2px 2px 4px #999999;
    box-shadow: 2px 2px 4px #999999;
	text-shadow: 1px 1px #FFFFFF;
}

.msgboxlogin { 
	text-align:center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	line-height: 26px;
	color: #FFF;
	text-align: center; 	
	font-weight: bold;
    border: 2px #FF0000 solid;

	font-size: 14px;
}


.emptymsgbox { 
    width: 400px;
	line-height: 26px;
	text-align: center; 	
}

#navcolumn {
	background: #B9A988;

	height:100%;
}

body#sidenav {

	
}
#navhead {
background:#0E334B;
line-height: 30px;
font-weight: bold;
border-bottom: 1px solid #333; 
color:#FFF; 
}

ul#nav { 
	margin: 0;
	padding: 0; 
	list-style: none; 
	font-size: 11px;
	font-weight: normal;
	}
	
	ul#nav li { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	border-bottom: 1px dotted #CCC;
	background:#B9A988;  
	}
	
	ul#nav li a {
	padding: 4px 4px 4px 7px; 
	display: block; 
	color: #FFF; 
	text-align:left;
	text-decoration: none;
	text-shadow: 1px 1px #454545;
	} 
	
	ul#nav li a.active { 
	background: #B9A988; 
	}
	ul#nav li a:hover {
	color:#FFF;
	background: #4FA3DC;
	 }
	 
.pagenav {
	margin-right:5%;
	line-height: 24px;
	font-size: 1.0em;
	text-transform: uppercase;
	clear: both;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: right;
}
.pagenav a, .pagenav .current {
	padding: 3px 7px;
	border: 1px solid #bbbbbb;
	background: #fdfdfd url(images/button_bg.png) repeat-x 0 100%;
	display:inline-block;
	color: #468175;
	margin-left: 3px;
	margin-bottom:8px !important;
	text-decoration: none;
}
.pagenav a:hover, .pagenav .current {
	color: #232323;
	background: #CFD6DE;
}
.mainbox {
background: #F2F3F4;
border: 1px dotted #ABABAB;
padding: 10px;
margin-bottom: 20px;
width: 460px;
}


.logobox {
background: #FFF;
color:#454545;
border: 1px dotted #CCCCCC;
padding: 10px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.boxurls {
float:right;
background: #FFFFFF;
border: 1px dotted #CCCCCC;
padding: 10px;
width: 260px;
text-align:left;
}

.buttontxt  {
	background: #CFD6DE;
	border: 1px solid #8F9FB1;
	padding: 3px 5px 3px 5px;
	text-shadow:none;
}

#preview{	position:absolute;	border:1px solid #333;	background:#333;	padding:1px;	display:none;	color:#fff;}

/* icons */
.icon {display:inline-block;background-image:url(images/iconset.gif); background-repeat:no-repeat;}

a.add {padding-left:20px; height:16px; background-position: 0px 0px;	}
a:hover.add {background-position: 0px -17px;	}
a.del {width: 18px;height:18px; background-position: 0px -72px;	}
a:hover.del {background-position: 0px -91px;	}
a.mod {width: 18px;height:18px; background-position: 0px -34px;	}
a:hover.mod {background-position: 0px -53px;}
a.mod2 {padding-left:24px; height:18px; background-position: 0px -34px;	}
a:hover.mod2 {background-position: 0px -53px;}
a.up {width: 18px;height:13px; background-position: 0px -178px;	}
a:hover.up {background-position: 0px -191px;	}
a.down {width: 18px;height:13px; background-position: 0px -204px;	}
a:hover.down {background-position: 0px -217px;}
a.yes {width: 16px;height:16px; background-position: 0px -110px;	}
a:hover.yes {background-position: 0px -127px;	}
a.no {width: 16px;height:16px; background-position: 0px -144px;	}
a:hover.no {background-position: 0px -161px;}
a.act1 {width: 16px;height:16px; background-position: 0px -110px;	}
a:hover.act1 {background-position: 0px -127px;	}
a.act0 {width: 16px;height:16px; background-position: 0px -144px;	}
a:hover.act0 {background-position: 0px -161px;}
a.photos {width: 22px;height:18px; background-position: 0px -266px;	}
a:hover.photos {background-position: 0px -285px;}
a.export {padding-left:20px; height:18px; background-position: 0px -304px;	}
a:hover.export {background-position: 0px -323px;}
a.attach {width: 18px;height:18px; background-position: 0px -342px;	}
a:hover.attach {background-position: 0px -361px;}
a.view {padding-left:20px; height:17px; background-position: 0px -230px;	}
a:hover.view {background-position: 0px -248px;}

td.tac {text-align:center;}
td.tar {text-align:right;}
td.high .pos {font-size:14px !important; font-weight:700;}
.bold {font-weight:600}
/* icons */
.forgot {position:absolute;top:6px;left:8px;}
.smallink {font-size:11px;}

#form1 label.error {
	color:#FFF;
	height:20px;
	font-size:9px;
	line-height:22px;	
	background-color:#B02328;
	margin-left: 0px;
	padding: 0 2px;
	float: right;
	font-weight: bold;
}
label.optrow {cursor:pointer; margin:1px 0px; display:block; padding:3px;}
label.optrow:hover {background:#F2F2F2;}

.pos {text-align:right; display:block;}
.neg {color:#C00 !important;text-align:right;display:block;}
.neg-green{color:rgb(0, 144, 50) !important;text-align:right;display:block;}
.posc {text-align:center:block;}
.negc {color:#C00 !important;text-align:center;display:block;}
.trnsf {color:#666 !important;text-align:right;display:block;}
*.error, input.error, select.error {border-color: #CC0000;border-width:1px;background:#EEE;} 

.tt1 {background-color:#DAFECB;}
.tt2 {background-color:#FFE6E6;}

.totrec {text-align:right; font-weight:700;font-size:13px; margin-bottom:6px;}
.pastdue {color:#CC0000;font-weight:600;}
.duetoday {color:#F93;font-weight:600;}

.report_actions {text-align:left; margin-bottom:30px;}
.report_actions a {display:inline-block; padding:5px 10px; border:1px solid #CCC; background:#F2F2F2; border-radius:3px; font-size:11px; font-weight:bold;}

select.ui-datepicker-year, select.ui-datepicker-month {width:64px !important; min-width:auto; border:none;font-size: 12px; padding:1px;}

a.switchlink {font-size:11px; text-transform:uppercase; color:#FFF; line-height:16px;}
.filterrow {background: #F2F2F2;}
.sel {background:#BEBEBE !important; Xcolor:#FFF; font-weight:bold;}

.autocomplete-value{
	width: 142px;
 	border-radius: 2px;
	background-color:#ebebeb;
 	font-size: 16px;
    border: 1px solid #dbe2e5;
    color: #494949;
    padding: 6px 10px;
    margin: 1px 0;
  	display: flex;
}
.autocomplete-value-key{
  width:50%;
}

.autocomplete-value-value{
  width:50%;
  font-weight: 600;
  text-align: right;
}

.total{
  font-size: 18px;
}

.mandatory-star{
	padding-left: 3px;
	color: #b92222;
}

.encabezado-iva{
	display: flex;
	justify-content: space-between;
	font-weight:700;
	font-size:13px; 
	margin-bottom:6px;
}

.periodo-current{
	font-size: 16px;
}

.alert-need-to-close{
	padding: 20px;
	border: 2px solid rgb(109, 1, 1);
	font-size: 16px;
	margin-bottom: 10px;
}

.cerrar-periodo{
	padding: 14px;
	border: 2px solid rgb(20, 18, 37);
	font-size: 16px;
}

.cerrar-periodo:hover{
	background-color: #f5f5f5;
	color: #225566;
}