/* CSS DEFINITION */
/*
************************************************************************************************************************
	AUTH DEFINITION CSS
************************************************************************************************************************
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,
h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}
.page-full-width {
	padding: 0 1.875em;
}

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	background-color: #EDFCED;
}

input, select, textarea {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#login-intro {
	padding-top: 20px;
}
#login-intro-sys {
	padding-top: 25px;
	text-align: right;
}
div#login-intro h1 { text-transform: uppercase; margin: 0.312em 0 0 0; }
div#login-intro h5 { color:  #9498a1; }
div#content {
	background: #f8f9fa;
	border: 1px solid #eeefef;
	padding: 1.875em 0;
}
form {
	margin-left: 20px;
}
form label {
	display: block;
	text-transform: uppercase;
	color: #2a2e36;
	margin-left: 5px;
	font-size: 13px;
}
form input[type="text"], input[type="password"], textarea {
	border: 1px solid #d9dbdd;
	margin: 5px;
	padding: 10px;
	/*outline: none;*/
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */
	border-radius: 5px; /* CSS3 */
}
form input[type="text"]:hover, input[type="password"]:hover, textarea:hover,
form input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #bbbdbe;
}
form input[type="checkbox"], form input[type="radio"] { margin-right: 0.833em; /* 10/12 */ }
form input[type="submit"] {
	/*border: none;*/
	cursor: pointer;
	margin-left: 5px;
	padding: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	background-color: #7ABB62;
	color: #fcfcfc;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */
	border-radius: 5px; /* CSS3 */
	border: 1px solid #5B8B49;
}
.round {
	-moz-border-radius: 0.3125em; /* Firefox */
	-webkit-border-radius: 0.3125em; /* Safari, Chrome */
	-khtml-border-radius: 0.3125em; /* KHTML */
	border-radius: 0.3125em; /* CSS3 */
}
.image-right {
	background-position: right center;
	padding-right: 3em; /* 36/12 */
}
.ic-right-arrow {
	background-image: url("../images/icons/right-button.png");
}

.button {
	padding: 0.833em; /* 10/12 */
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
	width: 120px;
	text-align: left;
	color: white;
}
.button:hover {
	background-color: #60944E;
	color: white;
}

/* ---------- CONTENT BOXES ---------- */
.information-box, .confirmation-box, .error-box, .warning-box {
	padding: 0.833em 0.833em 0.833em 3em; /* 10/12 36/12 */
	margin-bottom: 0.833em; /* 20/12 */
	font-size: 13px;
}

.information-box {
	background: #e5f5f9 url('../images/message-boxes/information.png') no-repeat 0.833em center;
	border: 1px solid #cae0e5;
	color: #5a9bab;
}

.confirmation-box {
	background: #e7fae6 url('../images/message-boxes/confirmation.png') no-repeat 0.833em center;
	border: 1px solid #b7cbb6;
	color: #52964f;
}

.error-box {
	background: #fde8e4 url('../images/message-boxes/error.png') no-repeat 0.833em center;
	border: 1px solid #e6bbb3;
	color: #cf4425;
}

.warning-box {
	background: #fdf7e4 url('../images/message-boxes/warning.png') no-repeat 0.833em center;
	border: 1px solid #e5d9b2;
	color: #b28a0b;
}
.fl { float: left; }
.fr { float: right; }

