@charset "utf-8";
/* CSS Document */
.sepvert_0{ clear: both;height:0px; width:5px; font-size:0px; }
.sepvert_1{ clear: both;height:1px; width:5px; font-size:0px; }
.sepvert_3{ clear: both;height:3px; width:5px; font-size:0px; }
.sepvert_5{ clear: both;height:5px; width:5px; font-size:0px; }
.sepvert_7{ clear: both;height:7px; width:5px; font-size:0px; }
.sepvert_10{ clear: both;height:10px; width:5px; font-size:0px; }
.sepvert_15{ clear: both;height:15px; width:5px; font-size:0px; }
.sepvert_20{ clear: both;height:20px; width:5px; font-size:0px; }
.sepvert_25{ clear: both;height:25px; width:5px; font-size:0px; }
.sepvert_30{ clear: both;height:30px; width:5px; font-size:0px; }
.sepvert_40{ clear: both;height:40px; width:5px; font-size:0px; }
.sepvert_100{ clear: both;height:100px; width:5px; font-size:0px; }

.posrel{position:relative}
.center_tx{text-align:center !important}
.center_tx2{text-align:center !important}
.right_tx{text-align:right !important}
.center_obj{margin-left:auto; margin-right:auto}
.vertmid{vertical-align:middle}
.pointer{cursor:pointer}
.displayno{display:none}
.flotalef{float:left}
.flotader{float:right}

.hr_line{margin-top:3px}

.interline_12{line-height:12px}
.interline_15{line-height:15px}

.padd_5{padding:5px}
.padd_15{padding:15px}

.paddlef_0{padding-left:0px}
.paddlef_10{padding-left:10px;}
.paddleftop_5{padding-left:5px; padding-top:5px;}
.paddleftop_10{padding-left:10px; padding-top:10px;}

.padder_5{padding-right:5px;}
.padder_10{padding-right:10px;}

.label_left{text-align:right !important; padding-left:0px; padding-right:0px; line-height:16px; padding-right:10px;}

