/* ----------------------------------------------------------------------- */
/*                              IN USE 15 Jul 2017                         */
/* ----------------------------------------------------------------------- */

* { margin: 0; padding: 0; }

body {
	background: #dedede;
	font-family: "Arial", Sans-Serif;	font-size: 11pt;	color: #444;
	font-family: 'Roboto'; 
}

a 			{ text-decoration: none;  color: #039;}
a:hover 	{ text-decoration: underline; }
a:visited 	{ text-decoration: none; color: #039;}

a .inline 			{ background: #ffe; text-decoration: none;} 
a:hover .inline 	{ background: #ddc; text-decoration: underline;}

/* textarea 	{ overflow: hidden;} */

h1, h2, h3	{ margin: 0 0 10px 0;  }

li, .tags {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	color: #a44; font-size: 8pt; 	text-transform: uppercase;
	border: solid 1px #b55;	background: #f99;
	margin: 0 0 0 0; padding: 1 5 1 5;
	line-height: 20px;
	display: inline;
}

.header 			{ width: 100%; position: fixed; top:0px; box-shadow: 0px 3px 3px #888; }
.header_icon 		{ height: 20px; margin: 2px; }
.header_spacer 		{ height: 50px; }
.header_search_wid 	{ width: 95%; }
.header_logo 		{ width: 100%; min-height: 40px; min-width: 226px; }
.footer_login 		{ display: none; }
.icon_size 			{ height: 15px; }



/* info card tenia paddin 20px, lo cambie para mejorar layout final */
.info_card_main 	{ background: #fff;	padding: 0px; margin: 10px; }

.new_event_form_box	{ background: #ffc; padding: 10px; margin: 10px; border: 2px solid #dda; }
.new_event_button	{ background: #ffc; padding: 10px; margin: 10px;  cursor: hand; text-decoration: none;}

.more_actions		{ display: inline; margin-left:10px;}

#view_options_selected {
	border-bottom: 3px solid #69f;
	padding: 2 5 2 5;
	margin-left:  3px;
	margin-right: 3px;
	font-weight: bold;
}

#view_options_space {
	border-bottom: 1px #fefefe;
	padding: 2 5 2 5;
	margin-left:  3px;
	margin-right: 3px;	
}


/* ------------------------ RESPONSIVE ------------------------- */

/*  SECTIONS  */
.section { 	clear: both;	padding: 0px;	margin: 0px; border: 0px solid red;}

/*  COLUMN SETUP  */
.col { display: block;		float:left;		margin: 0px; }
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after {	content:"";		display:table; }
.group:after {	clear:both; }
.group {
    zoom:1; /* For IE 6/7 */
}

/* ----------------------- GRIDS ------------------------- */

.span_1_of_1 {	width: 100%;  }
.span_2_of_2 {	width: 100%;  }
.span_1_of_2 {	width: 49.6%; }
.span_3_of_3 {	width: 100%;  }
.span_2_of_3 {	width: 66.1%; }
.span_1_of_3 {	width: 32.2%; }
.span_1_of_5 {  width: 19.4%; } /* 20% */ 
.span_1_of_7 {  width: 13.85%; } /* 14.28% */

.only_wide   { padding: 0px; margin: 0px; display: block; }
.only_mobile {  display: none; }
.hide_when_mobile { display: block; }

/*  GO FULL WIDTH AT LESS THAN 699 (era 480) PIXELS */
@media only screen and (max-width: 900px) {
	.col { 	margin: 0% 0 0% 0%;	}
	.button { border: 1px #ddd solid;}
	.main_body		{ width: 100%; margin: 0;}
}

@media only screen and (max-width: 699px) {
	.col { 	margin: 0% 0% % 0%;	}

	.section 	{padding: 0px;}
	.header { width: 100%; position: relative; }
	.header_icon { 	height: 30px;}
	.header_spacer { height: 05px; }
	.header_logo 		{ width: 40%;  }
	.footer_login { display: block;}

	.header_search_wid { width: 95%;}
	.icon_size { height: 20px; margin-left: 3px;}

	.only_wide {display: none;}
	.only_mobile { padding: 0px; margin: 0px; display:block; }	
	.float_box {
		position: fixed; left: 0%; width: 100%;  box-shadow: 0px 3px 3px #888;
		background: #ffffee;  padding: 5px;
		visibility: hidden;
		position: fixed; top:30px;
	}

	.hide_when_mobile { display: none;	}

	.span_1_of_1 {	width: 100%;}
	.span_2_of_2 {	width: 100%; }
	.span_1_of_2 {	width: 100%; }
	.span_3_of_3 {	width: 100%; }
	.span_2_of_3 {	width: 100%; }
	.span_1_of_3 {	width: 100%; }
	.span_1_of_5 {  width: 100%; } 
	.span_1_of_7 {  width: 100%; } 


	.info_card_main { margin-left: 0px; margin-right: 0px;	}
	.main_body		{ width: 100%; margin: 0;}
}
.pic_clip { clip-path: rectangle(0, 0, 100%, 25%, 0, 0);}





/* ----------------------------------------------------------------------- */
/*                           UNCERTAIN OR DEPRECATED                       */
/* ----------------------------------------------------------------------- */




td { padding: 3px; font-size: 10pt; }

td , .calculo {font-size: 10pt; padding: 2px;}

td .verbose {text-align: right;}


input 		{ font-size: 10pt; font: 11pt "Arial", Sans-Serif; }
textarea 	{ font-size: 10pt; font: 11pt "Arial", Sans-Serif; }
.small_text { font-size: 8pt; color: #ccc; text-decoration: none;}



.preview p { margin-bottom: 10px; }

/* ---- EVENT STYLES ---- */

.event_container	{	padding:0px; border-bottom: 1px solid #69f; margin-bottom: 10px;}

.event_container_old{	box-shadow: 0px 0px 3px #ddd; padding:0px; border-bottom: 1px solid red; margin-bottom: 10px;}

a .meeting_box 			{display: block; width: 100px; height: 70px; border: 1px solid #69f; float: left; margin-right: 5px; margin-bottom: 5px;}
a:hover .meeting_box 	{background: #69f; color: #fff; }

.date_separator 	{	color: #fff; background: #69f; padding: 3px; margin-top: 10px; margin-bottom: 10px;}

.label_yellow {
	background: #ee4;
	/* border: 1px solid #aa1; */
	color: #aa1;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	padding: 2px;
	margin: 2px;
	font-size: 8pt;
}

.label_context {
	background: #eee;
	margin: 2px;
	color: #bbb;
	padding: 2px;
	font-size: 8pt;
}

.label_red {
	background: #e44;
	/* border: 1px solid #a11; */
	margin: 2px;
	color: #fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	padding: 2px;
	font-size: 8pt;
}

.event_action {	margin-bottom: 5px;  border: 0px solid green;}
.event_note { }

.event_text_done			{ color: #666; font-size: 11pt; font-style: italic; 	cursor: hand;}
.event_text_edit a  		{ color: #000; background: #fff; font-size: 11pt; 		cursor: hand;}
.event_text_edit a:hover   	{ color: #006; background: #ddf; text-decoration: none; cursor: hand;}



.tick 		{	}
.tick:hover	{ background: #ededff;}


/* ---- CONTRACT DATA TABLES ---- */

.float_box {
	position: fixed; 
	width: 80%; left: 5%; 
	top: +50px; 
	box-shadow: 0px 3px 3px #888;
	background: #ffffee;  padding: 10px;
	visibility: hidden;
	max-height: 80%;
	overflow: auto;
}

.form_section_label {
	font-weight: bold;
	color: #aaaa99;
	border-bottom: 1px solid #aaaa99;
}
.form_td {
	width: 100px;
}
.form_input_small {
}

.error_box {
	border: 1px dashed red; 
	padding: 10px; margin: 10px;
}

.emptydays {
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
	color: #999;
	background:#eee;
	font-size: 10pt;
	padding: 2 0 0 0 px;
	text-align:center;
	border: solid #bbb 1px;
	width: 75%;
}

.emptydays_back {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	filter: alpha(opacity=0); -moz-opacity: .0; 
	height:40px;
	border-top: solid 1px #bbb;
}

.title {
	font-size: 18pt;
	padding: 10px;
}
.subtitle {
	font-size: 13pt;
}

.date_range {
	font-size: 10pt;
}

/* ------------------------ CRM CSS codes ------------------------- */



/* --------- Overall Visuals (non responsive) ------------- */

.dimmed {	color: #aaa; }


.field_container { 	padding: 5px;}

label {
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 10px;
}

.field_container_textarea { width: 100%; display: table; }
.field_container_textarea .field_label { width: 160px; display: table-cell; text-align: right; 	vertical-align: middle; padding-right: 5px; }
.field_container_textarea .field_textarea { display: table-cell; }

.data_cont { display: table; }
.data_cont .data_label { 
	display: table-cell;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	color: #bbb;
}
.data_cont .data_info {
	display: table-cell;
}

.table_container 	{ display: table; width: 100%; border-bottom: 1px dotted #bbb; }
.table_date 		{ display: table-cell; width: 90px; text-align: left; }
.table_contact 		{ display: table-cell; width: 150px; text-align: left; }
.table_content 		{ display: table-cell; width: *; text-align: left; }
.table_action 		{ display: table-cell; width: 50px; text-align: right; }

.login_container {
	padding: 0px;
	margin: 5px;
}
.login_container .big {
	font-size: 48pt;
	margin-bottom: 20px;
}
.login_container .med {
	font-size: 14pt;
	margin-bottom: 20px;
}
.login_container .small {
	font-size: 12pt;
	margin-bottom: 20px;
}