#head-auth {
	background: #b4ddb4; /* Old browsers */
	background: -moz-linear-gradient(left,  #b4ddb4 0%, #83c783 0%, #52b152 0%, #0d1c0d 0%, #2b5f2d 31%, #2b5f2d 60%, #21a50d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b4ddb4), color-stop(0%,#83c783), color-stop(0%,#52b152), color-stop(0%,#0d1c0d), color-stop(31%,#2b5f2d), color-stop(60%,#2b5f2d), color-stop(100%,#21a50d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #b4ddb4 0%,#83c783 0%,#52b152 0%,#0d1c0d 0%,#2b5f2d 31%,#2b5f2d 60%,#21a50d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #b4ddb4 0%,#83c783 0%,#52b152 0%,#0d1c0d 0%,#2b5f2d 31%,#2b5f2d 60%,#21a50d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #b4ddb4 0%,#83c783 0%,#52b152 0%,#0d1c0d 0%,#2b5f2d 31%,#2b5f2d 60%,#21a50d 100%); /* IE10+ */
	background: linear-gradient(to right,  #b4ddb4 0%,#83c783 0%,#52b152 0%,#0d1c0d 0%,#2b5f2d 31%,#2b5f2d 60%,#21a50d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#21a50d',GradientType=1 ); /* IE6-9 */
	width: auto;
	height: auto;
	background-color: #315F2F;
	text-align: center;
}
#fecha-login {
	text-align: center;
	margin-top: 10px;
	color: #666666;
}
#footer-auth {
	text-align: center;
	margin-top: 50px;
	color: #666666;
}
#head-master {
	width: auto;
	height: 45px;
	background-color: #315F2F;
}
#footer-master {
	width: 100%;
	margin-top: 5px;
	height: auto;
	background-color: #ffffff; /* #0E470F;*/
	left: 0;
	color: #236213; /* #30a529; */
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.7em;
	position: relative;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#title-sgca {
	color: #2B5F2D;
	font-size: 38px;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin-bottom: 1px;
}
#title-auth {
	color: #2B5F2D;
	font-size: 28px;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
}
#subtitle-sgca {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
}
#subtitle-auth {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
}
/*
************************************************************************************************************************
	CSS DEFINITION FOR MENU LEFT IN LAYOUT MASTER PAGE
************************************************************************************************************************
*/
/* MENU TOGGLE STYLES */
/* *********************************************************************************************************************
	LEFT MENU
********************************************************************************************************************* */
#menu-toggle {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(14, 71, 15, 0.85);
	color: #ffffff;
	z-index: 5;
	height: 45px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#menu-toggle.open {
	left: 300px;
}
#menu-icon {
	width: 45px;
	height: 35px;
	position: absolute;
	top: 5px;
	cursor: pointer;
	background: url('../images/menu.png') no-repeat 0.833em center;
}
#menu-icon.open {
	width: 45px;
	height: 35px;
	position: absolute;
	top: 5px;
	cursor: pointer;
	background: url('../images/menu-close.png') no-repeat 0.833em center;
}
#menu {
	/*background: rgba(12, 25, 12, 0.99);*/
	background: rgba(255, 255, 255, 0.99);
	border: solid 1px #CCCCCC;
	width: 300px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -300px;
	z-index: 4;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#menu.open {
	left: 0;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#menu-overlay {
	position: fixed;
	width: 100%;
	background: #cf9534;
	top: 55px;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: rgba(255,255,255,.0);
}
#menu-overlay.open {
	z-index: 3;
	background: rgba(255,255,255,.6);
}
/* *********************************************************************************************************************
	RIGHT MENU
********************************************************************************************************************* */
#menu-icon-right {
	width: 45px;
	height: 35px;
	position: relative;
	margin-top: 5px;
	margin-right: 7px;
	cursor: pointer;
	background: url('../images/menu.png') no-repeat 0.833em center;
}
#menu-icon-right.open {
	width: 45px;
	height: 35px;
	position: relative;
	margin-right: 7px;
	cursor: pointer;
	background: url('../images/menu-close.png') no-repeat 0.833em center;
}
#menu-right {
	/*background: rgba(12, 25, 12, 0.99);*/
	background-color: #CEEBCE;
	width: 300px;
	position: fixed;
	top: 0;
	bottom: 0;
	right: -300px;
	z-index: 4;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#menu-right li {
	position: relative;
}
#menu-right.open {
	right: 0;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#menu-right ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/*
 ***********************************************************************************************************************
	PAGE CONTENT DEFINITION
 ***********************************************************************************************************************
