/* HELPERS */
	.hidden { display: none !important; }

	.nice-shadow {
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 
		0 1px 1px 0 rgba(0,0,0,.14), 
		0 2px 1px -1px rgba(0,0,0,.12);
	}
	
	.disable-select,
	[data-select="disabled"],
	[data-select="false"] {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		o-user-select: none;
		user-select: none;
	}

	button[disabled] { cursor: not-allowed; }



	/* WEBKIT USER-AGENT */
		input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
			background-color: transparent !important;
		}
	/* END */
/* END */


/* FLEX-BOX*/
	.flex-container {
		-js-display: flex !important;
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: flex !important;
	
		-webkit-flex-direction: row !important;
		-moz-flex-direction: row;
		flex-direction: row !important;

		-webkit-flex-wrap: nowrap !important;
		-moz-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;

		-webkit-justify-content: flex-start !important;
		-moz-justify-content: flex-start !important;
		justify-content: flex-start !important;

		-webkit-align-items: stretch !important;
		-moz-align-items: stretch !important;
		align-items: stretch !important;

		-webkit-align-content: stretch !important;
		-moz-align-content: stretch !important;
		align-content: stretch !important;
	}

	/* flex-direction */
		.flex-container[data-direction='row-reverse'],
		[data-direction='row-reverse'] {
			-webkit-flex-direction: row-reverse !important;
			-moz-flex-direction: row-reverse !important;
			flex-direction: row-reverse !important;
		}
		.flex-container[data-direction='column'],
		[data-direction='column'] {
			-webkit-flex-direction: column !important;
			-moz-flex-direction: column !important;
			flex-direction: column !important;
		}
		.flex-container[data-direction='column-reverse'],
		[data-direction='column-reverse'] {
			-webkit-flex-direction: column-reverse !important;
			-moz-flex-direction: column-reverse !important;
			flex-direction: column-reverse !important;
		}

	/* flex-wrap */
		.flex-container[data-wrap='wrap'],
		[data-wrap='wrap'] {
			-webkit-flex-wrap: wrap !important;
			-moz-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
		}
		.flex-container[data-wrap='wrap-reverse'],
		[data-wrap='wrap-reverse'] {
			-webkit-flex-wrap: wrap-reverse !important;
			-moz-flex-wrap: wrap-reverse !important;
			flex-wrap: wrap-reverse !important;
		}

	/* justify-content */
		.flex-container[data-justify-content='flex-end'],
		[data-justify-content='flex-end'] { 
			-webkit-justify-content: flex-end !important;
			-moz-justify-content: flex-end !important;
			justify-content: flex-end !important;
		}
		.flex-container[data-justify-content='center'],
		[data-justify-content='center'] { 
			-webkit-justify-content: center !important;
			-moz-justify-content: center !important;
			justify-content: center !important;
		}
		.flex-container[data-justify-content='space-between'],
		[data-justify-content='space-between'] { 
			-webkit-justify-content: space-between !important;
			-moz-justify-content: space-between !important;
			justify-content: space-between !important;
		}
		.flex-container[data-justify-content='space-around'],
		[data-justify-content='space-around'] { 
			-webkit-justify-content: space-around !important;
			-moz-justify-content: space-around !important;
			justify-content: space-around !important;
		}

	/* align-items */
		.flex-container[data-align-items='stretch'],
		[data-align-items='stretch'] {
			-webkit-align-items: stretch !important;
			-moz-align-items: stretch !important;
			align-items: stretch !important;
		 }

		.flex-container[data-align-items='flex-start'],
		[data-align-items='flex-start'] {
			-webkit-align-items: flex-start !important;
			-moz-align-items: flex-start !important;
			align-items: flex-start !important;
		 }
		.flex-container[data-align-items='flex-end'],
		[data-align-items='flex-end'] {
			-webkit-align-items: flex-end !important;
			-moz-align-items: flex-end !important;
			align-items: flex-end !important;
		 }
		 .flex-container[data-align-items='center'],
		 [data-align-items='center'] {
			-webkit-align-items: center !important;
			-moz-align-items: center !important;
			align-items: center !important;
		 }
		 .flex-container[data-align-items='baseline'],
		 [data-align-items='baseline'] {
			-webkit-align-items: baseline !important;
			-moz-align-items: baseline !important;
			align-items: baseline !important;
		 }

	/* align-content */
		.flex-container[data-align-content='flex-start'],
		[data-align-content='flex-start'] {
			-webkit-align-content: flex-start !important;
			-moz-align-content: flex-start !important;
			align-content: flex-start !important;
		}
		.flex-container[data-align-content='flex-end'],
		[data-align-content='flex-end'] {
			-webkit-align-content: flex-end !important;
			-moz-align-content: flex-end !important;
			align-content: flex-end !important;
		}
		.flex-container[data-align-content='center'],
		[data-align-content='center'] {
			-webkit-align-content: center !important;
			-moz-align-content: center !important;
			align-content: center !important;
		}
		.flex-container[data-align-content='space-between'],
		[data-align-content='space-between'] {
			-webkit-align-content: space-between !important;
			-moz-align-content: space-between !important;
			align-content: space-between !important;
		}
		.flex-container[data-align-content='space-around'],
		[data-align-content='space-around'] {
			-webkit-align-content: space-around !important;
			-moz-align-content: space-around !important;
			align-content: space-around !important;
		}
