@charset "UTF-8";
/* CSS Document */

/* Floats */
.Fleft{ float: left;}
.Fright{ float: right;}

/* Empty Boxes */
.EmptyBox1{ display:block; width:100%; height:1px; overflow:hidden;}
.EmptyBox2{ display:block; width:100%; height:2px; overflow:hidden;}
.EmptyBox3{ display:block; width:100%; height:3px; overflow:hidden;}
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

/* Margin */
.Mar5{ margin:5px;}
.Mar10{ margin:10px;}
.Mar20{ margin:20px;}
.Mar30{ margin:30px;}
.Mar40{ margin:40px;}
.Mar50{ margin:50px;}

.MarTop2{ margin-top:2px !important;}
.MarTop5{ margin-top:5px !important;}
.MarTop7{ margin-top:7px !important;}
.MarTop8{ margin-top:8px !important;}
.MarTop10{ margin-top:10px !important;}
.MarTop15{ margin-top:15px !important;}
.MarTop20{ margin-top:20px !important;}
.MarTop30{ margin-top:30px !important;}
.MarTop40{ margin-top:40px !important;}
.MarTop50{ margin-top:50px !important;}

.MarB5{ margin-bottom:5px !important;}
.MarB10{ margin-bottom:10px !important;}
.MarB15{ margin-bottom:15px !important;}
.MarB20{ margin-bottom:20px !important;}
.MarB30{ margin-bottom:30px !important;}
.MarB40{ margin-bottom:40px !important;}
.MarB50{ margin-bottom:50px !important;}

.MarR3{ margin-right:3px !important;}
.MarR5{ margin-right:5px !important;}
.MarR10{ margin-right:10px !important;}
.MarR15{ margin-right:15px !important;}
.MarR20{ margin-right:20px !important;}
.MarR30{ margin-right:30px !important;}
.MarR40{ margin-right:40px !important;}
.MarR50{ margin-right:50px !important;}

.MarL3{ margin-left:3px !important;}
.MarL5{ margin-left:5px !important;}
.MarL10{ margin-left:10px !important;}
.MarL15{ margin-left:15px !important;}
.MarL20{ margin-left:20px !important;}
.MarL30{ margin-left:30px !important;}
.MarL40{ margin-left:40px !important;}
.MarL50{ margin-left:50px !important;}

/* Margin negativa */
.MarL5m{ margin-left:-5px !important;}
.MarL7m{ margin-left:-7px !important;}
.MarL10m{ margin-left:-10px !important;}
.MarL20m{ margin-left:-20px !important;}
.MarL30m{ margin-left:-30px !important;}
.MarL40m{ margin-left:-40px !important;}
.MarL50m{ margin-left:-50px !important;}

.MarR15m{ margin-right:-15px !important;}

/* Margin porcentagem */
.MarTopQuarter{ margin-top:25% !important;}
.MarTopHalf{ margin-top:50% !important;}


/* Paddings */
.Pad0 {padding: 0px !important;}
.Pad5 {padding: 5px !important;}

.PadL0 {padding-left: 0px !important;}
.PadL5{padding-left: 5px !important;}

.PadR0 {padding-right: 0px !important;}
.PadR5{padding-right: 5px !important;}

.PadTop0 {padding-top: 0px !important;}
.PadTop20{padding-top: 20px !important;}

.PadB0 {padding-bottom: 0px !important;}
.PadB20{padding-bottom: 20px !important;}


/* Heights */
.h10px{height: 10px !important;}
.h20px{height: 20px !important;}
.h25px{height: 25px !important;}
.h35px{height: 35px !important;}
.HeightPx200{height: 200px !important;}

.minh0px{min-height: 0;}
.minh45px{min-height: 45px !important;}
.minh150px{min-height: 150px !important;}

.maxh200px{max-height: 200px !important;}

/* Widths */
.w10px{width: 10px !important;}
.w30px{width: 30px !important;}
.w32px{width: 32px !important;}
.w35px{width: 35px !important;}
.w50px{width: 50px !important;}
.w70px{width: 70px !important;}
.w100px{width: 100px !important;}
.w110px{width: 110px !important;}
.w120px{width: 120px !important;}
.w150px{width: 150px !important;}
.w160px{width: 160px !important;}
.w170px{width: 170px !important;}
.w180px{width: 180px !important;}
.w200px{width: 200px !important;}
.w220px{width: 220px !important;}
.w250px{width: 250px !important;}
.w300px{width: 300px !important;}
.w400px{width: 400px !important;}
.w600px{width: 600px !important;}
.w700px{width: 700px !important;}
.w800px{width: 800px !important;}
.w850px{width: 850px !important;}
.w900px{width: 900px !important;}
.w1000px{width: 1000px !important;}
.w1100px{width: 1100px !important;}

.WidthP50{width: 50% !important;}
.WidthP100{width: 100% !important;}

.maxw300px{max-width: 300px;}
.maxw700px{max-width: 700px;}

.minw150px{min-width: 150px;}
.minw200px{min-width: 200px;}


/* Text Aligns */
.TexAlCenter{ text-align:center !important;}
.TexAlLeft{ text-align:left !important;}
.TexAlRight{ text-align:right !important;}

/* Font Sizes */
.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs35{font-size:35px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs70{font-size:40px !important;}
.Fs80{font-size:80px !important;}
.Fs90{font-size:90px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

/* Font Type */
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}

/* Display */
.DisBlock{display: block !important;}
.DisInLine{display: inline-block !important;}



.profile-image-footer{width: 35px;height: 35px;margin: 0 auto 5px auto; border-radius:50%; display:block;}

body .ui-widget-overlay-core {
    background-color: #58575c;
    opacity: .4;
}

.ui-widget-overlay-core {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999 !important;
}

.ui-dialog-mask-core {
    position: fixed;
    width: 100%;
    height: 100%;
}


body .title-default .ui-dialog-titlebar {
	color: white !important;
	background-color: #2c3e50 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-blue .ui-dialog-titlebar {
	color: white !important;
	background-color: #00bfff !important;
	font-size: 15px;
	padding: 10px;
}

body .title-green .ui-dialog-titlebar {
	color: white !important;
	background-color: #3eb839 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-verescuro .ui-dialog-titlebar {
	color: white !important;
	background-color: #015204 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-red .ui-dialog-titlebar {
	color: white !important;
	background-color: #e17576 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-orange .ui-dialog-titlebar {
	color: white !important;
	background-color: #f6ac2b !important;
	font-size: 15px;
	padding: 10px;
}

.topbar-it{
	width: 30px;
	height: 30px;
	border-radius:5px;
	border-bottom: 2px solid transparent !important;
}

.topbar-it:hover{ 
	border-bottom: 2px solid white !important;
}

.le-map{
	position: absolute;
	left: 10px;
	bottom: 25px;
	color: white;
	text-shadow: black 0.1em 0.1em 0.2em
} 

.pinfo{
	margin: 0px !important;
}

.dashboard .timeline>.ui-g .ui-g-2 {
	font-size: 14px;
	position: relative;
	padding-right: 1.5em;
}

.dashboard .timeline>.ui-g .ui-g-2 i {
	background-color: #ffffff;
	font-size: 36px;
	position: absolute;
	top: 0px;
	right: -18px;
}

.user-cartao {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.dashboard .timeline>.ui-g .ui-g-2 .user-cartao {
	position: absolute;
	top: 0px;
	right: -20px;
}

.dashboard .timeline>.ui-g .ui-g-3 .user-cartao {
	position: absolute;
	top: 0px;
	right: -20px;
}

.dashboard .timeline>.ui-g .ui-g-10 {
	padding-left: 2.0em;
	border-left: 1px solid #bdbdbd;
}

.dashboard .timeline>.ui-g .ui-g-10 .event-text {
	color: #757575;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;
}

.dashboard .timeline>.ui-g .ui-g-10 .event-content img {
	width: 100%;
}

.coff{
	color: white;
}

.con{
	color:#09f113;
}

body .white-btn {
	background-color: #ffffff !important;
	border: 1px solid #bdc3c9 !important;
	color: #8e9aa4 !important;
}

body .white-btn:hover {
	background-color: #f4f7f5!important;
	border: 1px solid #bdc3c9 !important;
	color: #8e9aa4 !important;
}