*/
#page-content {
	padding: 20px;
	margin: 0 auto;
	position: relative;
	left: 0;
	z-index: 1;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background: #ffffff;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.7em;
	height: auto;
}
#page-content p {
	font-size: 14px;
	line-height: 22px;
	margin: 5px;
}
#page-content h1 {
	margin: 10px;
}
/*
************************************************************************************************************************
	CSS DEFINITION FOR HEAD HORIZONTAL MENU
************************************************************************************************************************
*/
#head-menu-master ul {
	list-style-type: none;
	width: auto;
	float: right;
	/*
	margin-top: 4px;
	margin-right: 10px;
	*/
	display: block;
	font-size: 0.8em;
	font-family: arial, helvetica, verdana, sans-serif;
}
#head-menu-master ul:before {
	content: '';
	display: block;
}
#head-menu-master ul:after {
	content: '';
	display: table;
	clear: both;
}
#head-menu-master li {
	display: block;
	float: left;
	/*
	margin: 0;
	*/
}
#head-menu-master li a {
	display: block;
	float: right;
	color: #ffffff;
	text-decoration: none;
	padding: 15px 12px 9px 12px;
	border-bottom: 4px solid transparent;
	opacity: 0.7;
}
#head-menu-master li a:hover {
	opacity: 0.95;
	background-color: #4B804E;
	border-bottom: 4px solid #CFFCA1;
}
/*
************************************************************************************************************************
	CSS DEFINITION ACCORDION MENU
************************************************************************************************************************
*/
.accordion {
	width: 100%;
	max-width: 300px;
}
.accordion .link {
	cursor: pointer;
	display: block;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 8px;
	color: #0C190C;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.99); /* rgba(26, 174, 29, 0.82);*/
	border-bottom: 1px solid #CCC;
	/*border-right: 1px solid #CCC;*/
	/*border-top: 1px solid #CCC;*/
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion .link:hover {
	background: #e5ffd9; /* rgba(26, 174, 29, 0.82);*/
	color: #30a529;
}
.accordion li:last-child .link {
	border-bottom: 0;
}
.accordion li.open .link {
	color: #0F6B08;
}
.accordion-sub-menu {
	display: none;
	background: #2b5f2d;
	font-size: 12px;
}
.accordion-sub-menu li {
	border-bottom: 1px solid #275628;
}
.accordion-sub-menu a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 12px;
	opacity: 0.5;
	border-left: 3px solid transparent;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.accordion-sub-menu a:hover {
	background: #497E4C;
	color: #FFF;
	border-left: 3px solid #CFFCA1;
	opacity: 0.99;
}

/*
************************************************************************************************************************
	FLEXGRID CSS DEFINITION
************************************************************************************************************************
*/
.flexigrid div.fbutton .add{
	background: url(../images/icons/round_plus.png) no-repeat center left;
}

/*
************************************************************************************************************************
	CUSTOM CSS DEFINITION JQUERY-UI
************************************************************************************************************************
*/
/* Dialog Head */
.ui-dialog .ui-dialog-titlebar {
	padding: 0.1em .5em;
	position: relative;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
/* Dialog Content */
.ui-dialog .ui-dialog-content {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	overflow: auto;
	position: relative;
	padding: 0 !important;
	font-size: 12px;
	color: #587eaa;
}
/* Dialog Footer And Buttons */
.ui-button.ui-widget .ui-button-text{
	line-height: 15px;
	font-size: 12px;
}
/* Datepicker resize font */
div.ui-datepicker {
	font-size: 75%;
}
/*
#openDialogElim {
	border: 1px solid #cab92b;
}
#openDialogElim a:hover {
	background-color: #52964f;
}*/
/*
************************************************************************************************************************
	SLIDER BAR STATIC
************************************************************************************************************************
*/
.sliderComp{
	width:100%;
	height:18px;
	border:1px solid #52A8EA;
	overflow:hidden;
	background: #ffffff;
	margin-top: 5px;
	position: relative;
	z-index: 1;
}
.sliderPriComp{
	width:37%;
	height:18px;
	/*border-right: 1px solid #000000;*/
	background: #FFCB6B; /*#FFAF4D;*/
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
.sliderSegComp{
	width:57%;
	height:18px;
	/*border-right: 1px solid #000000;*/
	background: #47E280;  /*#32AF5F;*/
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
.sliderTextComp{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	top: 0px;
	padding-top: 3px;
	z-index: 4;
}