/*END FLEX-BOX*/

.has-two-elements > * {
	width: 49%;
}


/* gd-*attrs */
	[data-gd-position="center"] {
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% );
	}
	

	/* padding */
		[data-gd-padding="none"],
		[data-gd-padding="no"]
		[data-gd-padding="0"] {
			padding: 0;
		}

		[data-gd-padding="sides"],
		[data-gd-padding="both-sides"] {
			padding: 0 16px;
		}

		[data-gd-padding="right"],
		[data-gd-padding="solo right"] {
			padding-right: 16px;
		}

		[data-gd-padding="left"],
		[data-gd-padding="solo left"] {
			padding-left: 16px;
		}

	
	/* margin */
		[data-gd-margin="none"],
		[data-gd-margin="no"]
		[data-gd-margin="0"] {
			margin: 0;
		}
	
		[data-gd-margin="top"],
		[data-gd-margin="solo top"] {
			margin-top: 16px;
		}

		[data-gd-margin="sides"],
		[data-gd-margin="both-sides"] {
			margin: 0 16px;
		}

		[data-gd-margin="right"],
		[data-gd-margin="solo right"] {
			margin-right: 16px;
		}

		[data-gd-margin="left"],
		[data-gd-margin="solo left"] {
			margin-left: 16px;
		}
/* END */


/* gd-*elements */
/* END */


/* TEXTS */
	.text-discret {
    font-family: monospace;
    font-size: 11px;
    letter-spacing: 2px;
    padding-left: 15px;
    color: gray;
    margin-top: 5px;
	}

	[data-font-size="+5"] { font-size: 105% }
	[data-font-size="+10"] { font-size: 110% }
	[data-font-size="+15"] { font-size: 115% }
	[data-font-size="+20"] { font-size: 120% }
	[data-font-size="+25"] { font-size: 125% }
	[data-font-size="+30"] { font-size: 130% }
	[data-font-size="+35"] { font-size: 135% }

	[data-font-size="+100"],
	[data-font-size="+x2"],
	[data-font-size="+X2"] { font-size: 200% }

	[data-font-size="+200"],
	[data-font-size="+x3"],
	[data-font-size="+X3"] { font-size: 300% }

	[data-font-size="+300"],
	[data-font-size="+x4"],
	[data-font-size="+X4"] { font-size: 400% }

	[data-font-size="+400"],
	[data-font-size="+x5"],
	[data-font-size="+X5"] { font-size: 500% }

	[data-font-size="-5"] { font-size: 95% }
	[data-font-size="-10"] { font-size: 90% }
	[data-font-size="-15"] { font-size: 85% }
	[data-font-size="-20"] { font-size: 80% }
	[data-font-size="-25"] { font-size: 75% }
	[data-font-size="-30"] { font-size: 70% }
	[data-font-size="-35"] { font-size: 65% }
/* END */


/* COLORS */
	[data-bg-color='black'] { background-color: #222 !important }

	[data-bg-color='transparent'] { background-color: transparent !important }
/* END */

html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body > .inner {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* LOGING */
	#login {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 12px;
	}

	#login > *:not( :last-child ) { margin-bottom: 12px }
/* END */

/* SECTIONS */
	body > .inner > section {
		position: relative;
		width: 100%;
		height: 100%;
	}

	body > .inner > section > aside,
	body > .inner > section > main {
		position: relative;
		height: 100%;
	}

	body > .inner > section > aside {
		width: 222px;
	}

	body > .inner > section > main {
		width: 100%;
	}

	/* body > .inner > section input:not(.visible-value) {
		-webkit-text-security: circle;
	} */
/* END */

/* SIDENAV */
	#Sidenav {}
	#Sidenav nav ul {}
	#Sidenav nav li {
		cursor: pointer;
		transition: all 300ms ease-in-out;
		margin: 40px 0;
	}
	#Sidenav nav li.active {
		font-weight: bold;
	}
/* END */