.color_white{color:#FFF !important}
.color_bluelight{color:#15acdc!important}
.color_blue{color:#1582dc!important}
.color_orangelight{color:#daac16 !important}
.color_green{color:#15db81!important}
.color_dark_green{color:#00b004!important}
.color_red{color:#da3e16 !important}

.bgcolor_bluelight{background-color:#15acdc!important}
.bgcolor_orangelight{background-color:#daac16 !important}
.bgcolor_green{background-color:#15db81 !important}
.bgcolor_blue{background-color:#1582dc !important}
.bgcolor_lightgray{background-color: #F0F0F0 !important}
.bgcolor_gray{background-color: #cccccc !important}
.bgcolor_white{background-color: #FFFFFF !important}

.grayrow{padding:4px 5px 1px 5px;background-color: #f1f1f1 !important}
.whiterow{padding:4px 5px 1px 5px;background-color: #FFFFFF !important}
.bluecol{padding:4px 5px 1px 5px;background-color: #c4e0f6 !important}


.bluelightrow2{padding:4px 4px 1px 4px;background-color: #eef7ff !important}
.grayrow2{padding:4px 4px 1px 4px;background-color: #f1f1f1 !important;  }

.grayBorder{border: #cccccc 1px solid !important}
.blueBorder{border: #1582dc 1px solid !important}

.col2_lef{float:left; width:47%}
.col2_der{float:right; width:47%}

.col1_3_lef{float:left; width:33%}
.col2_3_lef{float:left; width:66%}

.col2_3_right{float:right; width:66%}

.margin10{margin:10px}
.margintop10{margin-top:10px !important}

.formzone{padding:1%; border:#cccccc 1px solid}

.formzone2{padding:7px; border:#cccccc 1px solid; background-color:#eef7ff; position:relative}

.formzone3{padding:10px; border:#cccccc 1px solid; line-height:13px;}

.formzone4{padding:5px; border:#cccccc 1px solid; line-height:13px;}

.text_rotate_45 {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}


.circular_layer{
	border-radius: 50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.border_radius_2{
	border-radius: 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.border_radius_3{
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.border_radius_5{
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.border_radius_5_top{
	border-top-left-radius: 5px;border-top-right-radius: 5px;
	-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
	-moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px;
}

.border_radius_5_bottom{
	border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px;
	border-top-left-radius: 0px;border-top-right-radius: 0px;
	-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;
	-moz-border-top-left-radius:0px; -moz-border-top-right-radius:0px;
}

.width_35{width:35%}
.width_50{width:50%}
.width_85{width:85%}
.width_99{width:99%}
.width_100{width:100%}

.arrow_close{background: url(/img/arrow_close.png) no-repeat; width:15px; height:12px; display:block; cursor:pointer}
.arrow_open{background: url(/img/arrow_open.png) no-repeat; width:15px; height:12px; display:block; cursor:pointer}


.hidden_file_form{width:20px; height:20px; position:absolute; left:0px; bottom:0px; z-index:1}

.trash_right{position:absolute; top:5px; right:20%;}

.headfieldset{
	  display:block;
	  outline: 0;
	  -webkit-transition: all 300ms linear;
	  transition: all 300ms linear;
	  border-radius: 2px;
	  padding: 9px 12px;
	  font-size: 13px;
	  -webkit-font-smoothing: antialiased;
	  line-height: 14px;
	  color:#FFF;
}

#cover65{width:100%; height:100%; background-color:#000000;filter-ocacity:65; opacity:.65; position:absolute; z-index:500; left:0px; top:0px; }
#alert_layer{position:absolute; z-index:10000; left:50%; top:50%; min-width:200px; padding-right:13px !important;}
	#alert_layer .close{position:absolute; right:16px; top:-1px}

/*LOADER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*#loader_spinner{position:absolute; left:50%; top:50%; width:30%; height:30%; margin-left:15%; margin-top:15%; overflow:hidden; background-color:#0C0; z-index:5100}*/

.spinner { width: 70px; margin-left:auto; margin-right:auto; margin-top:10px; text-align: center;}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #FFFFFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*LOADER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END*/

@media screen and (max-width: 1200px) {
	#client_suggestions{top:119px;}
	#iconZoomInTP{display: none}
}
@media screen and (min-width: 1199px) {
	/*AZUL - PANTALLA ANCHA*/
	#client_suggestions{top:100px;}
	#iconZoomInTP{display: block}
}



.breadcrumbs a{color:#FFF;}

.wizard_content{background-color:#1582dc; border-bottom: #1166ad 1px solid; height:47px;}
	.wizard_content a{display:block; background:url(../img/wizard_crumb.jpg) right top no-repeat; padding-right:33px; padding-left:18px; padding-top:10px; float:left; line-height:14px; font-size:11px; color:#FFF; height:46px;}
	.wizard_content a p{margin:0px; font-size:14px; text-transform: uppercase !important}

.userpic_container{position:relative; width:148px; padding-left:0px 20px 0px 0px; margin-left:0px !important; margin-left:20px}
	.userpic_container .fa-times-circle{position:absolute; right:0px; top:0px; font-size:25px; color:#F03;}
	.userpic_container .UploadAvatar{width:128px; height:128px; line-height:12px;}
	.userpic_container .circular_layer{cursor:pointer; width:128px !important; height:128px !important; border:#ebebec 4px solid;}

.suggestion_dark{padding:5px 1% 5px 1%; margin-bottom:4px; background-color:#CCC; color:#333; display:block; border:none; width:100%}
	.suggestion_dark:hover{color:#FFF}

.suggestion_light{padding:5px 1% 5px 1%; margin-bottom:4px; background-color:#f1f1f1; color:#333; display:block;border:none; width:100%}
	.suggestion_light:hover{color:#FFF}


.close_blanc {
  float: right;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  color: #FFFFFF;
  padding:8px
  text-shadow: 0 1px 0 #3998e7;
}
.close_blanc:hover,
.close_blanc:focus {
  color: #3998e7;
  text-decoration: none;
  cursor: pointer;
}
button.close_blanc {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.iTracksInputClock {
  cursor: pointer !important;
  background-color: #FFFFFF !important;
  opacity: 1;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>LISTS*/

.list_pager_item,.list_pager_end{font-size:12px;padding:6px 10px 6px 10px; color:#428bca; border-left:#e3e6f3 1px solid;border-top:#e3e6f3 1px solid;border-bottom:#e3e6f3 1px solid; cursor:pointer}
.list_pager_item:hover,.list_pager_end:hover{color:#2a6496; background-color:#f5f6fb}
.list_pager_end{border-right:#e3e6f3 1px solid}

.list_pager_item_activ,.list_pager_end_activ{font-size:12px;padding:6px 10px 6px 10px;background-color:#2e353d; color:#FFF; border-left:#2e353d 1px solid;border-top:#2e353d 1px solid;border-bottom:#2e353d 1px solid; cursor:default }
.list_pager_end_activ{border-right:#2e353d 1px solid}
.list_pager_item_activ:hover,.list_pager_end_activ:hover{color:#FFF;}

.list_arrow_double{position:absolute; width:19px; height:20px; background: center top no-repeat url(/img/list_arrow_double.png); right:0px; top:13px;}
.list_arrow_up{position:absolute; width:19px; height:20px; background: center top no-repeat url(/img/list_arrow_up.png); right:0px; top:13px;}
.list_arrow_dw{position:absolute; width:19px; height:20px; background: center top no-repeat url(/img/list_arrow_dw.png); right:0px; top:15px;}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>END LISTS*/


/*TRACK PLANNING*/

.tp_month p{padding:0px; margin:0px; padding-left:0.5%; font-size:17px; color:#333 }
.tp_month .week_container{padding:0px; margin:0px; margin-bottom:8px;}
.tp_month .week_title{background-color:#d8d9da; border-left:1px #919191 solid; border-right:1px #333 solid; padding:0.5% 0.5% 0.5% 1%; font-size:10px; color:#000}
.tp_month .tp_options{width:14.28%; float:left;padding:top:2px; padding-bottom:3px; text-align:center; background-color:#FFF; font-size:10px; max-height:16px; overflow:hidden}
.tp_month .tp_square, .tp_month .tp_square_ZOOM{width:14.28%; float:left;position: relative;}
.tp_month .tp_square:before {content:     "";display:     block;padding-top: 100%; /* initial ratio of 1:1*/}
.tp_month .tp_square_content {
    position: absolute;
    top:      0;
    left:     0;
    bottom:   0;
    right:    0;
	overflow:hidden;
	letter-spacing:-1px;
	text-align:center;
	font-size:11px;
	color:#FFF;
	line-height:12px;
}

.tp_month .week_marker{width:14.28%; background-color:#FFF; text-align:center; padding-top:2px; padding-top:0px; float:left; font-size:10px; position:relative}

.box_tp {
    position: relative;
    width:    14.28%; background-color:#0C0; /* desired width */
}

.box_tp:before {content:     "";display:     block;padding-top: 100%; /* initial ratio of 1:1*/}

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

.TP_overdate{position:absolute; width:100%; height:100%;opacity: 0.6; filter: alpha(opacity=60); background-color:#CCCCCC; left:0px; top:0px; display:none}
.TP_day_num{padding-top:2px;height:20px; width:20px; text-align:center; border-radius:50%; margin-left:auto; margin-right:auto; margin-bottom:1px; margin-top:1px;}
.TP_day_num_circle{display:block;padding-top:2px;height:20px; width:20px; text-align:center;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#FF0000; color:#FFFFFF; margin-left:auto; margin-right:auto; margin-bottom:1px; margin-top:1px; cursor:pointer}

#pop_options_TP{position:absolute; display:none; width:250px; left:0px; top:0px;background-color:#FFFFFF; border:#1582dc 1px solid;}
#pop_options_TP_content{margin-top:30px;width:100%; background-color:#FFFFFF; border:#1582dc 1px solid;}

.TPZoom_left_titles{position:absolute; width:50px; left:-32px; font-size: 8px; text-align: right}
.TPZoom_right_titles{position:absolute; width:50px; right:-30px; font-size: 8px; text-align: right}
.TPZoom_subsquare_big{height:55px; position: relative; border-bottom: #686c72 1px dotted;}
.TPZoom_subsquare_small{height:35px; position: relative;border-bottom: #686c72 1px dotted;}


/*LAYOUT MAP*/
#layer_layout_event{width:100%; height:100%; background-color:#FFFFFF; position:absolute; z-index:4000;overflow:auto; display:none}
	#layer_layout_event header{background-color:#2f54a2; padding:10px; color: #FFF; font-size:24px; position:relative; font-weight:bold}
	#layer_layout_event #map{position:relative;width:1000px; height:536px; overflow:hidden; margin-left:auto; margin-right:auto}

	#layer_layout_event #tipbox{position:absolute; z-index:200; display:none}
		#layer_layout_event #tipbox #boxtip{background-color:#0074e1; line-height:11px; font-size:13px; color:#FFF; padding-left:15px;padding-right:15px; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; box-shadow: 0px 0px 14px rgba(0,0,0,0.4);}
		#layer_layout_event #tipbox #thetip{background:url(../img/layout_plan/tip.png) no-repeat; width: 17px; height:9px; position:absolute; top:34px; left:50%; margin-left:-7px;}

.layout_info{
	position:relative; overflow:auto;
	padding:15px; background-color:#017dc5;
	-webkit-box-shadow: 7px 5px 10px -2px rgba(0,0,0,0.44);
	-moz-box-shadow: 7px 5px 10px -2px rgba(0,0,0,0.44);
	box-shadow: 7px 5px 10px -2px rgba(0,0,0,0.44);
	 max-width:900px; max-height:700px; min-height:200px;
}
	.layout_info p{font-size:20px; font-weight:bold;color:#FFF;}

/*DEROULE JOURNEE*/
.timeline-panel_itracks {
  width: 100%;
  position: relative;
  clear: both;
  font-weight:bold;
  margin-bottom:22px;
}
.timeline-panel_itracks .circle {
  position: absolute;
  top: 2px;
  left: 50%;
  margin: 2px 0 0 -6px;
  width: 12px;
  height: 12px;
  border: 2px solid #f1f4f9;
  border-radius: 50%;
  background: #1582dc;
  content: "";
}

.timeline-panel_itracks .leftside{position:absolute; right: 50%; top:0px; margin-right:19px;}
.timeline-panel_itracks .rigthside{margin-left:50%; padding-top:4px; padding-left:19px; line-height:12px;}

/*ACCORDION*/

.pit_accordion{margin:0px !important;padding:0px;}
	.pit_accordion li{margin:0px 0px 2px 0px !important; padding:0px;list-style: none;}
		.pit_accordion li header{position:relative;padding:5px 5px 5px 10px;background-color:#f1f1f1; cursor:pointer; color:#5a5a5a; font-weight:bold; font-size:13px}
			.pit_accordion li header a{position:absolute; top:10px;right:10px}
		.pit_accordion li .contli{border-left:#dcdcdc 4px solid; padding-left:7px; padding-top:8px; padding-bottom:8px; margin-top:5px; margin-bottom:6px; display:none; height:auto}

.searchBarHome{position: absolute; z-index: 9900; width:32%; height: 25px; top:8px; right:310px; }

@media screen and (max-width: 900px) {
	.searchBarHome{width:220px;}
}



@media screen and (max-width: 500px) {
	.searchBarHome{display: none}

}

#TP_filter{top:110px;margin-left:0px;position:fixed;}

@media screen and (max-width: 767px) {
	#TP_filter{top:142px; margin-left:-90px;position:absolute;}
	.TP_Title h1{font-size: 17px;}
}

.searchHomeCalendar{background-image: url(../img/calendar_icon.png); background-repeat: no-repeat; background-position: center; background-size: cover; width:50px; padding-top: 12px; height:38px; text-align: center; line-height: 10px; font-size: 8px;}
.searchHomeDate{font-size: 16px; font-weight: bold}

.homeEventlistItem{margin-bottom: 10px; position: relative; width:100%; display: block}
.homeEventlistIcon{background-color: #FFFFFF; width:80px; height: 80px; position: absolute; top:0px; left: 0px;}
	.homeEventlistIcon .userpic_container {width:60px !important; height:60px !important; padding-left: 0px !important; margin-left: 10px !important; margin-top: 10px;}
	.homeEventlistIcon  .circular_layer{width:60px !important; height:60px !important;}
.homeEventlistInfo{background-color: #FFFFFF; margin-left: 90px; height: 80px; padding: 10px; font-size: 15px}

.homeRightCol{right:0px; width: -webkit-calc(100% - 120px);width: -moz-calc(100% - 120px);width: calc(100% - 120px); padding:10px; margin-top: 10px;}
.homeArrowRight{font-size: 14px; margin-right: -2px; margin-top: 5px; color:#999999}
.homeLinksRight{display: block; border-bottom: #cccccc dashed 1px; padding-top: 4px; padding-bottom: 4px}

.carrouselItem{width:18px; height:18px; background-color:#FFFFFF; border: #1582dc 1px solid; margin-left: 10px; cursor: pointer}
	.carrouselItemOn{width:18px; height:18px; background-color:#1582dc; border:#012e94 2px solid; margin-left: 10px; cursor: pointer}

.EventMenuArrowRight{font-size: 13px;color:#666666; margin-top: 15px; padding-right: 5px; }


.eventIcon{-webkit-filter: hue-rotate(180deg); filter: saturate(3)  invert(5%)}
.eventIcon_gray{-webkit-filter: grayscale(100%) opacity(40%); filter: grayscale(100%) opacity(40%)}
.eventIcon_orange{-webkit-filter: hue-rotate(180deg) saturate(5) brightness(0.80) invert(100%); filter:hue-rotate(340deg) saturate(5) brightness(0.80) invert(100%)}
.eventIcon_white{filter: brightness(0) invert(1)}


/*POPUP*/
#popup_container{position:fixed; left:57%; top: 50%; box-shadow: 0px 0px 14px rgba(0,0,0,0.8); background-color: #FFFFFF; min-width: 200px; min-height: 50px;z-index:550; color: #888686}
.item_tp_popup{padding: 7px 10px 7px 10px; background-color: #FFFFFF; color: #696972; display:block; position: relative}

.popup_header{background-color: #0a6aa1; padding: 7px; color: #FFFFFF; position: relative; text-align: center; font-size: 18px}
.closepopup{position: absolute; right:5px; top:5px; color: #FFFFFF; font-size: 25px; line-height: 18px; padding: 5px;}


/*QUALITY SURVEY*/

.surveyMessage_item{border-bottom: #1582dc 1px dotted}
	.surveyMessage_item .surveyMessage_left{float:left; width:110px; border-right: #1582dc 1px dotted; padding-right: 4px;text-align: center;}
	.surveyMessage_item .surveyMessage_right{float:left; padding-left: 10px; padding-right: 5px;}