/* Reset information */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} small {font-size:10px;} b,strong {font-weight:bold;} u {text-decoration:underline;} i,em {font-style:italic;}

/* Defaults */
a { outline:none;cursor:pointer; }
body { position:relative;float:left;min-width:100%;height:100%;font:14px/26px Arial; }
textarea { font:14px/26px Arial; } 
html { position:relative;height:100%; }  

p + p { margin-top:26px; }
	
.bgWrap, .bgWrapOuter, header, footer, main { position:relative;float:left;width:100%; }
	
	/* Default list */
	ul { list-style:disc;margin-top:3px;margin-bottom:3px; }
	ol { list-style:decimal;margin-top:3px;margin-bottom:3px; }
	li { margin-left:15px; }    
	
	
/* Column structure */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
{ float:left;min-height:1px;padding-left:24px;padding-right:24px; }

.col-1 { width:8.33333333%; }
.col-2 { width:16.66666667%; }
.col-3 { width:25%; }
.col-4 { width:33.33333333%; }
.col-5 { width:41.66666667%; }
.col-6 { width:50%; }
.col-7 { width:58.33333333%; }
.col-8 { width:66.66666667%; }
.col-9 { width:75%; }
.col-10 { width:83.33333333%; }
.col-11 { width:91.66666667%; }
.col-12 { width:100%; }    

/* Paddings */
.p-l-n { padding-left:0; }
.p-r-n { padding-right:0; }
.p-lr-n { padding-left:0;padding-right:0; }    
.p-l-sm { padding-left:12px; }
.p-tb-sm { padding-top:8px;padding-bottom:8px; }
.p-b-lg { padding-bottom:48px; }

.m-t { margin-top:24px; }
.m-t-lg { margin-top:48px; }


.f-sm { font-size:12px; }


/**
 * Header
 */
header { position:absolute;top:0;left:0;right:0;z-index:80; }
header > a { display:block;float:left;width:180px;height:64px;padding:13px 71px; }
header > a > span { display:block;width:38px;height:38px;background:none center center no-repeat;background-size:contain; }

html.nosvg header > a > span { background-image:url(../images/kv-group-reseller-portal-logo.png); }
html.svg header > a > span { background-image:url(../images/kv-group-reseller-portal-logo.svg); }


/**
 * Aside
 */
aside { z-index:70;position:absolute;top:0;left:0;bottom:0;padding-top:64px;height:100%; }
aside + aside { left:180px;z-index:69;padding-left:36px;padding-right:36px;padding-top:80px; }
aside + main { padding-left:204px; }
aside + aside + main { padding-left:419px; }

aside.sidebar { width:180px; }
aside.sidebar + aside { width:239px; }  


	/**
	 * Sidebar
	 */	 	
	aside.sidebar nav, aside.sidebar nav ul, aside.sidebar nav li { position:relative;float:left;width:100%;padding:0;margin:0;list-style:none;text-align:center; }
	aside.sidebar nav a { display:block;float:left;width:100%;font-weight:bold;text-transform:uppercase;font-size:12px;padding:13px 0;text-decoration:none; }
	aside.sidebar nav li { border-top-width:1px;border-top-style:solid; }
	aside.sidebar nav { border-bottom-width:1px;border-bottom-style:solid; }
	aside.sidebar nav + nav li, aside.sidebar nav + nav { border:0; }
	aside.sidebar nav + nav a { text-transform:none;font-weight:normal; }
	aside.sidebar nav li.active:after { margin:auto;content:"";width:0;height:0;position:absolute;top:0;left:100%;bottom:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid transparent; }            


/**
 * Main
 */ 
main { position:absolute;top:0;left:0;bottom:0;padding-top:80px;height:100%; }
main > div { width:100%;height:100%;float:left;overflow:auto;padding:24px 24px 0; }
main > div.dashboard { background-color:transparent; }
main > div.dashboard .openPayments { margin:-24px -24px 0;box-sizing:content-box;padding:24px;float:left;width:100%; }
main .break-maindiv { float:left;width:100%;padding:0 36px 0 12px;margin:-24px -24px 24px -24px;box-sizing:content-box; }
main > div p { clear:both; }
main > div:after { content:"";height:24px;width:100%;float:left; }
main .break-maindiv + .block-title.in-p { margin-top:-24px; }


