@import url(reset.css);

/* -------------------------------------------------------------------------------------------------------------- */
/* General
/* -------------------------------------------------------------------------------------------------------------- */

body {
	background: #FFFFFF;
 	font-family: "Roboto", Trebuchet MS,Arial,sans-serif;
	font-size: 13px;
	line-height: 27px;
	margin: 0;
	cursor: default !important;
	font-stretch: normal;
	-x-system-font: none;
}

h1 { font-size: 20px; font-weight: bold; color: #333333; }
h2 { font-size: 18px; font-weight: bold; color: #333333; } 
h3 { font-size: 16px; font-weight: bold; color: #bd4646; }
h4 { font-size: 50px; font-weight: bold; color: #666666; padding-top: 10px; } 	
h5 { font-size: 50px; font-weight: bold; color: #0099CC; padding-top: 10px; } 	
h6 { font-size: 50px; font-weight: bold; color: #bd4646; padding-top: 10px; }

input, textarea, select {
	font-family: "Roboto", Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
 	font-size: 13px;
	background-color: #ffffff; /* #f5f5f5 */
	/*font-weight: bold;*/
	color: black; /*#0066CC;*/
	padding: 1px;
	border : 1px solid #aaaaaa;
	/*border : 0px solid #d8d8d8;*/
  -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
	color: Black;
	/*  background: #E0E1BF; */
	/*border: 1px solid Red;*/
}

a:link { color: #0099CC; } /* #0066cc; */
a:visited { color: #0099CC; } /* #0066cc; */
a:hover,a:active { color: #0099CC; } /* #0066cc; */
a.link_strike { color: #0099CC; } /* #0066cc; */

.button { border : 0px solid #d8d8d8; color: white; padding: 3px; cursor:pointer !important; }
.button:focus, .button:hover {
	color: white;
	background: black;
}

.input_login {
	font-family: "Roboto", Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
 	font-size: 13px;
	background-color: #ffffff; /* #f5f5f5 */
	/*font-weight: bold;*/
	color: black; /*#0066CC;*/
	padding: 5px;
	border : 1px solid #aaaaaa !important;
	height: 30px;
	width: 400px;
	/*border : 0px solid #d8d8d8;*/
	-moz-border-radius:0px; border-radius:0px; -webkit-border-radius:0px;
}

.nw {
	white-space: nowrap;
}

.right {
	text-align: right;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* Popup
/* -------------------------------------------------------------------------------------------------------------- */

.popup_close {
	padding-bottom: 10px;
	cursor: pointer;
}

#hider {
	position:absolute;
	top: 0%;
	left: 0%;
	width:100%;
	height:100%;
	margin-top: 0; 
	margin-left: 0; 
	z-index: 99;
	background-color:black;
	opacity: 0.4;
	display: none;
}

/* Se define en la página */
#popup_box2 {
	position:absolute;
	top: 50%;
	left: 50%;
	width:400px;
	height:600px;
	border: 0px solid #ccc;
	background: white;
	padding: 15px;
	-moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px;
	z-index:100; 
	display: none;
	overflow-y: auto;
}

#popup_content {
	height: 650px;
	overflow-y: scroll;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* Custom
/* -------------------------------------------------------------------------------------------------------------- */

.csv_upload {
	padding: 0px 10px 0px 10px;
	background: #629fcf; /*rgb(226, 0, 38);*/
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
	margin-bottom: 20px;
	color: white;
}

.invoice_upload {
	padding: 0px 10px 0px 10px;
	background: #629fcf; /*rgb(226, 0, 38);*/
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
	margin-bottom: 20px;
	color: white;
}

.stats {
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
	padding: 10px 20px 20px 10px;
	/*background: #eeeeee; */
	width: 1200px;
	border: 1px solid #dedede;
	margin-top: 10px;
}

.stats a {
	text-decoration: none;
}

.tree_path {
	background: #666; color: white; padding: 5px; margin-top: 10px;
}

.tree_path a {
	color: white;
}

.tabs {
 	font-family: "Roboto", Trebuchet MS,Arial,sans-serif;
	font-size: 13px;
	background: white !important;
	padding: 0px !important;
	border: 0px !important;
}

.tabs-link {
 	font-family: "Roboto", Trebuchet MS,Arial,sans-serif;
	font-size: 13px;
}

.app_catalogs_code {
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
	padding: 0px 5px 0px 5px;
	text-align:center; font-weight:normal; color:#fff;
	background: #379b3c; 
}

.tabs_input {
	font-family: "Roboto", Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif !important;
 	font-size: 13px;
	background-color: #ffffff; /* #f5f5f5 */
	/*font-weight: bold;*/
	color: black; /*#0066CC;*/
	padding: 1px;
	border : 1px solid #aaaaaa;
	/*border : 0px solid #d8d8d8;*/
  -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}

.app_program_code {
	-moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;
	padding: 0px 5px 0px 5px;
	text-align:center; font-weight:normal; color:#fff;
	background: #379b3c; 
	font-size: 9px;
	height: 15px;
	line-height: 15px;
}

.app_catalogs_products_stats {
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
	padding: 5px;
	font-weight:normal; 
	color:#fff;
	background: #629fcf; 
	margin-bottom: 10px;


}


/* -------------------------------------------------------------------------------------------------------------- */
/* Reports
/* -------------------------------------------------------------------------------------------------------------- */

.reports_list {
	width: 180px; 
	border: 0px solid #ccc; 
	padding: 10px 10px 5px 10px; 
	background: #e9e9e9; 
	color: black; 
	margin: 0px 10px 0px 0px;
}

.reports_list a {
	text-decoration: none;
	color: black;
}

.report {
	padding-top: 10px;
	min-width: 1000px;
}

.report th {
	padding: 0px 5px 0px 5px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #666;
	color: white;
	height: 25px;
	white-space: nowrap;
}

.report td {
	padding: 0px 5px 0px 5px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #FFFFFF;
	color: #343434;
	height: 25px;
	white-space: nowrap;
}

.report_current {
	padding: 0px 10px 0px 10px;
	background: #629fcf; /*rgb(226, 0, 38);*/
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
	// text-align: center;
	width: 160px;
}

.report_current a {
	color: white;
	text-decoration: none;
	// text-transform:uppercase;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* Toolbar
/* -------------------------------------------------------------------------------------------------------------- */

.toolbar {
	float:left; text-align: center; padding-top: 5px; width: 120px; line-height: 18px; height:60px;
}

.toolbar a:link    {  color : #333333; text-decoration: none; }
.toolbar a:active  {  color : #333333; text-decoration: none; }
.toolbar a:visited {  color : #333333; text-decoration: none; }

.toolbar img {
	max-height: 96px;
}

.toolbar div.icon3 a:hover { 
	border: 1px solid red; 
}

.link_current {
	text-decoration: none;
	padding: 1px 3px 1px 3px;
	text-align:center; color:#fff;
	background:#666666;
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
}



.link_simple {
	text-decoration: none;
	color: #666666;
}

a.link_simple:link    {  color : #666666; text-decoration: none; }
a.link_simple:active  {  color : #666666; text-decoration: none; }
a.link_simple:visited {  color : #666666; text-decoration: none; }

.link_simple_current {
	text-decoration: none;
	color: #0099CC;
	border: 1px solid #0099CC;
	padding: 1px 10px 1px 10px;
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
}

a.link_simple_current:link    {  color : #0099CC; text-decoration: none; }
a.link_simple_current:active  {  color : #0099CC; text-decoration: none; }
a.link_simple_current:visited {  color : #0099CC; text-decoration: none; }


.link_simple2 {
	text-decoration: none;
	color: green;
}

a.link_simple2:link    {  color : green; text-decoration: none; }
a.link_simple2:active  {  color : green; text-decoration: none; }
a.link_simple2:visited {  color : green; text-decoration: none; }

.link_simple2_current {
	text-decoration: none;
	color: green;
	border: 1px solid green;
	padding: 1px 3px 1px 3px;
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* DatePicker
/* -------------------------------------------------------------------------------------------------------------- */

input.dp-applied {
	width: 140px;
	/*float: left;*/
}
a.dp-choose-date {
	/*float: left;*/
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	/*display: block;*/
	text-indent: -2000px;
	overflow: hidden;
	/*background: url(http://intranet.myfocus.loc/ka/apps/intranet/js/datepicker/calendar.png) no-repeat; */
	background: url("../js/datepicker/calendar.png") no-repeat;
	text-decoration: none;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}


/* -------------------------------------------------------------------------------------------------------------- */
/* Framework
/* -------------------------------------------------------------------------------------------------------------- */

.full 	{ width: 100%; padding: 0; }
.path 	{ background: #fff; color: #333; height: 20px; padding: 10px 20px; }
.main 	{ background: #fff; color: #333; padding: 10px 20px; }
.footer	{ background: #fff; color: #333; padding: 20px 20px; clear:both;}

.header { width: 100%; padding: 0; height: 70px; background: #333; }

.header2 { width: 100%; padding: 0; height: 20px; background: #555; }

.header_title2 { 
	position: absolute; top: 10px; left: 20px; background: #bd4646; color: white; padding: 0px 10px; font-weight: bold; 
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
}

.header_title { color: white; padding-left: 20px; font-size: 17px; padding-top: 2px; font-weight: normal; }
.header_logo { position: absolute; top: 10px; right: 20px;  }
.header_user { position: absolute; top: 0px; height: 40px; right: 0px; width: 200px; color: white; padding: 20px 20px 0px 0px; text-align: right;  }
.header_user a { color: white; }

/* -------------------------------------------------------------------------------------------------------------- */
/* KA/Options
/* -------------------------------------------------------------------------------------------------------------- */

/*
.ka_options { border: 0px solid white; }

.ka_options a:link { color: white; }
.ka_options a:visited { color: white; }
.ka_options a:hover,a:active { color: white; }
.ka_options a.link_strike { color: white; }

.ka_option { text-decoration: none; padding: 3px 6px 3px 6px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; }

.ka_option:focus, .ka_option:hover {
	color: white;
	background: black;
}
*/

.ka_options { border: 0px solid white; }
.ka_options a:link { color:  #0099CC; } /* #0066cc; */
.ka_options a:visited { color:  #0099CC; } /* #0066cc; */
.ka_options a:hover,a:active { color: black; }
.ka_options a.link_strike { color:  #0099CC; } /* #0066cc; */
.ka_option { text-decoration: undeline; padding-right: 5px; }
.ka_option:focus, .ka_option:hover { color: black; }

.ka_option_current { 
	text-decoration: none;
	color: white;
	background: #434343; /* #629fcf; #379b3c;*/
	border: 0px solid white;
	padding: 1px 10px 1px 10px;
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
}

a.ka_link_button { color: white; text-decoration: none; padding: 3px 6px 3px 6px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; }

.ka_link_button:focus, .ka_link_button:hover {
	color: white;
	background: black;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* KA/Fonts
/* -------------------------------------------------------------------------------------------------------------- */

.ka_title {
	font-size: 18px; font-weight: bold; color: #333333; padding-bottom: 5px;
}

.ka_title2 {
	padding:2px 1px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
	text-align:center; font-weight:bold; color:#fff; text-transform:uppercase; font-size: 12px;
}

.ka_status {
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
	padding: 1px 3px 1px 3px;
	text-align:center; font-weight:normal; color:#fff;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* KA/Colors
/* -------------------------------------------------------------------------------------------------------------- */

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

.blue 	{ color: #629fcf; }
.red 		{ color: #bd4646; }
.orange { color: #CC6600; }
.green 	{ color: #379b3c; }
.green2 { color: #909139; }
.grey 	{ color: #5F5F5F; }
.grey2	{ color: #7D7D7D; }
.black 	{ color: #333333; }
.brown 	{ color: #9F6000; }
.yellow { color: #d9c855; }

.bg_blue 	{ background:#629fcf; }
.bg_green 	{ background:#379b3c; }
.bg_green2 	{ background:#63BE7a; }
.bg_yellow 	{ background:#d9c855; } /* #c4b22a; */
.bg_orange 	{ background:#CC6600; }
.bg_red 		{ background:#bd4646; }
.bg_grey 	{ background:#434343; }
.bg_grey2 	{ background:#6f6f6f; }
.bg_grey3 	{ background:#9f9f9f; }
.bg_brown 	{ background:#af9c7e; }
.bg_black 	{ background:#000000; }

/* -------------------------------------------------------------------------------------------------------------- */
/* KA/Messages
/* -------------------------------------------------------------------------------------------------------------- */

.message_ok {
	background:#e1ffd1 url("../assets/ka_img/alert_ok.png") no-repeat 11px 12px;
	border-top:1px solid #c5f8ac;
	border-bottom:1px solid #c5f8ac;
	margin:10px 0px 10px 0px;
	padding:5px 10px 5px 35px;
	color:#468d3f; font-size:13px; font-weight:400;
}

.message_ok h3 { color:#468d3f; font-size:13px; font-weight:400; margin:0; padding:0; }
	
.message_ko {
	background:#ffd1d1 url("../assets/ka_img/alert_ko.png") no-repeat 13px 11px;
	border-top:1px solid #f8acac;
	border-bottom:1px solid #f8acac;
	margin:10px 0px 10px 0px;
	padding:5px 10px 5px 35px;
	color:#cc3300; font-size:13px; font-weight:400;
}

.message_ko h3 { color:#8d3f3f; font-size:14px; font-weight:400; margin:0; padding:0; }

/* -------------------------------------------------------------------------------------------------------------- */
/* KA/Grid
/* -------------------------------------------------------------------------------------------------------------- */

.ka_grid {
	font-family: "Roboto", Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
  border : none;
	background-color: #FFFFFF; /* #F9F8F8; */
	color: #333333;
	spacing: 0;
	padding: 2;
	//width: 980px;
	width: 100%;
	border-spacing: 0px;
}

.ka_grid tr { height: 22px; }
.ka_grid td { padding: 5px; line-height: 22px; }
.ka_grid a 	{ color: #ffffff; }

.ka_grid_header th, .ka_grid_header td {
	text-align: left; /* center */
	vertical-align: middle;
	padding: 4px;
	background-color: #666; /* #629fcf; */
	color: White; /*#333333;*/
	white-space: nowrap;
	}

.ka_grid_header a:link, .panel_grid_header a:visited, .panel_grid_header a:hover, .panel_grid_header a:active {
	color: White; /*#333333;*/
	font-weight: normal;
}

.ka_grid_footer th { 
	text-align: center;
	vertical-align: middle;
	padding: 4px;
	background-color: #666666; /*#c0cffa;*/
	color: White; /*#333333;*/
	white-space: nowrap;
	/*font-weight: bold;*/
}

.ka_grid_row tr { height: 22px; }
.ka_grid_row td {
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #FFFFFF;
	color: #343434;
	height: 25px;
}
.ka_grid_row a:link 		{ color: #0099CC; } /* #0066cc; */
.ka_grid_row a:visited 	{ color: #0099CC; } /* #0066cc; */
.ka_grid_row a:hover 		{	color: #0099CC; } /* #0066cc; */
.ka_grid_row a:active		{	color: #0099CC; } /* #0066cc; */
.ka_grid_row td:hover 	{ background-color: #e6f0f5; }

.ka_grid_row_alt tr { height: 22px; }
.ka_grid_row_alt td {
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #eeeeee; /*#E6E3E3*/
	color: #343434;
	height: 25px;
}
.ka_grid_row_alt a:link 		{ color: #0099CC; } /* #0066cc; */
.ka_grid_row_alt a:visited 	{ color: #0099CC; } /* #0066cc; */
.ka_grid_row_alt a:hover 		{	color: #0099CC; } /* #0066cc; */
.ka_grid_row_alt a:active		{	color: #0099CC; } /* #0066cc; */
.ka_grid_row_alt td:hover 	{ background-color: #e6f0f5; }

.ka_grid_row_add tr { height: 22px; }
.ka_grid_row_add td {
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #bad4e9;
	color: #343434;
	height: 32px;
}
.ka_grid_row_add a:link 		{ color: #0066CC; }
.ka_grid_row_add a:visited 	{ color: #0066CC; }
.ka_grid_row_add a:hover 		{	color: #0066CC; }
.ka_grid_row_add a:active		{	color: #0066CC; }
.ka_grid_row_add td:hover 	{ background-color: #e6f0f5; }

.ka_grid_row_flat tr { height: 30px; }
.ka_grid_row_flat td {
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #FFFFFF;
	color: #343434;
	height: 30px;
}


/* -------------------------------------------------------------------------------------------------------------- */
/* RECORD
/* -------------------------------------------------------------------------------------------------------------- */

.ka_record {
	-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
	font-family: "Roboto", Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	spacing: 0;
	padding: 8px;
	width: 100%;
	background-color: #eeeeee; /* #f0f0d4; #fbf9ee;*/
	margin-top: 4px;
}

.ka_record p {
	padding-top: 6px;
	padding-bottom: 3px;
}

.ka_record tr {
	height: 20px;
}

.ka_record th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 0px;	
	border-bottom: 1px #cccccc solid; /* #cdcd89 */
}

.ka_record td {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 0px;
}

.ka_record a { color: #0099CC; } /* 0066CC */
.ka_record a:visited { color: #0099CC; } /* 0066CC */
.ka_record a:hover { color: #0099CC; } /* 0066CC */
.ka_record a:active { color: #0099CC; } /* 0066CC */
.ka_record_bottom { text-align: right; }

.ka_record_buttons { padding-top: 7px; padding-bottom: 5px; }


/* -------------------------------------------------------------------------------------------------------------- */
/* CHART
/* -------------------------------------------------------------------------------------------------------------- */

.chart_content {
	-moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px;
	border: 1px solid #ccc;
	padding: 0px;
	width: 100%;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* Custom
/* -------------------------------------------------------------------------------------------------------------- */

.files {
	border: 0px;
}

.files td {
	line-height: 25px;
	border-bottom: 1px solid #dedede;
	padding-left: 10px;
}

.files th {
	line-height: 25px;
	background: #dedede;
	padding-left: 10px;
}

.files_detail td {
	line-height: 25px;
	border: 0px !important;
	padding-left: 0px;
}

.log td {
	line-height: 25px;
	border-bottom: 1px solid #dedede;
	width: 100px;
}


/* -------------------------------------------------------------------------------------------------------------- */
/* Desktop
/* -------------------------------------------------------------------------------------------------------------- */

div.toolbar{
	margin-bottom: 25px;;
}

div.toolbar a{
	transition-duration: 0.5s;
}

div.toolbar.new a{
	color:brown;
}

div.toolbar:hover a{
	transition-duration: 0.5s;
	color: #59b009;
}

div.toolbar.new a{
	transition-duration: 0.5s;
}