html { height:100%; }
body { padding:0; margin:0; border:0 none; height:100%; background-color:#b1b1b1; font-family:sans-serif,Arial,serif; font-size:13px; }

table { margin:0; padding:0; border-spacing:0; width:100%;}
.fl		{ float:left; }
.fr		{ float:right; }
.clr	{ clear:both; }

.wrapper:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.tl		{ text-align:left; }
.tc		{ text-align:center; }
.tr		{ text-align:right; }

.vt		{ vertical-align:top; }
.vm		{ vertical-align:middle; }
.vb		{ vertical-align:bottom; }

ul 				{ margin:0; padding:0; list-style:none; }
li 				{ margin:0; }
select			{ margin:0; border:1px solid black; padding:2px; background-color:#ffffff; }
input 			{ margin:0; border:1px solid black; padding:2px; background-color:#ffffff; }
button			{ margin:0; border:1px solid black; padding:2px; background-color:#dddddd; }
button:hover	{ background-color:#eeeeee; }
textarea 		{ margin:0; border:1px solid black: padding:2px; background-color:#ffffff; }

a		{ color:#aa0000; text-decoration:none; }
a:hover	{ color:#ee0000; text-decoration:underline; }

.header 			{ position:relative; top: 0; height:30px; width:100%; background-color:#000000; color:#ffffff; }
.header .navigation { position:relative; padding:5px 0px 0px 20px; }
.header a			{ color:#ffffff; }
.header .logout		{ position:relative; padding:5px 5px 0px 0px; }

.wrapper			{ position:relative; padding-bottom: 30px; }
.wrapper-inner		{ position:relative; }

.login				{ position:relative; left: 50%; margin-left: -125px; top: 200px; width:250px; padding:10px; border:1px solid black; border-top:10px solid black; border-bottom:10px solid black; background-color:#2a8536; }
.login input		{ width:150px; }
.login button		{ width:156px; }

.note				{ position:relaitve; margin:300px auto; width:250px; padding:10px; border:1px solid black; border-top:10px solid black; border-bottom:10px solid black; background-color:#2a8536; }

.footer				{ position: fixed; bottom: 0; width:100%; text-align: center; height:30px; background-color:#000000; color:#ffffff; padding-top:7px; box-sizing: border-box; }
.footer .copy		{ position:relative; padding:5px 20px 5px 0px; }
.footer a			{ color:#ffffff; }

.accounts 						{ position:relative; margin:0 auto; }
.accounts .account 				{ position:relative; width:220px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.accounts .account .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.accounts .account .desc		{ position:relative; padding:5px; }
.accounts .account a			{ color:#ffffff; }

.accounts .composer				{ position:relative; width:420px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.accounts .composer .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.accounts .composer .inner		{ padding:5px; }
.accounts .composer input		{ width:200px; }
.accounts .composer select		{ width:206px; }
.accounts .composer textarea 	{ width:300px; height:200px; }
.accounts .composer button		{ width:206px; }

.accounts .permissions				{ position:relative; width:420px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.accounts .permissions .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.accounts .permissions .inner		{ padding:5px; }
.accounts .permissions input		{ width:20px; }
.accounts .permissions select		{ width:206px; }
.accounts .permissions textarea 	{ width:300px; height:200px; }
.accounts .permissions button		{ width:100px; }

.accounts .confirm 				{ position:relative; width:180px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.accounts .confirm .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.accounts .confirm .desc		{ position:relative; padding:5px; }
.accounts .confirm table		{ }
.companies						{ position:relative; margin:0 auto; }
.companies .company				{ position:relative; width:220px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.companies .company .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.companies .company .desc		{ position:relative; padding:5px; }
.companies .company a			{ color:#ffffff; }

.companies .composer			{ position:relative; width:420px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.companies .composer .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.companies .composer .inner		{ padding:5px; }
.companies .composer input		{ width:200px; }
.companies .composer select		{ width:206px; }
.companies .composer textarea 	{ width:300px; height:200px; }
.companies .composer button		{ width:206px; }

.companies .confirm 			{ position:relative; width:180px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.companies .confirm .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.companies .confirm .desc		{ position:relative; padding:5px; }
.companies .confirm table		{ }
.projects						{ position:relative; margin:0 auto; }
.projects .project				{ position:relative; width:220px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.projects .project .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.projects .project .desc		{ position:relative; padding:5px; }
.projects .project a			{ color:#ffffff; }
.projects .project .desc img	{ width:12px; height:12px; vertical-align:middle; margin-bottom:0.25em; }

.projects .composer			{ position:relative; width:420px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.projects .composer .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.projects .composer .inner		{ padding:5px; }
.projects .composer input		{ width:200px; }
.projects .composer select		{ width:206px; }
.projects .composer textarea 	{ width:300px; height:200px; }
.projects .composer button		{ width:206px; }

.projects .confirm				{ position:relative; width:180px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.projects .confirm .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.projects .confirm .desc		{ position:relative; padding:5px; }
.projects .confirm table		{ }
.campaigns						{ position:relative; margin:0 auto; }
.campaigns .campaign 			{ position:relative; width:220px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.campaigns .campaign .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.campaigns .campaign .desc		{ position:relative; padding:5px; }
.campaigns .campaign a			{ color:#ffffff; }

.campaigns .overview 			{ position:relative; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.campaigns .overview .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.campaigns .overview a			{ color:#ffffff; }
.campaigns .overview img		{ width:12px; height:12px; }

.campaigns .composer			{ position:relative; width:420px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.campaigns .composer .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.campaigns .composer .inner		{ padding:5px; }
.campaigns .composer input		{ width:200px; }
.campaigns .composer select		{ width:206px; }
.campaigns .composer textarea 	{ width:300px; height:200px; }
.campaigns .composer button		{ width:206px; }

.campaigns .confirm 			{ position:relative; width:180px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.campaigns .confirm .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.campaigns .confirm .desc		{ position:relative; padding:5px; }
.campaigns .confirm table		{ }
.campaigns .confirm table tr:hover {background-color: #0000A4;}
.statistics				{ position:relative; top:5px; margin:0 auto; color:#ffffff; }

.statistics .overview .project				{ position:relative; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.statistics .overview .project table		{ width:100%}
.statistics .overview .project .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.statistics .overview .project .desc		{ position:relative; padding:5px; }
.statistics .overview .project a			{ color:#ffffff; }
.statistics .overview .project .desc img	{ width:12px; height:12px; vertical-align:middle; margin-bottom:0.25em; }
.statistics .overview .project .bdrtop		{ border-top:1px solid white; }
.statistics .overview .project .bdrbottom	{ border-bottom:1px solid white; }

.statistics .options			{ position:relative; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.statistics .options .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.statistics .options .desc		{ position:relative; padding:5px; }
.statistics .options a			{ color:#ffffff; }

.statistics .registrations 				{ position:relative; min-height:80px; background-color:#2a8536; margin:5px; margin-bottom:50px;  border:1px solid #444; color:#ffffff; }
.statistics .registrations .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.statistics .registrations .desc		{ position:relative; padding:5px; }
.statistics .registrations a			{ color:#ffffff; }
.statistics .registrations .bdrtop		{ border-top:1px solid white; }
.statistics .registrations .bdrbottom	{ border-bottom:1px solid white; }
.statistics .registrations tr:hover		{ background-color:#222222; }

.statistics .tools .tool			{ position:relative; width:500px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.statistics .tools .tool .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.statistics .tools .tool .desc		{ position:relative; padding:5px; }
.statistics .tools .tool input		{ width:90px; }

.statistics .overview .project .desc tr.row0 {background-color: #1a8536;}
.statistics .overview .project .desc tr.row0:hover {background-color: #20a744;}
.statistics .overview .project .desc tr.row1 { background-color: #026b1e;}
.statistics .overview .project .desc tr.row1:hover { background-color: #074e1a;}
.partners						{ position:relative; margin:0 auto; }
.partners .operation			{ position:relative; width:220px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.partners .operation .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.partners .operation .desc		{ position:relative; padding:5px; }
.partners .operation a			{ color:#ffffff; }

.partners .partner 				{ position:relative; width:600px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.partners .partner .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.partners .partner .desc		{ position:relative; padding:5px; }
.partners .partner a			{ color:#ffffff; }
.partners .partner img			{ width:12px; height:12px; }

.partners .composer				{ position:relative; width:420px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.partners .composer .bar		{ position:relative; background-color:#000000; padding:5px; height:16px; }
.partners .composer .inner		{ padding:5px; }
.partners .composer input		{ width:200px; }
.partners .composer select		{ width:206px; }
.partners .composer textarea 	{ width:300px; height:200px; }
.partners .composer button		{ width:206px; }

.partners .confirm 				{ position:relative; width:180px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.partners .confirm .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }
.partners .confirm .desc		{ position:relative; padding:5px; }
.partners .confirm table		{ }
.partnercampaigns						{ position:relative; top:5px; margin:0 auto; }

.partnercampaigns .partner 					{ position:relative; width:600px; min-height:80px; background-color:#2a8536; margin:5px;  border:1px solid #444; color:#ffffff; }
.partnercampaigns .partner .bar				{ position:relative; background-color:#000000; padding:5px; height:16px; }
.partnercampaigns .partner .desc			{ position:relative; padding:5px; }
.partnercampaigns .partner a				{ color:#ffffff; }
.partnercampaigns .partner img				{ width:12px; height:12px; }
.partnercampaigns .partner .row_campaign	{ display:none; }
.partnercampaigns .partner .row_month		{ display:none; }
.partnercampaigns .partner .row_header		{ display:none; }
.partnercampaigns .partner .row_footer		{ display:none; }
.partnercampaigns .partner .row_year		{  }
.partnercampaigns .partner .bdrtop			{ border-top:1px solid white; }
.partnercampaigns .partner .bdrbottom		{ border-bottom:1px solid white; }

.kpis {
	position: relative;
	min-height: 80px;
	background-color: #2a8536;
	margin: 5px;
	border: 1px solid #444;
	color: #ffffff;
	top:5px;
	font-size:17px;
}

.kpis ul {
	list-style: inherit;
    padding: 0px 20px;
}

.kpis .bar			{ position:relative; background-color:#000000; padding:5px; height:16px; }

.kpis .overview {
	padding:10px;
}

.kpis .overview h2 {
	border-bottom: 1px solid;
}

.kpis .overview code {
	margin: 0 0px;
	padding: 1px 3px;
	white-space: nowrap;
	border: 1px solid #eaeaea;
	background-color: #f8f8f8;
	border-radius: 3px;
	color: #333;
}iframe {
    display: block;       /* iframes are inline by default */
    background: white;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 99vw;
}