/**
 * Form
 */ 
form, fieldset { float:left;width:100%; }
fieldset > div { float:left;width:100%; }
fieldset > div + div { margin-top:12px; }
form .actioncontainer { margin-top:18px; }
fieldset > div > label { float:left;width:100%;font-size:12px;line-height:32px;font-weight:bold;text-transform:uppercase; }
span.required { position:relative; }
span.required:before { position:absolute;top:-9px;left:12px;font-size:9px;text-align:center;content:"\f005";font-family:"FontAwesome";font-weight:normal; }
.select-box { position:relative;float:left; }
.select-box:before, .select-box:after { content:"";display:block;position:absolute;top:0;left:0;width:0;height:50%;border-left-width:1px;border-left-style:solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; }
.select-box:before { position:absolute;display:block;top:0;right:0;left:auto; } 
textarea, select, input[type="text"], input[type="password"] { padding:6px 11px;line-height:26px;width:329px;height:38px;border-width:1px;border-style:solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; }
textarea { height:200px;width:550px; }
input.elseelement { margin-left:12px; }
form .actioncontainer { float:left;width:100%; }
input[type="submit"].button, form .actioncontainer a { padding:12px;text-align:center;display:block;float:left;line-height:26px;text-transform:uppercase;font-weight:bold;font-size:12px;width:329px;height:50px;border-width:1px;border-style:solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;transition: all 200ms ease-in-out ; }
form .actioncontainer a i.fa { font-weight:normal;font-size:14px;margin-right:5px; }
input[type="submit"].button { line-height:22px;width:auto;padding-left:36px;padding-right:36px;cursor:pointer; }

fieldset > div.small > input[type="text"], fieldset > div.small > input[type="password"], fieldset > div.small > .select-box select { width:185px; }
fieldset > div.large > input[type="text"], fieldset > div.large > input[type="password"], fieldset > div.large > .select-box select { width:550px; }


/**
 * Form horizontal
 */
.notification + form.horizontal { margin-top:12px; }   
.notification + form.horizontal.subfrms { margin-top:36px; }
form.horizontal fieldset > div { border-bottom-width:1px;border-bottom-style:solid;margin-top:0;padding-bottom:16px; }
form.horizontal fieldset > div + div { margin-top:0;padding-top:16px; }
form.horizontal label { width:190px;font-size:14px;text-transform:none;margin-right:24px;padding:3px 0; }
form.horizontal label span.required { float:right; }
form.horizontal label span.required:before { left:auto;right:0;top:0; }  
form.horizontal .actioncontainer a { width:155px; }
form.horizontal .actioncontainer a + a { margin-left:8px; }
form.horizontal .subf > label { display:none; }
form.horizontal .subf + .subf { margin-top:24px; }
form.horizontal .subf { border:0; }

p.subf-field-text-mark { display:block;float:left;width:100%;margin-bottom:24px;font-size:12px; } 
                

/**
 * Headers
 */
h1, .h1 { font-size:21px;line-height:32px;font-weight:bold;padding:11px 0; } 
h2, .h2 { font-size:16px;line-height:26px;font-weight:bold;padding:11px 0; } 

.block-title
{
	font-size:13px;line-height:18px;float:left;width:100%;padding:21px 24px 13px;margin:-24px -24px 24px -24px;
	border-bottom-width:1px;border-bottom-style:solid;box-sizing:content-box;
}

.block-title.basic { padding-top:16px;padding-bottom:16px; }
.block-title.in-p { margin-top:24px;margin-bottom:24px; }
h2.block-title, .block-title.h2 { font-size:16px;line-height:26px;font-weight:bold; } 
.block-title.no-min { margin:0; }


