abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;box-sizing: border-box;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}button,input[type=submit],input[type=reset],input[type=button]{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}[role=button]{color:inherit;cursor:default;display:inline-block;text-align:center;text-decoration:none;white-space:pre;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}a{line-height:0}img{width:100%}.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

body{font-family: verdana, Helvetica,sans-serif;background-color:#eeeeee;box-sizing: border-box; color: #000000; font-size: 13px;font-weight: 200; line-height: 15px;font-style: normal;}

p{font-family: verdana, "Helvetica", sans-serif;
font-weight: normal;
font-size: 14px;
color:#FFFFFF;
line-height: 18px}

span{font-family: verdana, "Helvetica", sans-serif;
font-weight: normal;
font-size: 9px;
color:#888888;
line-height: 11px;}

h1{font-family: verdana, "Helvetica", sans-serif;
font-weight: 200;
font-size: 28px;
color:#FFFFFF;
line-height: 34px}

h2{font-family: verdana, "Helvetica", sans-serif;
font-weight: 400;
font-size: 18px;
color:#000000;
line-height: 20px;
}

select {
	width: 98%;
}

input{
	padding: 10px;
	border: 0;
	border: 1px solid #333;
	margin: 10px 0 30px;

	font-size: 14px;
	font-weight: bold;

	width: 100%;
 	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

textarea{
	width: 100%;
	resize: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.outterwrapper{
	position: absolute;
	display: block;
	top: 0; left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.outterwrapperBlock{
	position: fixed;
	height: 100vh;
}

.loading-svg{
	position: fixed;
	top: 0; left: 0; width: 100%;
	min-height: 200vh;
	height: 200vh;

	background-color: rgba(255,255,255,0.8)
}


.loading-svg svg{
	position: fixed;
	top: 48vh;
	left: 50%;

	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)

}

.error{

	font-family: verdana, "Helvetica", sans-serif;
	font-weight: normal;
	font-size: 9px;
	color:#DD0000;
	line-height: 10px;

}

.bounce {
  -webkit-animation:bounce 1s infinite;
}

.shadow {
  -webkit-box-shadow: 2px 2px 2px 2px #cccccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    2px 2px 2px 2px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         2px 2px 2px 2px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

@-webkit-keyframes bounce {
0% { opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0; }
50% { opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1; }
100% { opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;}
}

.sbounce {
	-webkit-animation:sbounce 1s infinite;
}

@-webkit-keyframes sbounce {
	0% { opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0; }
	50% { opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2; }
	100% {opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;}
}

.tester{
	width: 30%;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	padding-bottom: 20px;
	background-color: #daad00
}

.title-nuller{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.nuller{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.alpha0{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


.form_item{
	position: relative;
}
.form_item [type="radio"]{
	width: 15px;
}

.form_group [type="text"]{
	width: 90%;
}

.form_group [type="password"]{
	width: 90%;
}

[type="checkbox"]{
	width: 15px;
}
.form_nuller{
	position: absolute;
	top: 0; left: 0; width: 100%; bottom: 0;
	background-color: rgba(255,255,255,0.7);
}

.hidder{
	display: none !important;
}

.hide_descktop{
	
}

.widthauto{
	width: auto !important;
}

/* CSS Chart de lineas LOG errores */

.chart_section{
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #FFFFFF;
    padding: 30px 20px 20px 20px;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;

}

.chart_lines{
    position: relative;
    width: 100%;
    margin: 0 0 0 0;
    box-sizing: border-box;
    display: block;
    line-height: 0;
}

.chart_xinfo{
    position: relative;
    width: 100%;
    margin: 0 auto 0 0;
    box-sizing: border-box;
    display: block;
    line-height: 0;
    text-align: center;
}

.chart_items{
	position: relative;
	width: 22%;
	display: inline-block;
	padding: 7px 7px 7px 30px;
	border: 1px solid #eeeeee;
	margin: 0 10px 10px 0;

	font-size: 12px;
	line-height: 16px;
}

.chart_items_hide .chart_itmes_knot{
	background-color: #FFFFFF !important; 
}

.chart_itmes_knot{
	position: absolute;
	top: 7px; left: 7px;
	width: 16px; height: 16px;

	background-color: #EEEEEE;
	border: 2px solid #CCCCCC;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

.svgAbsolute{
    position: absolute;
    top: 0;
    left: 0;
}

.svgYinfo{
    left: -8%;
}

.svg{
    dominant-baseline: hanging;
}

.linechart_hoverSection{
	position: absolute;
	top: 0; left: 4%;
	/* padding-bottom: 30.5%; */
	display: flex;
	width: 92%;
}

.linechart_hoverLine{
	position: relative;
	width: 100%;
	padding-bottom: 33%;
	cursor: pointer;
}

.linechart_hoverLineHover:hover{
	border-left: 1px solid #dd0000;
}

.linechart_hoverLineHover_:hover{
	border-right: 1px solid #dd0000;
}

/* CSS New Filters Mobile */

.filternew_title{
	width: auto;
	display: inline-block !important;
	margin: 0 0 0 15px;

	padding: 2px 20px;

	color: #FFFFFF;
	font-size: 12px;
	line-height: 14px;
	background-color: #444444;
}

.filternew_section{
	position: relative;
	display: block;
	width: 100%;
	border:  1px dashed #444444;

	padding: 10px 20px 10px 20px;
	box-sizing: border-box;

	margin-bottom: 10px;

	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.filternew_button{
	display: inline-block;
	width: auto;
	margin: 0 1% 10px 0;
	box-sizing: border-box;
	padding: 5px 20px 5px 30px;

	
	font-size: 11px;
	color: #444444;

	vertical-align: bottom;

	background-image:  url("../images/header/filter_log.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 25px auto;
}

.ico_calnew{
	background-image:  url("../images/header/cal_log.png");
}

.filternew_send{
	background-color: #333333;

	display: block;
	width: 100px;

	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	padding: 7px 10px 7px 10px;
	text-align: center;
	color: #FFF;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.filternew_backmodal{
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%; height: 100%;
	background-color:#000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.filternew_modal{
	position: absolute;
	top: 0;
	width: 40%; left: 30%;
	background-color: #FFFFFF;
	padding: 100px 30px 30px 30px;

	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;

	overflow: hidden;
}

.filternew_loading{
	position: absolute;
	top: 40px;
	width: 30%; left: 35%;
	background-color: #FFFFFF;
	text-align: center;
	color: #000000;
	padding: 30px 30px 30px 30px;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;

	overflow: hidden;
}

.filternew_modalheader{

	position: fixed;

	text-align: right;

	top: 0; left: 30%;
	width: 40%;
	padding: 20px 30px 15px 30px;

	
	background-color: #0099da;
}

.filternew_modaltitle{
	position: relative;
	float: left;
	padding: 10px 0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.filternew_modalbttn{
	float: right;
	position: relative;
	display: inline-block;
	
	color: #444444;
	padding: 7px 15px;
	margin: 0 0 10px 15px;
	background-color: #FFFFFF;

	font-size: 12px;
	font-weight: bold;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.filternew_cancel{
	background-color: #DD0000;
	color: #FFFFFF;
}

.filternew_select{
	position: relative;
	width: 100%;
	padding: 10px 10px 10px 0px;

	color: #0099da;
	font-size: 12px;
	border-bottom: 1px dashed #0099da;
}

.filternew_date{
	position: relative;
	display: inline-block;
	margin: 0 2% 20px 0;
	width: 47%;
	vertical-align: top;
}

.filternew_datetitle{
	position: relative;
	display: inline-block;
	padding: 7px 10px 7px 10px;

	font-size: 11px;
	color: #444444;
}

.filternew_datechange{
	position: relative;
	display: inline-block;
	padding: 7px 10px;

	font-size: 11px;
	color: #444444;
	font-weight: bold;

	margin-right: 3px;

	background-color: #EEEEEE;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.filternew_month{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	
}

.filternew_day{
	position: relative;
	width: 14%;
	padding-bottom: 10%;

}

.filternew_dayDigit{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); 
	padding: 7px 10px; width: 100%;

	font-size: 9px;
	color: #000000;
	text-align: center;

	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;

}

.filternew_daySelect{
	background-color: #0099da;
	color: #FFFFFF;
	font-weight: bold;
}

.filternew_modalblocker{
	position: fixed;
	min-height: 100vh;
}

.filternew_modalList{
	position: relative;
	width: 100%;
	padding: 10px 10px 10px 30px;

	color: #444444;
	font-size: 12px;
	border-bottom: 1px dashed #eeeeee;
}

.filternew_modalListknot{
	position: absolute;
	top: 10px; left: 7px;
	width: 16px; height: 16px;

	background-color: #EEEEEE;
	border: 2px solid #CCCCCC;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

/* modales */

.modal{
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%; height: 100%;
	background-color:#000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.modal_lm3{
	position: absolute;
	width: 100%;
	width: 90%; left: 5%;
	top: 40px;
	background-color: #FFFFFF;
	padding: 30px;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;

	overflow: hidden;
}

.modal_header{
	box-sizing: border-box;
	margin: -30px -30px 10px;
	padding: 20px 30px;

	background-color:  #0099da;

	border-bottom: 1px solid #cccccc;
}

.modal_headertitle{
	box-sizing: border-box;
	display: inline-block;

	font-size: 16px;
	line-height:  20px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	padding: 0 15px 0 0;

}

.modal_headerbttns{
	box-sizing: border-box;
	display: inline-block;
	float: right;
}

.modal_headercta{
	background-color: #FFFFFF;

	display: inline-block;
	width: auto;

	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 7px 10px 7px 10px;
	text-align: center;

	color: #333333;

	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;

    margin-right: 10px;

    border-bottom: 1px solid #CCCCCC;
}

.modal_headercancel{
	background-color: #B9002F;
	color: #FFFFFF;
	border-color: #333333;
}

.modallm3_scroll{
	position: relative;
	height: 80vh;
	overflow: scroll;
	padding: 10px 4% 10px 0px;
}

.modal_breaker{
	position: relative;
	width: 100%;
	border-top: 1px dashed #0099da;
	margin: 20px 0px;
}

.modal_lm3 p{
	color: #333333;
}

.modal_sup{
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%; height: 100%;
	background-color:#000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.modal_sup_box{
	position: absolute;
	top: 30px;left: 5%;
	width: 90%;
	
	background-color: #FFFFFF;
	padding: 15px;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.modal_msh_loader{
	padding: 7px 0 0 30px;
	min-height: 30px;
	background-position: center left;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-image: url("../images/header/preloader_blue.gif");
}

.modal_filte_bttn{
	position: relative;
	width: 100%;

	font-size: 12px;
	line-height: 14px;
	font-weight: bolder;
	color: #0099da;

	padding: 15px 15px 5px 0px;
	border-bottom: 1px dashed #0099da;
	margin-bottom: 5px;
}

.modal_filte_bttn_knob{
	position: relative;
	width: 100%;

	font-size: 12px;
	line-height: 14px;
	font-weight: bolder;
	color: #0099da;

	padding: 15px 15px 10px 30px;
	border-bottom: 1px dashed #0099da;
	margin-bottom: 5px;

	background-position: center left;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-image: url("../images/header/ico-empty.png");

}

.modal_filte_bttn_knob_active{
	background-image: url("../images/header/ico-down-a.png");
}

.knob_null{
	background-image: none !important;
}

.btta-modal{
	display: none;
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%; height: 100%;
	background-color:#000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}


.hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 	filter: alpha(opacity=100);
  	-moz-opacity: 1;
   	-khtml-opacity: 1;
   	opacity: 1;
   	cursor: pointer;
}

.hover:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.anim_ease{
	-moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.anim_out{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


	.wrapper {
		width: 90%;
		position: relative;
		box-sizing: border-box;
		padding-top: 12%;
		background-color:#EEEEEE;
		min-height: 90vh;
		margin-left: 5%;
	}

	.wrapper-null{
		overflow: hidden;
		height: 90vh;
	}

	.wrapper_null_m{
		overflow: hidden;
		height: 90vh;
	}

	.wrapper_login{
		position: relative;
		min-height: 100vh;
		width: 100%;
		padding: 30px 0;
		background-image: url("../images/header/log_bg.jpg");
		background-color: #0a0a0a;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;

	}

	.login_box{
		position: relative;
		width: 90%;
		margin: 0 0 0 5%;
		top: 0; left: 0; bottom: auto;
		background-color: transparent;

		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    overflow: hidden;
	}

	.loghero{
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		padding: 30px 20px 30px 20px;
		
		background-color: #1e1e1e;
		/* background-image: url("../images/header/home_log.jpg"); */
		background-position: top center;
		background-size: 110% auto;
		background-repeat: no-repeat;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
     	filter: alpha(opacity=80);
      	-moz-opacity: 0.8;
       	-khtml-opacity: 0.8;
       	opacity: 0.8;

	}

	.loghero_content{
		position: relative;
  		top: 0;
  		margin-top: 20%;
	}

	.loghero_content{
		color: #ffffff;
		font-size: 22px;
		line-height: 24px;
		font-weight: bolder;
	}

	.loghero_content span {
		color: #cccccc;
	}


	.loginputs{
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 40px 30px 40px 30px;
		box-sizing: border-box;
		background-color: #ffffff;
		color: #333333;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
     	filter: alpha(opacity=90);
      	-moz-opacity: 0.9;
       	-khtml-opacity: 0.9;
       	opacity: 0.9;
	}

	.loginputs p, .loginputs h1{
		color: #333333;
	}

	.loginputs input{
		width: 80%;
		padding: 7px;
		border: 0;
		border-bottom: 1px solid #000000;
		margin: 5px 0 30px;
		background-color:#FFFFFF;
		border:  1px solid #eeeeee;
		font-size: 14px;
		font-weight: bold;
	}

	.loginputs .cta_lm3{
		background-color: #0099da;

		display: inline-block !important;
		width: auto;

		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		padding: 15px 20px;
		text-align: center;

		color: #FFFFFF;

		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    margin: 0px 20px 20px 0;

	    border-bottom: 1px solid #CCCCCC;
	}

	.alert_box{
		background-color: #efc4cf;
		border: 1px solid #b9002f;

		padding: 10px 20px;
	}

	.form_login {
		position: relative;

	}

	.section-box{
		position: relative;
		width: 100%;
		padding: 30px 0 0 0px;
		box-sizing: border-box;
		margin: 0 0 0 0;
	}

	.box-title{
		background-color: #444444;
	}

	.box-content{
		background-color: #FFFFFF;
		border-bottom: 1px dashed #EEEEEE;
	}

		
	.leads_list_flex{
		display: block;
		
		margin: 0 0 10px 0;
	}

	.hourgraph_section{
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 10px 0;
		overflow-y: scroll;
		
		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;
	}

	.hourgraph_row{
		display: flex;
	}

	.leads_list_flex_cell{
		position: relative;
		border-bottom: 1px solid #cccccc;
		background-color: #FFFFFF;
		flex: 1 1 0;
		-ms-flex: 1 1;
		text-align: left;
		margin: 0px;
		color: #333333;
		padding: 7px 10px;
		word-break: break-word;
	}

	.hourgraph_flexcellheader{
		position: relative;
		border-bottom: 1px solid #cccccc;
		background-color: #FFFFFF;
		flex: 1 1 0;
		-ms-flex: 1 1;
		text-align: left;
		margin: 0px;
		color: #333333;
		padding: 3px 5px;
		background-color: #333333;
		color: #EEEEEE;
		text-align: center
	}

	.hourgraph_flexcell{
		position: relative;
		border-bottom: 1px solid #cccccc;
		background-color: #FFFFFF;
		flex: 1 1 0;
		-ms-flex: 1 1;
		text-align: left;
		margin: 0px;
		color: #333333;
		padding: 3px 5px;
		background-color: #FFFFFF;
		color: #333333;
		text-align: center;
		border: 1px solid #EEEEEE;
		/* min-width: 0; */
	}

	.hourgraph_total{
		background-color: #CCCCCC
	}

	.hourgraph_totalfinal{
		background-color: #333333;
		color: #FFFFFF;
	}

	.hourcolur0{
		background-color: #FFFFFF;
	}

	.hourcolur1{
		background-color: #96bd9e;
	}

	.hourcolur2{
		background-color: #6ab77a;
	}

	.hourcolur3{
		background-color: #2eaf4a;
	}

	.hourecolor_rage{
		background-image: url("../images/header/funnel_range.jpg");
		background-position: 0% 0% ;
		background-size: 10000% 100%;
		background-repeat: no-repeat;
	}

	.js:hover {
	background: #6af0525e;
	font-size: 20px;
	}

	.hourgraph_title{
		flex: 2 1 0;
		-ms-flex: 2 1;
	}

	.hourgraph_full{
		flex: 25 1 0;
		-ms-flex: 25 1;
	}

	.leads_list_flex_cellstatus{
		padding: 7px 10px 7px 20px !important;
	}

	.leads_list_flex_status{
		position: absolute;
		top: 1px; left: 1px; bottom: 1px;

		width: 10px;
	}

	.leads_list_flex_cta{
		position: relative;
		box-sizing: border-box;
		display: inline-block !important;
		
		width: 100%;
		padding: 7px 15px;

		background-color: #0099da;
		color: #FFFFFF;
		border-bottom: 2px solid #cccccc;

		font-size: 11px;
		line-height: 11px;
		font-weight: bolder;
		text-align: center;

		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -khtml-border-radius: 10px;
	    border-radius: 10px;
	}

	.list_flex_cellheader{
		background-color: #333333;
		color: #EEEEEE;
		margin: 1px 0px;
	}



	.list_flex_paginator{
		background-color: transparent;
		color: #333333;
		padding: 30px 0px 30px 0px;


		
		text-align: center;
	}

	.list_flex_paginator .active{
		
		color: #CCCCCC !important;
	}

	.list_flex_paginator p{
		font-size: 10px;
		line-height: 12px;
		color: #888888;
	}

	.paginator_gap{
		text-decoration: none !important;
	}

	.list_flex_paginator_bttn{
		display: inline-block !important;
		font-size: 18px;
		text-decoration: underline;
		padding: 10px 20px;
	}

	.leads_list_flex_cell span{
		font-size: 10px;
		color: #CCCCCC;
	}

	/* MENU LM3 */

	.menu_lm3{
		position:fixed;
		top: 0;

		width: 100%;
		background-color: #000000;
		color: #f1f1f1;
		text-align: left;
	}

	.footer_lm3{
		position:relative;
		top: 0;

		width: 100%;
		background-color: #333333;
		color: #f1f1f1;
		text-align: left;

		padding: 20px 30px 40px 30px;
	}

	.menu_lm3_logo{
		position: relative;
		box-sizing: border-box;
		margin: 0px;
		display: inline-block !important;
		
		width: 12%;
		padding-bottom: 12%;

		background-size: 70% auto;
		background-position: center center;
		background-repeat: no-repeat;
		/* background-image: url("../images/header/vw-logo-m.png"); */

		
	}

	.menu_background{
		position: fixed;
		width: 100%;
		padding-bottom: 12%;
		background-color: #000000;
		top: 0;
		left: 0;
	}

	.menu_mainbttn{
		position: absolute;
		left: auto; right: 0; bottom: auto; top: 0;
		box-sizing: border-box;
		padding-bottom: 12%;

		width: 12%;

		cursor: pointer;
		
		background-size: 100% auto;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url("../images/header/ico_menu.png");


	}

	.menu_lm3active .menu_mainbttn{
		background-image: url("../images/header/ico_exit.png");
	}


	.menu_lm3_bttns{
		position: absolute;
		top: 0; left: -100%; bottom: auto;

		height: 100vh;
		padding-top: 12%;
		box-sizing: border-box;

		width: 100%;
		display: block;
		background-color: #222222;
		
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	    filter: alpha(opacity=20);
	    -moz-opacity: 0.2;
	    -khtml-opacity: 0.2;
	    opacity: 0.2;
	    -moz-transition: all 0.4s;
	    -o-transition: all 0.4s;
	    -webkit-transition: all 0.4s;
	    transition: all 0.4s;
	}

	.foote_lm3_bttns{
		position: relative;

		box-sizing: border-box;

		width: 100%;
		display: block;

		font-size: 12px;
		line-height:  14px;

		color: #f1f1f1;
	}

	.foote_lm3_bttn{
		position: relative;
		display: inline-block;
		padding: 10px 0px 0px 0px;
		margin: 10px 10px 0 0;

		font-size: 10px;
		line-height: 12px;

		color: #0099da;

		border-bottom: 1px solid #0099da;

	}

	.lm3_bttn_drops{
		position: relative;
		display: inline-block;
		padding: 10px 0px 0px 0px;
		margin: 10px 10px 0 0;

		font-size: 10px;
		line-height: 12px;

		color: #0099da;

		border-bottom: 1px solid #0099da;

	}

	.menu_lm3active .menu_lm3_bttns{
		left: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
	    -moz-opacity: 1;
	    -khtml-opacity: 1;
	    opacity: 1;
	}

	.menu_lm3_bttn{
		position: relative;
		display: block;
		padding: 20px 20px 15px 20px;
		margin: 0 10px;

		font-size: 12px;
		line-height: 16px;

		border-bottom: 4px solid #000000;

	}

	.menu_lm3_ative{
		border-bottom: 4px solid #0099da;
	}





	/* FILTERS LM3 */

	.filters_lm3_title{
		width: auto;
		display: inline-block !important;
		margin: 0 0 0 15px;

		padding: 2px 20px;

		color: #FFFFFF;
		font-size: 12px;
		line-height: 14px;
		background-color: #0099da;
	}

	.filters_box_lm3{
		position: relative;
		display: block;
		width: 100%;
		border:  1px dashed #0099da;

		padding:  20px;
		box-sizing: border-box;

		margin-bottom: 30px;

		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;

	}

	.filter_lm3_item{
		display: block;
		width: 100%;
		margin: 0 0 5px 0;
		box-sizing: border-box;
		
		padding: 5px 20px;
		border: 1px solid #0099da;
		background-color: #FFFFFF;

		vertical-align: bottom;

		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;

		background-image:  url("../images/header/ico_filter.png");
	    background-repeat: no-repeat;
	    background-position: top right;
	    background-size: 15% auto;
	}

	.filter_active{
		background-image: url("../images/header/ico_filteractive.png");
		background-color: #e5f5fb;
	}

	.gg span{
		display: inline-block !important;

		font-style: italic;
		font-size: 10px;
		line-height: 12px;
		color: #888888;
		vertical-align: bottom;
	}

	.filter_lm3_itemclean{
		
		font-weight: bolder;
		background-color: #0099da;
		color: #FFFFFF;
		text-align: center;

		border-bottom: 2px solid #CCCCCC;
		
		background-image: none;
	}

	.filter_todos{
		color: #B9002F;
		border-color: #B9002F;
	}

	.filter_lm3_item p{
		font-size: 16px;
		line-height: 18px;
		font-weight: bolder;
		color: #333333;
		vertical-align: bottom;
		display: inline-block !important;
	}

	.filter_search{
		position: relative;
		display: block;
		box-sizing: border-box;
		
		width: 100%;
		padding:  10px;
		border:  1px solid #0099da;

		background-color: #FFFFFF;

		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;

	    background-image:  url("../images/header/ico_search.png");
	    background-repeat: no-repeat;
	    background-position: center right;
	    background-size: auto 100%;
	}
	
	.filter_search_inline{
		display: inline-block;
	}

	.filter_search_clear{
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		margin-top: 20px;
		
		width: auto;
		padding:  7px 10px;
		border:  1px solid #333333;

		background-color: #333333;

		color: #ffffff;

		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;

	    background-repeat: no-repeat;
	    background-position: center right;
	    background-size: auto 100%;
	}


	.filter_search span{
		font-style: italic;
	}

	.search_active{
		background-color: #e5f5fb;
	}

	.content_box_lm3{
		background-color: transparent;
		margin: 0;
		padding: 0 0 30px 0;
		border-bottom: 0;
		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -khtml-border-radius: 10px;
	    border-radius: 10px;
	}

	.item_lm3{
		position: relative;
		padding: 0;
		display: block;
	}

	.item_title_lm3{
		color: #333333;
		font-size: 16px;
		line-height: 30px;
		border-bottom: 1px solid #333333;
	}

	.item_number_lm3{
		font-family: helvetica;
		font-size: 50px;
		font-weight: bolder;
		line-height: 50px;
	}

	.item_graph_funnel{
		padding-top: 10px;
		text-align: left;

	}

	.funnel_row{
		display: flex;
		border-top: 1px dashed #cccccc; 
	}

	.graph_funnel_lm3{
		position: relative;
		flex: 1 0 0;
		-ms-flex: 1;
		
		vertical-align: middle;
		text-align: center;

		box-sizing: border-box;
	}

	.graph_funnel_content{
		position: relative;
		flex: 1 0 0;
		-ms-flex: 1;

		vertical-align: middle;
		text-align: center;
	}

	.graph_funnel_barra{
		position: relative;
		height: 100%;
		min-height: 50px;
		min-width: 2%;
		display: inline-block;
		border: 1px solid #FFFFFF;
		overflow: hidden;

		box-sizing: border-box;
	}

	.funnel_triangle{
		position: absolute;
		top: 0; bottom: 0;

		width: 10px;

		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;

		

	}

	.tr_r{
		left: auto;
		right: 0;
		background-image: url("../images/header/funnel_right.png");
	}

	.tr_l{
		left: 0;
		right: auto;
		background-image: url("../images/header/funnel_left.png");
	}

	.item_graph_barra{
		padding-top: 10px;
		text-align: right;
	}


	.graph_barra_lm3{
		position: relative;
		width: 100%;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
	    /* border: 2px solid #333333; */
	    background-color: #CCCCCC;
	    padding-bottom: 9px;
	    box-sizing: border-box;
	    margin: 0 0 10px 0;
		overflow: hidden;

	}

	.graph_barrainner_lm3{
		position: absolute;
		top: 0; left: 0; bottom: 0;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
	    /* border: 2px solid #333333; */
	    box-sizing: border-box;
	    background-color: #888888;

	}

	.graph_barrameta_lm3{
		position: absolute;
		top: 0; right: 0; bottom: 0; left: auto;
		width: auto;
		border-left: 1px dashed #888888;
	}

	.graph_barrametatext_lm3{
		position: relative;
		width: auto;
		display: inline-block !important;
		padding: 2px 4px 2px 7px;
		
		font-size: 9px;
		line-height: 10px;
		color: #FFFFFF;
		background-color: #888888;
		
		

		-moz-border-radius: 5px 0px 0px 5px;
	    -webkit-border-radius: 5px 0px 0px 5px;
	    -khtml-border-radius: 5px 0px 0px 5px;
	    border-radius: 5px 0px 0px 5px;
	}

	/* Clendario en view */

	.graph_calendar_monthpicker{
		position: relative;
		width: 90%;
		margin:  0 auto 20px;
		text-align: center;
		box-sizing: border-box;
		padding: 10px;

		border:  1px solid #CCCCCC;

		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;
	}

	.monthpicker_arrow{
		position: absolute;
		top: 0; bottom: 0; left: 0; right: auto;
		width: 40%;

		background-position: left center;
		background-size: auto 100%;
		background-repeat: no-repeat;

		background-image: url("../images/header/ico-back.png");
	}

	.monthpicker_arrow_right{
		background-position: right center;
		left: auto; right: 0;
		background-image: url("../images/header/ico-next.png");
	}

	.graph_calendar_monthpicker p{
		font-size: 20px;
		font-weight: bolder;
		color: #000000;
	}


	.graph_calendar_container{
		display: block;
		position: relative;
		width: 100%;
	}

	.graph_calendar_flex{
		display: block;
	}

	.graph_calenda_flex_cell{
		position: relative;
		border-bottom: 2px solid #cccccc;
		background-color: #FFFFFF;
		padding: 0;
		flex: 1 1 0;
		-ms-flex: 1 1;

		text-align: center;
		margin: 19px;
		color: #FFFFFF;
		padding: 10px 0 10px 0; 
	}

	.graph_calenda_flex_day{
		padding: 10px 10px 20px 10px;
		background-color: #F3F3F3;
		min-height: 100px;
	}

	.graph_calenda_flex_cell p{
		position: relative;
		
		font-size: 14px;
		line-height: 16px;
		text-align: left;
		font-weight: bold;

		color: #888888;
		
	}


	.graph_calendar_flex_iconbox{
		position: relative;
		top: 0;

		width: 90%;

			font-size: 24px;
			line-height: 24px;
			font-weight: bolder;
			text-align: left;		
	}



	.graph_calendar_flex_icon{
		position: relative;
		display: inline-block;

		box-sizing: border-box;
		padding-bottom: 0;

		font-family: helvetica;
		line-height: 14px;
		font-size: 16px;
		text-align: right;
		text-align: center;

	}

	.grahp_calender_daybreaker{
		position: relative;
		display: block;
		margin: 3px 0 10px ;

		width: 100%;
		border-bottom: 1px solid #CCCCCC;
	}

	.graph_calendar_flex_icon span{
		font-size: 10px;
		line-height: 12px;
	}

	.graph_calendar_flex_iconbase{
		display: inline-block;
		width: 10px;
		font-family: helvetica;
		text-align: right;
		box-sizing: border-box;
		padding: 7px;
		margin: 0 auto 0 auto;

		
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;

	}

	.graph_ico_1{
		background-image: url("../images/header/ico_si.png");
	}

	.graph_ico_0{
		background-image: url("../images/header/ico_no.png");
	}

	.graph_ico_agenda{
		background-image: url("../images/header/agenda_ico.png");
	}

	.graph_ico_phone{
		background-image: url("../images/header/phone_ico.png");	
	}

	.graph_ico_persona{
		background-image: url("../images/header/persona_ico.png");
	}

	.graph_calenday_bttn{
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
	}


	.graph_subgestion{
					font-size: 8px;
					color: #cccccc;
					line-height: 10px;
					margin-bottom: 10px

				}

	.graph_rawpercent {
		color: #dd0000 !important;
	}

	.graph_greatpercent {
		color: #2EAF4A !important;
	}

	.filter_search_cal{
		position: relative;
		display: block;
		box-sizing: border-box;
		
		width: 100%;
		padding:  10px;
		border:  1px solid #0099da;

		background-color: #FFFFFF;
		font-size: 10px;
		font-style: italic;

		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;

	    background-image:  url("../images/header/ico_search.png");
	    background-repeat: no-repeat;
	    background-position: center right;
	    background-size: auto 100%;
	}

	.filter_search_cal_active{
		font-style: normal;
		color: #333333;
		font-size: 14px;
	}

	/* LM3 Data Picker */

	.lm3_input_datapiker{
		position: relative;
		background-color: #333333;

		display: inline-block !important;
		width: auto;

		font-size: 11px;
		font-weight: bold;
		line-height: 12px;
		padding: 10px 20px;
		margin: 10px 0 20px;
		text-align: left;

		color: #FFFFFF;

		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    border-bottom: 1px solid #cccccc;
	}

	.lm3_datepiker{
		width: 100%;	
	}

	.lm3_datepiker_title{
		width: 100%;
		background-color: transparent;
		padding: 10px 20px 20px; 

		text-align: center;

		color: #333333;
		font-size: 14px;
		line-height: 16px;
		font-weight: bold;

		border-bottom: 1px solid #CCCCCC;

		
	}

	.lm3_datepiker_monthpiker{
		position: relative;
		width: 100%;
		background-color: transparent;
		padding: 10px 20px;
		text-align: center;

		color: #333333;
		font-size: 12px;
		line-height: 14px;
		font-weight: bolder;
		margin: 10px 0 10px 0;
		box-sizing: border-box;
	}

	.lm3_datepiker_hourepiker{
		position: relative;
		width: 100%;
		background-color: transparent;
		padding: 10px 20px;
		text-align: left;

		color: #333333;
		font-size: 12px;
		line-height: 14px;
		font-weight: bolder;
		margin: 10px 0 10px 0;
		box-sizing: border-box;
	}

	.lm3_datepiker_monthpicker_arrow{
		position: absolute;
		top: 0; bottom: 0; left: 10px; right: auto;
		width: 40%;

		background-position: left center;
		background-size: auto 80%;
		background-repeat: no-repeat;

		background-image: url("../images/header/ico-back.png");
	}

	.lm3_datepiker_monthpicker_arrow_right{
		background-position: right center;
		left: auto; right: 10px;
		background-image: url("../images/header/ico-next.png");
	}

	.lm3_datepiker_row{
		display: flex !important;
		flex-wrap: wrap; 
		align-content: stretch;
	}

	.lm3_datepiker_cell{
		position: relative;
		border-bottom: 1px solid #cccccc;
		padding: 0;
		flex: 1 1 0;
		-ms-flex: 1 1;
		text-align: center;
		margin: 2px;
		color: #333333;
		padding: 3px;
	}

	.lm3_datepiker_cell_current{
		background-color: #eeeeee;
	}

	.lm3_datepiker_cell_selected{
		background-color: #0099da;
		-moz-border-radius: 7px;
	    -webkit-border-radius: 7px;
	    -khtml-border-radius: 7px;
	    border-radius: 7px;
		
	}

	.lm3_datepiker_cell_selected p{
		color: #FFFFFF !important;

	}

	.lm3_datepiker_cellheader{
		background-color: #333333;
		padding: 5px 10px;
		border: 0px;
	}

	.lm3_datepiker_cell P{
		font-size: 10px;
		line-height: 12px;
		 position: relative;
		 color: #000000;
		
	}

	.lm3_datepiker_cellheader p{
		color: #FFFFFF;
		font-size: 10px;
	}

	.input_ok{
		background-color: #FFFFFF;
		border: 2px solid #7bc142;
		color: #000000;
	}


	/*New_gestion*/

	.cta_lm3{
		background-color: #0099da;

		display: inline-block !important;
		width: 80%;

		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		padding: 15px 20px;
		text-align: center;

		color: #FFFFFF;

		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    margin: 0px 20px 20px 0;

	    border-bottom: 1px solid #CCCCCC;
	}

	.cta_lm3_prev{

		position: relative;
		display: inline-block !important;
		width: 100%;

		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		padding: 10px 10px 10px 30px;
		text-align: left;

		box-sizing: border-box;

		background-position: center right;
		background-size: 30px 30px;
		background-repeat: no-repeat;
		background-image: url("../images/header/ico-change.png");
		background-color: #FFFFFF;

		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    margin: 0px 0px 10px 0;

	    border: 1px solid #0099da;
	}


	.cta_lm3_prev_icon{
		position: absolute;
		top: 8px; left: 10px; bottom: 8px; 
		width: 10px;
		-webkit-border-radius: 5px ;
	    -khtml-border-radius: 5px ;
	    border-radius: 5px ;

	    background-color: #FFFFFF;

	}

	.cta_lm3_prev_icon_active .cta_lm3_prev_icon{
		background-color: #0099da;
	}

	.cta_lm3_prev_modal{
		position: relative;
		display: inline-block !important;
		width: 100%;

		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		padding: 10px 10px 10px 30px;
		text-align: left;

		box-sizing: border-box;

		background-position: center left;
		background-size: 30px 30px;
		background-repeat: no-repeat;
		background-image: url("../images/header/ico-empty.png");

	    margin: 0px 0px 10px 0;

	    border-bottom: 1px solid #CCCCCC;
	}

	.cta_lm3_prev_modal_active{
		background-image: url("../images/header/ico-down-a.png");
	}

	.cta_lm3_save{
		background-color: #0099da;

		display: inline-block;
		width: auto;

		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		padding: 15px 20px;
		text-align: center;

		color: #FFFFFF;

		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    margin: 0px 20px 20px 0;

	    border-bottom: 1px solid #CCCCCC;
	}

	.cta_lm3_save_small{
		background-color: #0099da;

		display: inline-block;
		width: auto;

		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		padding: 7px 15px;
		text-align: center;

		color: #FFFFFF;

		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;

	    margin: 0px 15px 15px 0;

	    border-bottom: 1px solid #CCCCCC;
	}

	.cta_lm3_save_cancel{
		background-color: #ba0b31;
	}

	.cancel_css{
		background-color: #ba0b31 !important;
	}

	.gesiton_box_lm3{
		display: inline-block;
		vertical-align: top;
		width: 100%;
		-webkit-border-radius: 0px;
	    -khtml-border-radius: 0px;
	    border-radius: 0px;
	    border-top: 0px;
	    box-sizing: border-box;
	    background-color: transparent;
	    padding: 0;
	    margin-bottom: 15px;
	}

	.gesiton_lm3_title{
		width: auto;
		display: inline-block;
		margin: 0 0 0 15px;

		padding: 2px 20px;

		color: #333333;
		font-size: 12px;
		line-height: 14px;
		background-color: transparent;

		-moz-border-radius: 7px 7px 0 0;
	    -webkit-border-radius: 7px 7px 0 0;
	    -khtml-border-radius: 7px 7px 0 0;
	    border-radius: 7px 7px 0 0;
	}

	.gesiton_lm3_title_action{
		width: auto;
		display: inline-block;
		margin: 0 0 0 15px;

		padding: 2px 20px;

		color: #FFFFFF;
		font-size: 12px;
		line-height: 14px;
		background-color: #0099da;
	}

	.error-gestion-zone{
		width: 50%;
		display: block;
		margin: 0 auto 20px 15px;
		padding: 0px 0px;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 14px;
		background-color: #dd0000;
	}

	.error-gestion-zone p{
		padding: 2px 20px;
		color: #FFFFFF;
		font-size: 10px;
	}

	.gesiton_box_lm3 span {
		line-height: 20px;
	}

	.gestion_data_edit{
		display: inline-block;
		color: #0099da;
		text-decoration: underline;
		padding-right: 20px;

		background-position: top right;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-image: url("../images/header/ico-change.png");
	

	} 

	.gesiton_box_lm3margin{
			margin-left: 0;
	}

	.gestion_zone{
		position: relative;
		display: block;
		width: 100%;
		border:  0px solid #888888;

		padding:  20px;
		box-sizing: border-box;

		background-color: #FFFFFF;

		margin-bottom: 30px;

		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;
	}

	.gestion_zone_action{
		position: relative;
		display: block;
		width: 100%;
		border:  1px dashed #0099da;

		padding:  20px;
		box-sizing: border-box;

		margin-bottom: 0px;

		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;

	    overflow: hidden;
	}

	.gestion-zone-box-error{
		border:  1px dashed #dd0000;
	}

	.gestion_zone_blocker{
		position: absolute;
		top: 0; bottom: 0; left: 0;
		width: 100%;

		padding: 20px 20px;

		text-align: center;
		display: flex;
		flex-direction: column;
  		justify-content: center;

  		font-size: 14px;
  		line-height:  18px;
  		color: #FFFFFF;

		background-image: url("../images/header/black80_stripe.png");
		background-repeat: repeat;
		background-size: 10px;
	}

	.gestion_zone_blocker_reminders{
		background-image: url("../images/header/black80_stripe_reminder.png");
	}

	.gestion_action_zonetitle{
		/* margin-top: 30px; */
		width: auto;
		display: inline-block !important;
		padding: 2px 20px;

		color: #FFFFFF;
		font-size: 12px;
		line-height: 14px;
		background-color: #0099da;
	}

	.gestionar_sub_seccion{
		margin-bottom: 20px;
	}

	.gesiton_box_lm3_status{
		display: block;
		width: 100%;
		-webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;
	    border-top: 0px;
	    box-sizing: border-box;
	    background-color: #FFFFFF;
	    padding: 10px 20px ;
	    margin-bottom: 10px;
	    text-align: left;
	}

	.gesiton_box_lm3_status span{
		color: #FFFFFF !important;
	}

	.gesiton_box_lm3_status p{
		color: #FFFFFF !important;
	}

	.gestion_title_lm3{
		color: #333333;
		font-size: 24px;
		line-height: 34px;
		border-bottom: 1px solid #333333;
		margin: 0 0 20px 0;
	}


	.gestion_title_lm3_sub{
		color: #888888;
		font-size: 12px;
		line-height: 20px;
		border-bottom: 1px solid #CCCCCC;
		margin: 0 0 20px 0;
	}

	.gestion_addcoment{
		color: #888888;
		font-size: 11px;
		line-height: 12px;
		font-weight: bolder;
		color: #0099da;
		padding:  7px 20px 7px 0px;
		box-sizing: border-box;
		margin: 0 0 10px 0;
		text-align: left;
	}

	.gestion_addcoment_editing{
		position: relative;
		display: inline-block;
		width: 100%;
		padding:  7px 20px 7px 10px;
		background-color: #EEEEEE;

		
		
		font-size: 14px;
		line-height: 16px;
	}


	.gesiton_box_lm3 p{
		color: #333333;
		font-size: 13px;
		line-height: 20px;
	}



	.hide_mobile{
		display: none;
	}

	/* Lista_Calendario */

	.lm3calday_container{
		position: relative;
		margin: 30px 0 0 0; 
		width: 100%;
		padding: 10px 15px;
		background-color: #f9f9f9;
		-moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    -khtml-border-radius: 15px;
	    border-radius: 15px;
	}

	.lm3calday_hour{
		position: relative;
		display: inline-block;
		width: 10%;
	}

	.lm3calday_hourcontent{
		position: relative;
		display: inline-block;
		width: 85%;
		vertical-align: top;
		margin-left: 14%;

	}

	.lm3calday_houritem{
		position: relative;
		box-sizing: border-box;
		display: block;

		width: 100%;

		padding: 5px 10px 5px 20px;

		margin-bottom: 4px;

		background-color: #FFFFFF;
		border: 1px solid #f1f1f1;

		display: block;
		margin: 0 0 1px 0;

		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -khtml-border-radius: 10px;
	    border-radius: 10px;

	    overflow: hidden;
	}

	.lm3calday_hourcell{
		position: relative;
		flex: 2 1 0;
		-ms-flex: 2 1;
		text-align: left;
		margin: 0px 0px 5px 0px;
		color: #333333;
		padding: 0 10px 0 0;
	}

	.lm3calday_cellbig{
		flex: 5 1 0;
		-ms-flex: 5 1;
	}

	.lm3calday_cellsmall{
		flex: 1 1 0;
		-ms-flex: 1 1;
	}


	.lm3calday_breaker{
		position: relative;
		display: block;
		margin: 5px 0;
		width: 100%;
		border-bottom: 1px dashed #CCCCCC;
	}

	/* LM3_guia */

	.lm3guia_container{
		display: none;
		position: relative;

		width: 100%;

		padding: 0 0 40px 0;
	}

	.current_guide{
		display: block;
	}

	.lm3guia_img{
		position: relative;
		margin: 0 auto;
		
		width: 70%;

		padding: 12% 0 20%;


	}

	.lm3guia_imgbase{
		position: absolute;
		width: 100%;
		top: 0; left: 0; bottom: 0;
		background-image: url('../guide/guideimages_backm.png');
		background-position: top center;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	.lm3guia_img img{
		position: relative;
		width: 80%;
		margin-left: 10%;

		border:  2px solid #8492a5;

	}

	.lm3guia_title{
		padding: 20px;
		font-size: 20px;
		line-height: 20px;
		font-weight: bold;
		text-align: center;
	}

	.lm3guia_text{

		padding: 20px;

		font-size: 14px;
		font-weight: bolder;
		text-align: center;
	}

	.lm3guia_menu{
		position: relative;
		width: 100%;
		display: flex !important;
		margin: 10px 0 0px 0; 
	}

	.lm3guia_arrow{
		
		position: relative;
		display: block;
		flex: 1 1 0;
		-ms-flex: 1 1;
		width: 15px;
		 padding: 4px 3px;
		 background-color: #000000;
		 text-align: center;
		 margin: 0 10px 0 0;

		 color: #FFFFFF;
	}

	.lm3guia_knob{
		
		position: relative;
		display: none;
		flex: 1 1 0;
		-ms-flex: 1 1;
		width: 15px;
		 padding-bottom: 10px;
		 background-color: #CCCCCC;

		 margin: 0 2px 0;

		 -moz-transition: opacity 0.4s;
	    -o-transition: opacity 0.4s;
	    -webkit-transition: opacity 0.4s;
	        transition: opacity 0.4s;
	}

	.wrapper_guide{
		background-color: #ffffff !important;
	}



	/* Tooltip text */
	.lm3guia_knob .tooltiptext {
	  visibility: hidden;
	  width: 120px;
	  background-color: black;
	  color: #fff;
	  text-align: center;
	  padding: 5px 0;
	  border-radius: 6px;
	 
	  /* Position the tooltip text - see examples below! */
	  position: absolute;
	  z-index: 1;
	   width: 120px;
	  bottom: 100%;
	  left: 50%;
	  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.lm3guia_knob:hover .tooltiptext {
	  visibility: visible;
	}

	.knob_active{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	     filter: alpha(opacity=20);
	      -moz-opacity: 0.2;
	       -khtml-opacity: 0.2;
	       opacity: 0.2;
	}


	/* Estadistica */

	.item_box_lm3{
		display: inline-block !important;
		vertical-align: top;
		width: 100%;
		-webkit-border-radius: 7px 7px 7px 7px ;
	    -khtml-border-radius: 7px 7px 7px 7px;
	    border-radius: 7px 7px 7px 7px;
	    border-top: 0px;
	    box-sizing: border-box;
	    background-color: #FFFFFF;
	    padding: 1% 2%;
	    margin-bottom: 20px;
	}

	.item_box_lm3_full{
		display: inline-block !important;
		vertical-align: top;
		width: 100%;
		-webkit-border-radius: 7px 7px 7px 7px ;
	    -khtml-border-radius: 7px 7px 7px 7px;
	    border-radius: 7px 7px 7px 7px;
	    border-top: 0px;
	    box-sizing: border-box;
	    background-color: #FFFFFF;
	    padding: 1% 2%;
	    margin-bottom: 20px;
	}

	.item_boxmargin_lm3{
		margin-left: 0;
	}

	

	.item_title_lm3{
		color: #333333;
		font-size: 20px;
		line-height: 40px;
		border-bottom: 1px solid #333333;
	}


	/* CSS Pre home */

	.prehome_section{
		position: relative;
		display: block;
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 20px 3% 40px 3%;


	}



	.prehome_brand h2{
		color: #888888 !important;
		text-align: left;
	}

	.prehome_multi{
		position: relative;
		width: 100%;

		display: flex;
		flex-wrap: wrap;
		-ms-flex-wrap: nowrap;

		justify-content: space-between;
		-ms-justify-content: space-between;
	}

	.prehome_dashboard{
		position: relative;
		display: block;
		flex-wrap: wrap; 
		align-content: stretch;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		background-color: #FFFFFF;
		margin-bottom: 20px;
	}

	.prehome_multi .prehome_dashboard{
		width: 100%;
	}

	.prehome_multi .item_box_lm3{
		width: 80%
	}

	.prehome_row{
		position: relative;
		width: 100%;
		border-top: 1px solid #cccccc;

	}

	


	.prehome_actionbttn{
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
	}

	.prehome_actionbttn:hover{
		background-color: rgba(250, 250, 250, 0.5);
		cursor: pointer
	}



	.prehome_button{
		position: relative;
		border-left: 1px solid #cccccc;
		padding: 0;
		text-align: center;
		margin: 0px;
		color: #333333;
		background-color: #FFFFFF;
		padding: 10px;
		padding-bottom: 67%;
		overflow: hidden;
		width: 100%;
		
		/* background */
		background-image: url("../images/home/home-icos-blank.gif");
		background-size: 700px 500px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.prehome_button_small{
		position: relative;
		border-left: 1px solid #cccccc;
		padding: 0;
		flex: 1 1 0;
		-ms-flex: 1 1;
		text-align: center;
		margin: 0px;
		color: #333333;
		background-color: #FFFFFF;
		padding: 10px;
		padding-bottom: 3%;
		overflow: hidden;
		
		/* background */
		background-image: url("../images/home/home-icos-blank.gif");
		background-size: 700px 500px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.prehome_title_small{
		position: relative;
		display: block;
		right: auto;
		bottom: auto;
		left: 0;
		background-color: transparent;
		padding: 7px 15px 7px 20px;
		color: #333333;
		width: auto;
		box-sizing: border-box;
		text-align: left;
		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    /* font */
	    font-size: 10px;
	    line-height: 12px;
	}

	.prehome_icocal{
		background-image: url("../images/home/home-icos-cal.gif");
	}

	.prehome_brand{
		border-left: 1px solid #cccccc;
		flex: 3 1 0;
		-ms-flex: 3 1;
		padding: 40px 30px 40px 30px;
	}

	.prehome_bladetitle{
		border-left: 1px solid #cccccc;
		flex: 3 1 0;
		-ms-flex: 3 1;
		padding: 7px 30px 7px 30px;
		background-color: #333333;
		color: #FFFFFF;
		font-weight: bold;
	}

	.prehome_title{
		position: absolute;
		display: inline-block;
		right: 10px;
		bottom: 7px;
		background-color: rgba(0, 0, 0, 1);
		padding: 7px 15px 7px 20px;
		color: #FFFFFF;
		width: auto;
		box-sizing: border-box;
		text-align: left;
		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    /* font */
	    font-size: 10px;
	    line-height: 12px;
	}

	.prehome_changebutton{
		position: absolute;
		display: inline-block;
		right: 15px;
		top: 50%;
		background-color: #333333;
		padding: 7px 10px 8px 20px;
		color: #FFFFFF;
		width: auto;
		box-sizing: border-box;
		text-align: left;
		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)


	    /* font */
	    font-size: 10px;
	    line-height: 12px;
	}

	.prehome_cal{
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%; right: 51%;

		/* font */
		font-family: Century Gothic,CenturyGothic,sans-serif;
		font-weight: bold;
		font-size: 100px;
		color:#cccccc;
		line-height: 65px

	}

	.prehome_number{
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		/* -webkit-transform: translateX(-50%);
		transform: translateX(-50%); */
		top: 50%; left: 10%; width: 80%;
		text-align: center;

		/* font */
		font-family: Century Gothic,CenturyGothic,sans-serif;
		font-weight: bold;
		font-size:60px;
		color:#cccccc;
		line-height: 34px
	}

	.prehome_month{
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%; left: 51%;

		/* font */
		font-family: Century Gothic,CenturyGothic,sans-serif;
		font-weight: bold;
		font-size: 40px;
		color:#cccccc;
		line-height: 30px;
		text-align: left;

	}

	.prehome_year{
		font-family: Century Gothic,CenturyGothic,sans-serif;
		font-weight: lighter;
		font-size: 27px;
		color:#cccccc;
		line-height: 30px
	}

	.prehome_leads{
		font-family: Century Gothic,CenturyGothic,sans-serif;
		font-weight: normal; 
		font-size: 14px;
		color:#cccccc;
		line-height: 30px
	}

/*/////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 1024px) and (orientation: landscape) {

	/* CSS Pre home */

	.prehome_section{
		padding: 20px 30px 40px 30px;
	}

	.prehome_dashboard{
		position: relative;
		display: flex !important;
		flex-wrap: wrap; 
		align-content: stretch;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		background-color: #FFFFFF;
		margin-bottom: 20px;
	}

	.prehome_row{
		position: relative;
		display: flex !important;
		flex-direction: row;
		width: 100%;
		border-top: 1px solid #cccccc;

	}

	.prehome_button{
		position: relative;
		border-left: 1px solid #cccccc;
		padding: 0;
		flex: 1 1 0;
		-ms-flex: 1 1;
		text-align: center;
		margin: 0px;
		color: #333333;
		background-color: #FFFFFF;
		padding: 10px;
		padding-bottom: 17%;
		overflow: hidden;
		width: auto;
		
		/* background */
		background-image: url("../images/home/home-icos-blank.gif");
		background-size: 700px 500px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.prehome_title_small{
		position: absolute;
		display: inline-block;
		right: 10px;
		bottom: 7px;
		left: auto;
		background-color: transparent;
		padding: 7px 15px 7px 20px;
		color: #333333;
		width: auto;
		box-sizing: border-box;
		text-align: left;
		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;

	    /* font */
	    font-size: 10px;
	    line-height: 12px;
	}
				
				/* LM3 Data Picker */

				.lm3_input_datapiker{
					position: relative;
					background-color: #333333;

					display: inline-block !important;
					width: auto;

					font-size: 11px;
					font-weight: bold;
					line-height: 12px;
					padding: 10px 20px;
					margin: 10px 0 20px;
					text-align: left;

					color: #FFFFFF;

					-moz-border-radius: 20px;
				    -webkit-border-radius: 20px;
				    -khtml-border-radius: 20px;
				    border-radius: 20px;

				    border-bottom: 1px solid #cccccc;
				}

				.lm3_datepiker{
					width: 100%;	
				}

				.lm3_datepiker_title{
					width: 100%;
					background-color: transparent;
					padding: 10px 20px 20px; 

					text-align: center;

					color: #333333;
					font-size: 14px;
					line-height: 16px;
					font-weight: bold;

					border-bottom: 1px solid #CCCCCC;

					
				}

				.lm3_datepiker_monthpiker{
					position: relative;
					width: 100%;
					background-color: transparent;
					padding: 10px 20px;
					text-align: center;

					color: #333333;
					font-size: 12px;
					line-height: 14px;
					font-weight: bolder;
					margin: 10px 0 10px 0;
					box-sizing: border-box;
				}

				.lm3_datepiker_hourepiker{
					position: relative;
					width: 100%;
					background-color: transparent;
					padding: 10px 20px;
					text-align: left;

					color: #333333;
					font-size: 12px;
					line-height: 14px;
					font-weight: bolder;
					margin: 10px 0 10px 0;
					box-sizing: border-box;
				}

				.lm3_datepiker_monthpicker_arrow{
					position: absolute;
					top: 0; bottom: 0; left: 10px; right: auto;
					width: 40%;

					background-position: left center;
					background-size: auto 80%;
					background-repeat: no-repeat;

					background-image: url("../images/header/ico-back.png");
				}

				.lm3_datepiker_monthpicker_arrow_right{
					background-position: right center;
					left: auto; right: 10px;
					background-image: url("../images/header/ico-next.png");
				}

				.lm3_datepiker_row{
					display: flex !important;
					flex-wrap: wrap; 
					align-content: stretch;
				}

				.lm3_datepiker_cell{
					position: relative;
					border-bottom: 1px solid #cccccc;
					padding: 0;
					flex: 1 1 0;
					-ms-flex: 1 1;
					text-align: center;
					margin: 1px;
					color: #333333;
					padding: 10px;
				}

				.lm3_datepiker_cell_current{
					background-color: #eeeeee;
				}

				.lm3_datepiker_cell_selected{
					background-color: #0099da;
					-moz-border-radius: 7px;
				    -webkit-border-radius: 7px;
				    -khtml-border-radius: 7px;
				    border-radius: 7px;
					
				}

				.lm3_datepiker_cell_selected p{
					color: #FFFFFF !important;

				}

				.lm3_datepiker_cellheader{
					background-color: #333333;
					padding: 5px 10px;
					border: 0px;
				}

				.lm3_datepiker_cell P{
					 font-size: 14px;
					line-height: 18px;
					 position: relative;
					 color: #000000;
					
				}

				.lm3_datepiker_cellheader p{
					color: #FFFFFF;
					font-size: 10px;
				}

				.input_ok{
					background-color: #FFFFFF;
					border: 2px solid #7bc142;
					color: #000000;
				}

				/* Lista_Calendario */

				.lm3calday_container{
					position: relative;
					margin: 30px 0 0 0; 
					width: 100%;
					padding: 10px 15px;
					background-color: #f9f9f9;
					-moz-border-radius: 15px;
				    -webkit-border-radius: 15px;
				    -khtml-border-radius: 15px;
				    border-radius: 15px;
				}

				.lm3calday_hour{
					position: relative;
					display: inline-block;
					width: 10%;
				}

				.lm3calday_hourcontent{
					position: relative;
					display: inline-block;
					width: 89%;
					vertical-align: top;
					margin-left: 0;

				}

				.lm3calday_houritem{
					position: relative;
					box-sizing: border-box;
					display: block;

					width: 100%;

					padding: 5px 10px 5px 20px;

					margin-bottom: 4px;

					background-color: #FFFFFF;
					border: 1px solid #f1f1f1;

					display: flex;
					margin: 0 0 1px 0;

					-moz-border-radius: 10px;
				    -webkit-border-radius: 10px;
				    -khtml-border-radius: 10px;
				    border-radius: 10px;

				    overflow: hidden;
				}

				.lm3calday_hourcell{
					position: relative;
					flex: 2 1 0;
					-ms-flex: 2 1;
					text-align: left;
					margin: 0px;
					color: #333333;
					padding: 0 10px 0 0;
				}

				.lm3calday_cellbig{
					flex: 5 1 0;
					-ms-flex: 5 1;
				}

				.lm3calday_cellsmall{
					flex: 1 1 0;
					-ms-flex: 1 1;
				}


				.lm3calday_breaker{
					position: relative;
					display: block;
					margin: 5px 0;
					width: 100%;
					border-bottom: 1px dashed #CCCCCC;
				}


				/* LM3_guia */

				.lm3guia_img{
					position: relative;
					margin: 0 auto;
					width: 70%;
					padding: 4% 0 8%;

				}

				.lm3guia_imgbase{
					background-image: url('../guide/guideimages_back.png');
				}

				.lm3guia_img img{
					width: 70%;
					margin-left: 15%;

				}

				.lm3guia_menu{
					position: relative;
					display: flex !important;
					width: 80%;
					margin: 10px 0 0px 10%; 
				}

				.lm3guia_arrow{
					position: relative;
					display: block;
					flex: 1 1 0;
					-ms-flex: 1 1;
					width: 10px;
					 padding: 4px 3px;
					 background-color: #000000;
					 text-align: center;

					 color: #FFFFFF;
					 margin: 0;
				}

				.lm3guia_knob{
					display: block;
					width: 10px;
				}

				.lm3guia_text{

					width: 70%;
					margin-left: 15%;
					padding: 20px;

					font-size: 14px;
					font-weight: bolder;
					text-align: center;
				}


				/* LM3_generales */
				.hide_descktop{
					display: none;
				}

				.modal_lm3{
					position: absolute;
					width: 100%;
					width: 40%; left: 30%;
					top: 40px;
					background-color: #FFFFFF;
					padding: 30px;

					-moz-border-radius: 20px;
					-webkit-border-radius: 20px;
					-khtml-border-radius: 20px;
					border-radius: 20px;
				}

				.modal_sup_box{
					position: absolute;
					top: 10%;left: 35%;
					width: 30%;
					
					background-color: #FFFFFF;
					padding: 30px;

					-moz-border-radius: 20px;
					-webkit-border-radius: 20px;
					-khtml-border-radius: 20px;
					border-radius: 20px;
				}

				.wrapper{
					width: 100%;
					max-width: 1400px;
					margin: 0 auto;
					padding:0 40px 40px 40px;
				}

				.wrapper_null_m{
					overflow: auto;
					height: auto;
				}

				.wrapper_login{
					padding: 0;
				}

				.login_box{
					position: absolute;
					width: 50%;
					top: 10%; left: 25%; bottom: 10%;
					margin: 0 0 0 0;
				    overflow: auto;
				}

				.loghero{
					position: absolute;
					width: 40%;
					top: 0;
					left: 0;
					bottom: 0;
					padding: 20px 20px 30px 20px;

					display:table-cell;
			    	vertical-align:middle;
					
					background-color: #1e1e1e;
					/* background-image: url("../images/header/home_log.jpg"); */
					background-position: bottom center;
					background-size: 110% auto;
					background-repeat: no-repeat;

					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			     	filter: alpha(opacity=80);
			      	-moz-opacity: 0.8;
			       	-khtml-opacity: 0.8;
			       	opacity: 0.8;

				}

				.loghero_content{
					position: absolute;
			  		top: 40%;
			  		margin-top: 0;
				}

				.loghero_content{
					color: #ffffff;
					font-size: 22px;
					line-height: 24px;
					font-weight: bolder;
				}

				.loghero_content span {
					color: #cccccc;
				}


				.loginputs{
					position: absolute;
					width: 60%;
					top: 0;
					right: 0;
					bottom: 0;
					padding: 40px 30px 40px 30px;
					box-sizing: border-box;
					background-color: #ffffff;
					color: #333333;

					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			     	filter: alpha(opacity=90);
			      	-moz-opacity: 0.9;
			       	-khtml-opacity: 0.9;
			       	opacity: 0.9;
				}

				.loginputs p, .loginputs h1{
					color: #333333;
				}

				.loginputs input{
					width: 80%;
					padding: 7px;
					border: 0;
					border-bottom: 1px solid #000000;
					margin: 5px 0 30px;
					background-color:#FFFFFF;
					border:  1px solid #eeeeee;
					font-size: 14px;
					font-weight: bold;
				}

				.loginputs .cta_lm3{
					background-color: #0099da;

					display: inline-block !important;
					width: auto;

					font-size: 14px;
					font-weight: bold;
					line-height: 16px;
					padding: 15px 20px;
					text-align: center;

					color: #FFFFFF;

					-moz-border-radius: 20px;
				    -webkit-border-radius: 20px;
				    -khtml-border-radius: 20px;
				    border-radius: 20px;

				    margin: 0px 20px 20px 0;

				    border-bottom: 1px solid #CCCCCC;
				}

				.alert_box{
					background-color: #efc4cf;
					border: 1px solid #b9002f;

					padding: 10px 20px;
				}

				.form_login {
					position: relative;

				}

				.section-box{
					position: relative;
					width: 100%;
					padding: 50px 0 30px 0;
					box-sizing: border-box;
					margin: 0 0 0 0;
				}

				
				.menu_lm3{
					position: fixed;
					top: 0;
					box-sizing: border-box;

					width: 100%;
					max-width: 1400px;
					padding: 0 40px 0 40px;
					background-color: transparent;
					color: #f1f1f1;
					text-align: left;
					left: 50%;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%)


				}



				.menu_mainbttn{
					display: none;
				}

				.menu_lm3_bttns{
					position: relative;
					height: auto;

					width: 100%;
					left: 0;
					display: block;
					padding: 0 30px 0 30px;

					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				    filter: alpha(opacity=100);
				    -moz-opacity: 1;
				    -khtml-opacity: 1;
				    opacity: 1;
				}

				.menu_lm3_bttn{
					
					display: inline-block !important;
					padding: 5px 15px 5px 15px;
					margin: 0px;

					font-size: 11px;
					line-height: 16px;
					cursor: pointer;
					border-bottom: 4px solid #000000;

				}

				.menu_lm3_bttn:hover{

					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
					-khtml-opacity: 0.5;
					-moz-opacity: 0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
				}

				.menu_lm3_ative{
					border-bottom: 4px solid #0099da;
				}

				.menu_lm3_logo{
					position: absolute;
					top: 0; left: 0; bottom: 0;
					width: 100px;
					
					/* width: 12%; */
					padding: 0;

					background-size:  auto 70%;
					background-position: center center;
					background-repeat: no-repeat;
				}

				/* Clendario en view */

				.graph_calendar_monthpicker{
					position: relative;
					width: 30%;
					margin:  0 auto 20px;
					text-align: center;
					box-sizing: border-box;
					padding: 10px;

					border:  1px solid #CCCCCC;

					-moz-border-radius: 20px;
				    -webkit-border-radius: 20px;
				    -khtml-border-radius: 20px;
				    border-radius: 20px;
				}

				.monthpicker_arrow{
					position: absolute;
					top: 0; bottom: 0; left: 0; right: auto;
					width: 40%;

					background-position: left center;
					background-size: auto 100%;
					background-repeat: no-repeat;

					background-image: url("../images/header/ico-back.png");
				}

				.monthpicker_arrow_right{
					background-position: right center;
					left: auto; right: 0;
					background-image: url("../images/header/ico-next.png");
				}

				.graph_calendar_monthpicker p{
					font-size: 20px;
					font-weight: bolder;
					color: #000000;
				}


				.graph_calendar_container{
					display: block;
					position: relative;
					width: 100%;
				}

				.graph_calendar_flex{
					display: flex !important;
				}

				.graph_calenda_flex_cell{
					position: relative;
					border-bottom: 1px solid #cccccc;
					background-color: #333333;
					padding: 0;
					flex: 1 1 0;
					-ms-flex: 1 1;
					text-align: center;
					margin:  2px;
					color: #FFFFFF;
					padding: 10px 0 10px 0; 
				}
				
				.graph_calenda_flex_day{
					padding: 10px 10px 20px 10px;
					background-color: #FFFFFF;
				}
				
				.graph_calenda_flex_cell p{
					position: relative;
					
					font-size: 14px;
					line-height: 16px;
					text-align: left;
					font-weight: bold;

					color: #888888;
					
				}


				.graph_calendar_flex_iconbox{
					position: relative;
					top: 0;

					width: 90%;

			  		font-size: 24px;
			  		line-height: 24px;
			  		font-weight: bolder;
			  		text-align: left;		
				}

				

				.graph_calendar_flex_icon{
					position: relative;
					display: block;

					box-sizing: border-box;
					padding-bottom: 0;

					font-family: helvetica;
					line-height: 14px;
					font-size: 16px;
					text-align: right;
					text-align: left;

				}

				.grahp_calender_daybreaker{
					position: relative;
					display: block;
					margin: 3px 0 10px ;

					width: 100%;
					border-bottom: 1px solid #CCCCCC;
				}

				.graph_calendar_flex_icon span{
					font-size: 10px;
					line-height: 12px;
				}

				.graph_calendar_flex_iconbase{
					display: inline-block !important;
					width: 10px;
					font-family: helvetica;
					text-align: right;
					box-sizing: border-box;
					padding: 7px;
					margin: 0 auto 0 auto;

					
					background-position: center bottom;
					background-size: 100% auto;
					background-repeat: no-repeat;

				}

				.graph_ico_phone{
					background-image: url("../images/header/phone_ico.png");
					
				}

				.graph_ico_agenda{
					background-image: url("../images/header/agenda_ico.png");
				}

				.graph_calenday_bttn{
					position: absolute;
					top: 0; left: 0; right: 0; bottom: 0;

				}

				/* FILTERS LM3 */

				.filters_lm3_title{
					width: auto;
					display: inline-block !important;
					margin: 0 0 0 15px;

					padding: 2px 20px;

					color: #FFFFFF;
					font-size: 12px;
					line-height: 14px;
					background-color: #0099da;
				}

				.filters_box_lm3{
					position: relative;
					display: block;
					width: 100%;
					border:  1px dashed #0099da;

					padding:  20px;
					box-sizing: border-box;

					-moz-border-radius: 15px;
				    -webkit-border-radius: 15px;
				    -khtml-border-radius: 15px;
				    border-radius: 15px;

				}

				.filter_lm3_item{
					display: inline-block !important;
					width: 18%;
					margin: 0 1% 10px 0;
					box-sizing: border-box;
					
					padding: 5px 20px;

					vertical-align: bottom;
				}

				.filter_lm3_item span{
				}

				.filter_todos{
					color: #B9002F;
					border-color: #B9002F;
				}

				.filter_lm3_item p{
					font-size: 16px;
					line-height: 18px;
					font-weight: bolder;
					color: #333333;
					vertical-align: bottom;
					display: inline-block !important;
				}

				.filter_search{
					
					width: 40%;
					
				}

				/* Lista Leads */
				.leads_list_flex{
					display: flex !important;
					margin: 0 0 1px 0;
				}



				.leads_list_flex_cell{
					position: relative;
					border-bottom: 1px solid #cccccc;
					background-color: #FFFFFF;
					padding: 0;
					flex: 1 1 0;
					-ms-flex: 1 1;
					text-align: left;
					margin: 1px 1px;
					color: #333333;
					padding: 10px;

					word-break: break-word;

				}

				.leads_list_flex_cta{
					position: relative;
					box-sizing: border-box;
					display: inline-block !important;
					
					width: 100%;
					padding: 7px 15px;

					background-color: #0099da;
					color: #FFFFFF;

					font-size: 11px;
					line-height: 11px;
					font-weight: bolder;
					text-align: center;

					-moz-border-radius: 10px;
				    -webkit-border-radius: 10px;
				    -khtml-border-radius: 10px;
				    border-radius: 10px;
				}

				.list_flex_cellheader{
					background-color: #333333;
					color: #EEEEEE;
					margin: 1px 0px;
				}

				.list_flex_paginator{
					background-color: transparent;
					color: #333333;
					padding: 30px 0px 30px 0px;


					
					text-align: center;
				}

				.list_flex_paginator .active{
					
					color: #CCCCCC !important;
				}

				.list_flex_paginator p{
					font-size: 10px;
					line-height: 12px;
					color: #888888;
				}

				.paginator_gap{
					text-decoration: none !important;
				}

				.list_flex_paginator_bttn{
					display: inline-block !important;
					font-size: 18px;
					text-decoration: underline;
					padding: 10px 20px;
				}

				.leads_list_flex_cell span{
					font-size: 10px;
					color: #CCCCCC;
				}

				.gesiton_box_lm3{
					width: 31%;
				}

				.gesiton_box_lm3margin{
					margin-left: 2%
				}

				.gesiton_box_lm3_status{
					width: 100%;
				}



	.dsktp-top{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #FFFFFF;
		height: 70px;
		border-bottom: 0;
	}

	.dsktp-left{
		display: block;
		width: 300px;
		background-color: #333333;
		position: fixed;
		border-right: 1px solid #cfd0d2;
		top: 0; left: 0; bottom: 0;
		height: 100%;
	}

	

		/*Alles Leads*/
		.leads-box{
			background-color: #FFFFFF;
			display: table !important;
			margin: 0;
			padding: 0;
			border-bottom: 0;
			-moz-border-radius: 15px;
		    -webkit-border-radius: 15px;
		    -khtml-border-radius: 15px;
		    border-radius: 15px;
		    border: 2px solid #EEEEEE;
		    
		}

		.leads-box-gn{
			float: left;
			width: 48%;
		
		}

		.es-item-box{
			display: inline-block !important;
			vertical-align: top;
			width: 48%;
			-webkit-border-radius: 10px 10px 0 0 ;
		    -khtml-border-radius: 10px 10px 0 0;
		    border-radius: 10px 10px 0 0;
		    border-top: 0px;
		    box-sizing: border-box;
		    background-color: #FFFFFF;
		}

		

		.es-item-box:nth-child(even){
			margin: 0 0 0 3%
		}

		.leads-box-es{
			float: none;
			width: 100%;
			position: relative;
		
		}

		.content_box3{
			float: none;
			width: 100%;
			position: relative;
		
		}

		.id-historial{
			float: right;
		}

		.lead-item{
			width: 17%;
			display: table-cell !important;
			background-color: transparent;
			position: relative;
			float: none;
			padding: 1% 35px 1% 35px;
			box-sizing: border-box;
			border: 0;
			border-right: 1px dashed #EEEEEE;
			
		}


		.lead-item-gn{
			padding: 4% 7% 4% 40px;
			float: none;
			
		}

		.lead-item-gn-es{
			padding: 4% 7% 4% 40px;
		}


		.lead-dsktp{
			width: 24%;
		}

		.lead-item-e {
			margin-top: 0;
			-webkit-border-radius: 0;
			-khtml-border-radius: 0;
			border-radius: 0;
			margin-bottom: 0;
		}

		.lead-item-gn-e {
	 		margin-top: 0;
		}

		.lead-item-g {
			color: #FFFFFF;
			background-color: #ba0b31;
			-webkit-border-radius: 0 10px 10px 0 ;
		    -khtml-border-radius: 0 10px 10px 0;
		    border-radius: 0 10px 10px 0;
		    margin-bottom: 0px;
		    text-align:center;
		    border: 0;
		    border-left: 2px solid #940826;
		}

		.lead-item-g:hover {
			border: 0;
		    border-left: 2px solid #940826;
			background-color: #940826;
		}

		.lead-item-gn-g {
	 
		}

		.eicon{
			width: 20px;
			top: 10%; left: 7px; bottom: 10%;
			-webkit-border-radius: 9px ;
		    -khtml-border-radius: 9px ;
		    border-radius: 9px ;
		    background-color: #eeeeee;

		}

		.print-search, .print-date{
			width: 30%;
			margin: 0% 0 1%;
		}

		.box-pages{
			margin-top: 2%;
		}


		.lead-ico-i{
			width: 60px;
			padding-bottom: 60px;
		}





			/*Alles Header*/

			.db-header {
				width: 300px;
				height: 70px;
				bottom: 0;
				box-sizing: border-box;
				border-bottom: none;
				border-right: 1px solid #000000;
				padding: 0;
			}

			.header-logo {
				position: relative;
				margin: 10% auto 0 10%;
				width: 34%;
				padding-bottom: 13%;
			}

			.header-title {
				position: fixed;
				display: inline-block !important;
				width: auto;
				text-align: left;
				top: 0;
				left: 0;
				margin: 17px 0 0 300px;
				padding-left: 2%;
			}

			.header-drop {
				display: block; 
				position: absolute;
				width: 30px; 
				top:auto; left:auto; right: -40px ;bottom: 10px ;padding: 0 0 30px 0;
			}

			.header-drop-dsktp {
				display: none;
			}

			#ico-menu{
				display: block;
			}

			#ico-exit{
				display: none;
			}

			.icon-menu-button{ 
				position: absolute; 
				width: 100%; 
				top:0; left: 0;
			}

			.menu-board{
				position: fixed;
				width: 300px;
				background-color: #333333;
				top: 0;left: 0; bottom: 0; padding: 0% 1% 0% 1%; box-sizing: border-box;
				margin-top: 70px;
				border-right: 1px solid #000000;
				-moz-transition: left 0.4s;
			    -o-transition: left 0.4s;
			    -webkit-transition: left 0.4s;
			    transition: left 0.4;
				overflow: auto;
				height: 100vh;
			}

			

			.menu-board-active{
				left: 300px;
				/*left: 150px;*/
				overflow: auto;
				height: auto;
				
			}

			.btta-menu{

			}

			.btta-homemenu{
				display: block;	
			}

			.btta-fade{

			}

			.board-ico{
				position: relative; 
				display: table-cell ; 
				width: 10%; 
				box-sizing: border-box; 
				height: auto;
			}
			
			.board-ico img{
				position: relative; width: 100%
			}

			.btta-menu p{
				position: relative; 
				display: table-cell;
				vertical-align: middle;
				font-weight: bold;
				font-size: 16px;
				line-height: 18px;
				color: #eeeeee;
				text-align:left;
				padding:0% 5%;box-sizing: border-box;
			}

				/*ALLES CALENDARIO*/
				.title_cal{
					width: auto;
					display: inline-block !important;
					position: relative;
					font-family: 'Roboto', sans-serif;
					font-weight: 600;
					font-size: 14px;
					color:#444444;
					line-height: 14px;
					text-align: center;
					padding: 2% 4% 2%;
					vertical-align: middle;
				}

				.day_cal{
					font-weight: 400;
					font-size: 14px;
					line-height: 14px;
					text-align: center; 
					padding: 3% 5% ;
					border: 1px solid #eeeeee;
					
				}

				.arrow_cal{
					padding-top: 30px;
					width: 30px;

				}

				/*.day_agenda{
					background-color: #CCCCCC;
					cursor: pointer;
					color: #000000;
				}*/
					.gu-mockup{
						width: 25%;
						top: 0; left: 360px;
						margin: 60px 0 0 0;
						padding-bottom: 46%;
					}


					.gu-content{
						width: 40%;
						position: relative;
						top: 0; left: 0;
						margin: 200px 6% 0 auto;
						padding: 0;
						top: auto; bottom: 0; left: 0;
						background-image: none;
					}

					.gu-titulo{
						width: 100%;
						position: relative;
						color: #444444;
						font-size: 43px;
						line-height: 46px;
						font-weight: 200;
						line-height: 26px;
						padding-bottom: 40px;
					}

					.gu-texto{
						width: 100%;
						position: relative;
						color: #FFFFFF;
						font-size: 18px;
						line-height: 22px;
						font-weight: 200;
					}

					.gu-flecha{
						position: absolute;
						top: 0;
						margin-top: 60%;
						background-size: 100%;
						background-repeat: no-repeat;
						background-position: 0 0;
						padding-bottom: 15%;
						width: 15%;

					}

					.gu-atras{
						left: 0%;
						margin-left: -10%;
						background-image: url("../images/header/ico-back.png");
					}

					.gu-adelante{
						right: 0%;
						margin-right: -10%;
						background-image: url("../images/header/ico-next.png");
					}

					.gu-item{
						width: 100%;
						background-position: 0 0;
						background-repeat: no-repeat;
						background-size: 100% auto;
						position: absolute;
						top: 0; left: 0; bottom: 0;
						height: 100%;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
						filter: alpha(opacity=0);
						-moz-opacity: 0;
						-khtml-opacity: 0;
						opacity: 0;
						-moz-transition: opacity 0.4s;
					    -o-transition: opacity 0.4s;
					    -webkit-transition: opacity 0.4s;
					    transition: opacity 0.4s;
					}

					/*.gu-timer0{
						-moz-transition-delay: opacity 1s;
					    -o-transition-delay: opacity 1s;
					    -webkit-transition-delay: opacity 1s;
						transition-delay: 9s;
					}*/

					.gu-item img{
						width: 100%;
					}
								.daaboton_extra {
									position: relative;
									display: inline-block !important;

									width: auto;
									background: #EB5650;
									color: #FFF;
									border-color: #EB5650;
									padding: 2% 5%;



									margin: 3% 0;


									text-decoration: none;

									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									-khtml-border-radius: 5px;
									border-radius: 5px;
								}

								.box-content-flex{
									margin-top: 0;
									padding: 0px;
									background-color: #FFFFFF;
									border-bottom: 1px dashed #EEEEEE;
								}

								.conten-flexrow{
									display: flex !important;
									flex-direction: row;
									flex-wrap: wrap;

								}

								.conten-flexrow-menu{
									background-color: #FFFFFF;
								}

								.flex-cell{
									position: relative;
									border:0;
									border-bottom: 1px solid #cccccc;
									padding: 1% 10px 1% 10px;
									flex: 5 1 0;
									-ms-flex: 5 1;
									box-sizing: border-box;
									border-right: 1px dashed #EEEEEE;
									
								}

								.flx-cll-header{
									display: flex !important;
									background-color: transparent;
								}

								.flex-cell-e{
									margin: 0;
									border-top: 0;
									border-bottom: 1px solid #cccccc;
									padding: 1% 35px 1% 35px;
									flex: 5 1 0;
									-ms-flex: 5 1;
									

									
								}

								.cell-comment{
									/*color: #0099da;*/
								}

								.cell-comment span{
									color: #0099da !important;
								}

								.flex-cell-2col{
									flex: 2 1 0;
									-ms-flex: 2 1;
								}

								.flex-cell-3col{
									flex: 3 1 0;
									-ms-flex: 3 1;
								}

								.flex-cell-4col{
									flex: 4 1 0;
									-ms-flex: 4 1;
								}

								.flex-cell-fit{
									flex: 1 1 0;
									-ms-flex: 1 1;
								}

												.search{
													background-color: #FFFFFF;
												}

								



	.item_box_lm3{
		display: inline-block !important;
		vertical-align: top;
		width: 31%;
		-webkit-border-radius: 7px 7px 7px 7px ;
	    -khtml-border-radius: 7px 7px 7px 7px;
	    border-radius: 7px 7px 7px 7px;
	    border-top: 0px;
	    box-sizing: border-box;
	    background-color: #FFFFFF;
	    padding: 1% 2%;
	    margin-bottom: 20px;
	}

	.item_box_lm3_full{
		display: inline-block !important;
		vertical-align: top;
		width: 100%;
		-webkit-border-radius: 7px 7px 7px 7px ;
	    -khtml-border-radius: 7px 7px 7px 7px;
	    border-radius: 7px 7px 7px 7px;
	    border-top: 0px;
	    box-sizing: border-box;
	    background-color: #FFFFFF;
	    padding: 1% 2%;
	    margin-bottom: 20px;
	}

	.item_boxmargin_lm3{
		margin-left: 2%;
	}

	

	.item_title_lm3{
		color: #333333;
		font-size: 20px;
		line-height: 40px;
		border-bottom: 1px solid #333333;
	}

				.hide_mobile{
					display: block;
				}

	.prehome_multi .prehome_dashboard{
		width: 49%;
	}
								


}

@media only screen and (min-width: 1400px) and (orientation: landscape) {

	.graph_calenda_flex_day{
		min-height: 140px;
	}

	.filter_lm3_item{
	    background-size: 10% auto;
	}

}


.calendar-widget{
	position: relative;
	width: 80%;
}

.calendar-widget .calendar-title{
	position: relative;
	width: 100%;
	padding: 0;
	margin-top: 7px;

}

.calendar-widget .calendar-title h3{
	position: relative;
	color: #333;
	font-size:12px;
	font-weight: 700;
	text-align: center;
	line-height: 20px;
	padding:  5px 0 15px;
}

.calendar-widget .calendar-arrow{
	position: absolute;
	position: absolute;
	top: 0%;
	width: 40px;
	padding-bottom: 40px;
	background-position: center center;
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-image: url("../images/header/ico-back.png");
}

.calendar-widget .ca-left{
	left: 0;
}

.calendar-widget .ca-right{
	left: auto;
	right: 0;
	background-image: url("../images/header/ico-next.png");
}

.calendar-widget .calendar-month{
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
}

.calendar-widget .calendar-month .calendar-day{
	position: relative;
	width: 14.2%;
	padding-bottom: 14.2%;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;	
}

.calendar-widget .calendar-month .calendar-day:hover{

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    cursor: pointer;

}

.calendar-widget .calendar-month .calendar-null{
	background-color: rgba(0, 0, 0, 0.1);
}

.calendar-widget .calendar-month .calendar-day p{
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 8px;
	line-height: 8px;
	font-size: 10px;
	text-align: center;	
}

.calendar-widget .calendar-month .calendar-null-day{
	background-color: rgba(0, 0, 0, 0.01);
	padding-bottom: 8%;	
}

.calendar-widget .calendar-month .calendar-day .calendar_select{
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
}

.calendar-widget .active .calendar_select{
 	background-color: #0099da;
 	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.calendar-widget .active p{
 	color: #FFF;
 	font-weight: 900;
}


/* NOTES GENERAL */
.generla-notes{
    width: 100%;
    border-radius: 7px;
    border: 1px solid #e87a7a;
    background-color: #f7d3d3;
    padding: 8px 10px 10px 30px;
    font-size: 12px;
    background-image: url('../images/notes-alert.png');
	background-position: 5px 5px;
	background-size: 20px auto;
	background-repeat: no-repeat;
}