/**
 * Notifications
 */ 
.notification { margin-bottom:12px;position:relative;float:left;width:100%;font-size:12px;border:1px solid transparent;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:6px 24px; }
.notification:before { position:absolute;top:-10px;left:-10px;content:"\f00d";font-family:"FontAwesome";width:24px;height:24px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;text-align:center;line-height:23px; }
.notification.error:before { content:"\f00d"; }
.notification.success:before { content:"\f00c"; }


/**
 * Charts
 */
  
.charts .chart-outer:nth-child(2n) { margin-left:0;margin-right:0; }
.chart { float:left;width:100%;height:375px; }
.chart-outer { margin-left:-24px;margin-right:24px; }
.chart-outer .block-title { box-sizing:border-box; }



/**
 * Overview
 */ 
.overview, .overview-items, .open-payment { float:left;width:100%; }
.overview > .row, .overview-items > .row { float:left;width:100%; }
.overview > .row > .col, .overview-items > .row > .col { word-wrap:break-word; }
.overview > .row > .col, .overview-items > .row > .col, .open-payment > div { float:left;padding-right:20px; }
.overview-items > .row > .col { position:relative;font-size:14px; }      
.overview-items > .row:hover { font-weight:bold; }
.overview-items .col + .col:before { content:"";display:block;width:1px;position:absolute;top:10px;left:-18px;bottom:10px; }
.overview-items > .row { padding-top:0;padding-bottom:0; }
.overview-items > .row > .col { padding-top:16px;padding-bottom:16px; }
.overview-items > .row > .col.options-col { padding-top:6px;padding-bottom:6px; }
.options-col > a { display:block;float:left;position:relative;padding:6px 8px;line-height:26px;width:auto;height:38px;border-width:1px;border-bottom-width:2px;border-style:solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; }
.options-col > a:before, .options-col > a:after { content:"";display:block;position:absolute;top:0;left:-1px;width:0;height:50%;border-left-width:1px;border-left-style:solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; }
.options-col > a:before { position:absolute;display:block;top:0;right:-1px;left:auto; }
.options-col > a + a { margin-left:6px; } 

.open-payment .row > div { width:30%; }
.open-payment .row > div + div + div { width:40%; }     

.open-payment .row > div.resellers { width:30%; }
.open-payment .row > div.resellers ~ div { width:20%; }
.open-payment .row > div.resellers ~ div + div + div { width:30%; }


/**
 * User top navigation
 */ 
.user-info { float:right;margin:16px 0; }
.user-info > * { position:relative;font-size:16px;line-height:33px;display:block;float:left;height:33px;padding:0 16px;margin:0 8px; }
.user-info > div { font-weight:bold;font-size:12px; }
.user-info > * + * { margin-left:9px; }
.user-info > * + *:after { content:"";display:block;position:absolute;top:0;left:-8px;bottom:0;border-left:1px dotted transparent; }


/**
 * Def. Buttons
 */ 
.simple-btn-link { display:block;float:left;text-decoration:none;margin-top:12px;font-size:12px; }
.d-ib { display:inline-block; }
.f-n { float:none; }


/**
 * Downloads
 */ 
.downloads { float:left;width:100%; }
.downloads > div { float:left;width:100%; }
.downloads > div + div { margin-top:20px;padding-top:12px;border-top:1px dashed transparent; }


/**
 * Filter options
 */ 
.filter-options { float:left;width:100%; }
.filter-options + .filter-options { margin-top:12px; }
.filter-options > span { float:left;width:100%;display:block;font-weight:bold;font-size:12px; }
.filter-options > div { float:left;width:100%; }
.filter-options ul, .filter-options li { float:left;width:auto;display:block;list-style:none;margin:0; }
.filter-options li { margin-right:12px; }
 

/**
 * Load more
 */
.load-more { cursor:pointer;display:block;float:left;position:relative;padding:8px 16px;line-height:26px;width:auto;border-width:1px;border-bottom-width:2px;border-style:solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } 


/* Border box */
* { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }