body {
	color:#fff;
	background-color: #000;
	margin:0;
	padding:0;
	width:100%;
	font-family:'Open Sans';
	font-weight:300;
	-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	-font-smoothing: antialiased !important;
}

a {
	color: black;
}
a:visited {
	color: rgb(101,101,101);
}

input, select, textarea {
	outline:0;
	font-family:'Open Sans';
	font-weight:300;
}

[position-grid-box] {
	cursor:move !important;
}

[position-linear-box] {
	cursor:move !important;
}

button {
	font-family:'Open Sans';
	font-weight:300;
	outline:0 !important;
}

button:focus {
	outline:0 !important;
}

h1,h2,h3,h4 {
	margin:0;
	padding:0;
	font-family:'Open Sans';
	font-weight:400;
}

main {
	float:left;
	z-index:100;
	width:100%;
	min-height:100vh;
	background: rgb(35,83,138); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(35,83,138,1) 0%, rgba(167,207,223,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,83,138,1)), color-stop(100%,rgba(167,207,223,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* W3C */
	background:url('../img/bg2.jpg');
	padding-top:50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

main .bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.35);
}

/*MENU*/
nav {
	position:fixed;
	top:0;
	left:0;
	z-index:200;
	width:100%;
	padding:10px;
	min-height:40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

nav img {
	display:block;
	float:left;
	margin-top:5px;
	height:17px;
}

nav .button {
	float:right;
	height:30px;
}

nav .button button {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0;
	background:none;
	font-size:1em;
	height:30px;
	color:#fff;
	border:none;
	padding:0 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

nav .button button .line {
	width:1px;
	height:24px;
	top:3px;
	right:0;
	color:rgba(255,255,255,.6);
	background:rgba(255,255,255,.6);
	position:absolute;
}

nav .button button.circle {
	box-shadow:0 0 0 1px rgba(255,255,255,.6) inset;
	border-radius:15px;
	font-size:.7em;
	padding:0;
	width:30px;
	margin-left:15px;
}

nav .button button.circle:hover {
	color:#fff;
	cursor:pointer;
	box-shadow:0 0 0 1px #fff inset;
	border-radius:0;
}

.title {
	display:block;
	position:fixed;
	top:13px;
	left:50%;
	width:300px;
	text-align:center;
	margin-left:-150px;
	z-index:205;
	font-weight:400;
	text-transform:uppercase;
}

/*MAIN ICONS*/
.main {
	text-align: center;
	height:100%;
}

.main:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.main .menu {
	display: inline-block;
	vertical-align: middle;
	width: 80%;
}

.main .menu .btn {
	width:145px;
	display:inline-block;
	margin:15px;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main .menu .btn .icon {
	width:145px;
	height:145px;
	float:left;
	position:relative;
	border-radius:20px;
	background:rgba(255,255,255,.2);
	color:#fff;
	border:none;
	display:block;
	cursor:pointer;
	font-size:3.5em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main .menu .btn .icon .caption {
	position:absolute;
	padding:5px;
	border-radius:3px;
	background:#ff0000;
	color:#fff;
	font-size:.25em;
	top:-5px;
	right:-5px;
}

.main .menu .btn .txt {
	width:145px;
	float:left;
	text-align:center;
	color:#fff;
	font-weight:400;
	margin-top:10px;
}

.main .menu .btn:hover .icon {
	font-size:4em;
	background:#fff;
	color:#333;
}

/*SUB MENU*/
aside {
	width:240px;
	float:left;
	height:100%;
	background:#eee;
	border-right:1px solid #ddd;
	color:#333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

aside ul {
	width:100%;
	float:left;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

aside ul li {
	display:block;
	float:left;
	margin:0;
	padding:20px 10px;
	width:100%;
	color:#333;
	box-sizing:border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

aside ul li:hover {
	padding-left:50px;
}

/*CONTENT*/
section {
	width:100%;
	height:100%;
	float:left;
	color:#333;
	overflow:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section form#refineData {
	display:none;
}

section .options {
	width:100%;
	float:left;
	padding:10px;
	background:#00A388;
	/*background:#00b2b5;*/
	border-left:5px solid rgba(0,0,0,0.2);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .options .option {
	float:right;
	margin-left:15px;
	font-size:.75em;
	text-align:center;
	font-weight:400;
	cursor:pointer;
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section .options .option:hover {
	color:#222;
}

section .options .option.left {
	float:left;
	margin-left:0px;
	margin-right:15px;
}

section .options .option i {
	font-size:2em;
}

section .search {
	width:100%;
	float:left;
	position:relative;
	background:#f9f9f9;
}

section .search button {
	width:50px;
	height:50px;
	float:left;
	display:block;
	border:none;
	background:none;
	color:#ccc;
	margin:0;
	padding:0;
	font-size:1.5em;
}

section .search .line {
	position:absolute;
	top:8px;
	left:50px;
	width:1px;
	height:34px;
	background:#ddd;
}

section .search input {
	position:absolute;
	left:0px;
	top:8px;
	width:100%;
	height:34px;
	padding:0;
	font-size:1.5em;
	color:#ccc;
	padding-left:60px;
	margin:0;
	background:none;
	border:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .page {
	width:100%;
	float:left;
	padding:15px 0;
	text-align:center;
	font-size:.8em;
}

section .page span {
	display:inline-block;
	margin:0 10px;
	padding:3px 5px;
	border:1px solid #eee;
	border-radius:5px;
}

section .page i {
	cursor:pointer;
}

section .table {
	width:100%;
	float:left;
	font-size:.7em;
	position:relative;
}

section .table .row {
	width:100%;
	float:left;
	padding:5px 0;
	border-bottom:1px solid #eee;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section .table .placeholder {
	width:100%;
	float:left;
	padding:5px 0;
	border-bottom:1px solid #eee;
}

section .table .separator {
	position:absolute;
	height:3px;
	width:100%;
	background:#00A388;
	box-shadow:0 0 2px 0 #00A388;
	z-index:1000;
	top:0;
	left:0;
	display:none;
}

section .table .row:nth-child(odd) {
	background:#f9f9f9;
}

section .table .row:hover {
	background:#ddd;
}

section .table .row.header {
	background:#333;
	color:#fff;
	font-weight:400;
	text-transform:uppercase;
	padding:10px 0;
	border:none;
}

section .table .row.refine {
	background:#333;
	color:#fff;
	font-weight:400;
	border:none;
}

section .table .row .column {
	height:100%;
	padding:3px;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .table .row .column img.thumbnail {
	max-width:100px;
	max-height:100px;
}

section .table .row .column input {
	width:100%;
	display:block;
	float:left;
	margin:0;
	padding:3px;
	border:none;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .table .row .column .button {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 10px;
	font-size: .8em;
	line-height: 1.42857;
	border-radius: 3px;
	background:none;
	box-shadow: #e6e6e6 0 -2px 0 inset;
	color: #555;
	background-color: #fff;
	border-color: #ccc;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section .table .row .column i[data-order] {
	cursor:pointer;
}

section .table .gridBox {
	width:180px;
	height:200px;
	float:left;
	margin:30px;
	overflow:hidden;
	border-radius:10px;
	box-shadow:1px 1px 5px 0px rgba(0,0,0,.2);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section .table .gridBox:hover {
	box-shadow:1px 1px 5px 0px rgba(0,0,0,.8);
}

section .table .gridBox .img {
	width:100%;
	height:160px;
	float:left;
	text-align:center;
	overflow:hidden;
	word-break: break-all;
}

section .table .gridBox .img i {
	font-size:4em;
	color:#222;
	margin-top:50px;
}

section .table .gridBox button {
	display:block;
	float:left;
	width:50%;
	height:40px;
	margin:0;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
	font-size:1.2em;
	color:#777;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section .table .gridBox button:hover {
	background:#2ba8e3;
	color:#fff;
}

/*DISPLAY DATA*/
section .data {
	width:100%;
	padding:20px;
	float:left;
	display:block;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataColumn {
	width:50%;
	float:left;
	padding-right:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataColumn:nth-child(even) {
	padding-right:0;
	padding-left:10px;
}

section .data .dataFullRow {
	width:100%;
	float:left;
}

section .data .dataBox {
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom: 20px;
	border: solid 1px #e6e6e6;
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0 2px 0,#fff 0 0 0 3px inset;
	box-shadow: rgba(0,0,0,0.1) 0 2px 0,#fff 0 0 0 3px inset;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataBox h1 {
	width:100%;
	padding:20px;
	float:left;
	font-family: "Ubuntu Condensed",Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	text-transform:uppercase;
	color: #fff;
	background-color: #2ba8e3;
	/*background-color: #6a6a6a;*/
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 -3px 0 inset;
	box-shadow: rgba(0,0,0,0.2) 0 -3px 0 inset;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataBox .dataContent {
	width:100%;
	float:left;
	padding:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataBox .dataContent form {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

section .data .dataBox .dataContent .form {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

section .data .dataBox .dataContent form .headBreaker,
section .data .dataBox .dataContent .form .headBreaker {
	width:100%;
	padding:10px;
	float:left;
	font-family: "Ubuntu Condensed",Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	text-transform:uppercase;
	color: #fff;
	background-color: #F68B4F;
	margin-bottom:15px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 -3px 0 inset;
	box-shadow: rgba(0,0,0,0.2) 0 -3px 0 inset;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataBox .dataContent form .desc, section .data .dataBox .dataContent .form .desc {
	width:100%;
	float:left;
	margin-bottom:5px;
	font-family: "Ubuntu Condensed",Helvetica,Arial,sans-serif;
	font-weight: 400;
}

section .data .dataBox .dataContent form .input, section .data .dataBox .dataContent .form .input {
	width:100%;
	float:left;
	margin-bottom:10px;
}

section .data .dataBox .dataContent form .input.center, section .data .dataBox .dataContent .form .input.center {
	text-align:center;
	margin-top:15px;
}

section .data .dataBox .dataContent form input[type=text],
section .data .dataBox .dataContent form input[type=email],
section .data .dataBox .dataContent form input[type=tel], 
section .data .dataBox .dataContent form input[type=password],
section .data .dataBox .dataContent .form input[type=text],
section .data .dataBox .dataContent .form input[type=email],
section .data .dataBox .dataContent .form input[type=tel], 
section .data .dataBox .dataContent .form input[type=password] {
	width:100%;
	float:left;
	display:block;
	padding:5px;
	border:none;
	margin:0;
	background:none;
	margin-bottom:10px;
	font-size:.9em;
	box-shadow:0 0 0 1px #dfdfdf inset;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataBox .dataContent form textarea, section .data .dataBox .dataContent .form textarea {
	width:100%;
	float:left;
	display:block;
	border:none;
	margin:0;
	background:none;
	margin-bottom:10px;
	height:300px;
	font-size:.9em;
	resize:none;
	box-shadow:0 0 0 1px #dfdfdf inset;
	padding:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataBox .dataContent form input[type=range], section .data .dataBox .dataContent .form input[type=range] {
	width:100%;
	float:left;
	display:block;
	border:none;
	margin:0;
	background:none;
	margin:10px 0;
	font-size:.9em;
	box-shadow:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section .data .dataBox .dataContent form select, section .data .dataBox .dataContent .form select {
	display:block;
	-webkit-appearance:none;
	-moz-appearance:none;
	-appearance:none;
	float:left;
	padding:5px;
	padding-right:25px;
	background: #fff url(../img/element/arrow-down.png) no-repeat right center !important;
	border: 1px solid #dfdfdf;
	color:#444;
	border-radius:0;
	margin:0;
	font-size:0.9em;
}

section .data .dataBox .dataContent form .input.center button, section .data .dataBox .dataContent .form .input.center button {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 10px;
	font-size: .8em;
	line-height: 1.42857;
	border-radius: 3px;
	background:none;
	box-shadow: #e6e6e6 0 -2px 0 inset;
	color: #555;
	background-color: #fff;
	border-color: #ccc;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section .data .dataBox .dataContent form .input.center button:hover, section .data .dataBox .dataContent .form .input.center button:hover {
	color: #fff;
	background-color: #2ba8e3;
	box-shadow: none;
	border-color: #2ba8e3;
}

section .data .dataBox .dataContent.mainImageHolder {
	text-align:center;
}

section .data .dataBox .dataContent.mainImageHolder video {
	display:block;
	width:100%;
	float:left;
}

section .data .dataBox .dataContent.mainImageHolder img {
	max-width:100%;
	max-height:400px;
}

section .data .dataBox .dataContent.pictureGrid {
	text-align:center;
	position:relative !important;
}

section .data .dataBox .dataContent.pictureGrid .separator {
	position:absolute;
	width:3px;
	height:160px;
	background:#00A388;
	box-shadow:0 0 2px 0 #00A388;
	z-index:1000;
	top:0;
	left:0;
	display:none;
}

section .data .dataBox .dataContent.pictureGrid .pic {
	width:160px;
	height:160px;
	display:inline-block;
	margin:10px;
	padding:0;
	overflow:hidden;
	border-radius:10px;
	box-shadow:1px 1px 5px 0px rgba(0,0,0,.2);
}

section .data .dataBox .dataContent.pictureGrid .placeholder {
	width:160px;
	height:160px;
	display:inline-block;
	margin:10px;
	padding:0;
	overflow:hidden;
}

section .data .dataBox .dataContent.pictureGrid .pic .img {
	width:100%;
	height:130px;
	float:left;
}

section .data .dataBox .dataContent.pictureGrid .pic button {
	display:block;
	float:left;
	width:50%;
	height:30px;
	margin:0;
	padding:0;
	background:#fff;
	border:none;
	font-size:.9em;
	color:#666;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section .data .dataBox .dataContent.pictureGrid .pic button:hover {
	background:#2ba8e3;
	color:#fff;
}

/*ADD FORM*/
section form#add {
	display:block;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

section form#add h1 {
	display:block;
	float:left;
	width:100%;
	text-align:center;
	background:#333;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	padding:10px 0;
}

section form#add .row {
	width:100%;
	float:left;
	display:block;
	padding:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section form#add .row:nth-child(even) {
	background:#f9f9f9;
}

section form#add .row label {
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:middle;
	width:30%;
	padding:0 10px;
	text-align:right;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section form#add .row input {
	display:inline-block;
	vertical-align:middle;
	width:70%;
	margin:0;
	padding:5px;
	border:none;
	background:none;
	font-size:.9em;
	border-bottom:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section form#add .row select {
	display:inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	-appearance:none;
	padding:5px;
	padding-right:25px;
	background: #fff url(../img/element/arrow-down.png) no-repeat right center !important;
	border: 1px solid #dfdfdf;
	color:#444;
	border-radius:0;
	margin:0;
	font-size:0.9em;
}

section form#add .row .textarea {
	display:inline-block;
	vertical-align:middle;
	width:70%;
	resize:none;
	margin:0;
	border:none;
	background:none;
	font-size:.9em;
	padding:5px;
	border-bottom:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

section form#add .row textarea {
	display:block;
	float:left;
	width:70%;
	height:300px;
	resize:none;
	margin:0;
	padding:0;
	border:none;
	background:none;
	border:none;
}

section form#add .row textarea [html] {
	padding:0;
	border-bottom:none;
}

section form#add .row.btn {
	text-align:center;
	background:#fff;
}

section form#add .row.btn .imagesBtn {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 8px 12px;
	font-size: .9em;
	line-height: 1.42857;
	border-radius: 3px;
	background:none;
	box-shadow: #e6e6e6 0 -2px 0 inset;
	color: #555;
	background-color: #fff;
	margin:0;
	border-color: #ccc;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section form#add .row.btn .imagesBtn:hover {
	color: #fff;
	background-color: #2ba8e3;
	box-shadow: none;
	border-color: #2ba8e3;
}

section form#add .row button.add {
	display:inline-block;
	margin:0;
	padding:20px;
	background:none;
	border:none;
	cursor:pointer;
	border-bottom:5px solid rgba(0,0,0,0.1);
	border-radius:20px;
	font-size:2em;
	text-transform:uppercase;
	box-shadow:0 0 0 1px #ccc inset;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section form#add .row button.add:hover {
	color:#fff;
	background:#00A388;
	box-shadow:none;
}

/*LOGIN*/
form#signin {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	background:#fff;
	width:320px;
	height:320px;
	margin:0;
	padding:20px;
	color:#333;
	margin-top:-180px;
	margin-left:-180px;
	border-radius:30px;
}

form#signin .icon {
	width:100%;
	float:left;
	display:block;
	margin-bottom:15px;
	text-align:center;
	font-size:4em;
}

form#signin h1 {
	display:block;
	width:100%;
	float:left;
	text-align:center;
	font-weight:300;
	margin-bottom:15px;
	font-size:3em;
}

form#signin input[type=email],form#signin input[type=password] {
	width:100%;
	float:left;
	display:block;
	border:none;
	background:none;
	padding:0;
	margin:0;
	padding:4px 0;
	border-bottom:1px solid #ddd;
	font-size:1.5em;
	margin-bottom:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

form#signin button {
	display:block;
	float:left;
	margin:0;
	padding:0;
	border:none;
	width:50px;
	height:50px;
	margin:0 135px;
	border-radius:25px;
	background:none;
	cursor:pointer;
	font-size:1em;
	color:#aaa;
	border-bottom:5px solid #ddd;
	margin-top:15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

form#signin button:hover {
	color:#333;
	border-bottom:5px solid #aaa;
}

form#signin button img {
	width:25px;
}

/*NOTIFICATION*/
.notification {
	position:fixed;
	bottom:30px;
	right:30px;
	display:block;
	border-radius:10px;
	padding:30px;
	color:#fff;
	font-family:'Ubuntu Condensed';
	font-size:1.4em;
	font-weight:400;
	text-transform:uppercase;
	z-index:10000000000;
}

.notification.true {
	background:#00A388;
}

.notification.false {
	background:#ff5450;
}

/*IMAGE SELECTOR*/
.imageSelector {
	width:800px;
	height:450px;
	position:fixed;
	z-index:1000000000;
	top:50%;
	left:50%;
	margin-top:-225px;
	margin-left:-400px;
	padding:15px;
	border-radius:10px;
	background:#fff;
	box-shadow:2px 2px 4px 1px rgba(0,0,0,0.4);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
}

.imageSelector form.imgSelector {
	display:none;
}

.imageSelector .imgContainer {
	width:100%;
	float:left;
	height:380px;
	margin-bottom:10px;
	overflow:auto;
}

.imageSelector .imgContainer .image {
	width:170px;
	height:170px;
	margin:10px;
	float:left;
	padding:0;
	overflow:hidden;
	border-radius:10px;
	box-shadow:0 0 0 5px #222;
	text-align:center;
	color:#222;
	word-break: break-all;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.imageSelector .image:hover {
	box-shadow:0 0 0 7px #2ba8e3;
}

.imageSelector .imgContainer .image i {
	font-size:2.5em;
	margin-top:40px;
}

.imageSelector .imgContainer .image[data-selection=selected] {
	box-shadow:0 0 0 7px #2ba8e3;
}

.imageSelector .btnContainer {
	width:100%;
	float:left;
	text-align:right;
}

.imageSelector .btnContainer button {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 10px;
	font-size: .8em;
	line-height: 1.42857;
	border-radius: 3px;
	background:none;
	box-shadow: #e6e6e6 0 -2px 0 inset;
	color: #555;
	background-color: #fff;
	border-color: #ccc;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.imageSelector .btnContainer button:hover {
	color: #fff;
	background-color: #2ba8e3;
	box-shadow: none;
	border-color: #2ba8e3;
}

noscript {
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000000000000000;
	background:rgba(255,255,255,.9);
}

noscript button {
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:#333;
	background:none;
	border:none;
	font-size:1.8em;
	font-weight:700;
}

.sp-replacer {
	float:left !important;
	margin-bottom:10px !important;
}

form .row .sp-replacer {
	float:none !important;
	margin-bottom:0px !important;
}

/*ANALYSE*/

.videoContainer {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#000;
	border:none;
	z-index:10;
	color:#fff;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#000;
}

.videoContainer video {
	width:100%;
	height:100%;
}

canvas {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	display:block;
	margin:0;
	padding:0;
}

.analyseSpinner {
	width:80px;
	height:80px;
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:100000000000000;
	margin-left:-40px;
	margin-top:-40px;
	background:rgba(0,0,0,0.6);
	border:none;
	color:#fff;
	font-size:2em;
	display:block;
}

.bblogotxt {
	position:fixed;
	top:12px;
	right:10px;
	z-index:10000000000000;
	height:16px;
	display:block;
}

.valicon {
        position:fixed;
        top:4px;
        right:195px;
        z-index:10000000000000;
        height:32px;
        display:block;
}


.analyseMenu {
	position:fixed;
	top:5px;
	left:0;
	width:100%;
	z-index:10000000000000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.analyseMenu button {
	display:block;
	float:left;
	font-size:.8em;
	color:#fff;
	border:none;
	background:none;
	margin:0;
	padding:0;
	font-family:'Ubuntu Condensed';
	min-width:40px;
	padding:0 10px;
	height:40px;
	cursor:pointer;
	background:rgba(0,0,0,0.6);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.analyseMenu button.menu {
	background:none;
}

.analyseMenu button svg {
	width:36px;
	height:36px;
}

.analyseMenu button svg path {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.analyseMenu button svg .closeBox {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translate(-34px,18px);
	-moz-transform: translate(-34px,18px);
	-o-transform: translate(-34px,18px);
	transform: translate(-34px,18px);
}

.analyseMenu button.openedBox svg .closeBox {
	-webkit-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	transform: translate(0px,0px);
}

.analyseMenu button:hover svg path {
	fill:#2cf9ff;
}

.analyseMenu button i {
	font-size:1em;
}

.analyseMenu button.isActive {
	background:#2cf9ff;
	color:#222;
}

.analyseMenu button:hover {
	color:#2cf9ff;
}

.analyseMenu button.isActive:hover {
	color:#222;
}

.analyseMenu .controls {
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.analyseMenu .controls .controlHide {
	float:left;
	display:none;
	margin-left:15px;
}

.analyseMenu .controls .left {
	float:left;
}

.analyseMenu .controls .left button {
	margin-right:15px;
}

.analyseMenu .controls .right {
	float:right;
}

.analyseMenu .controls .right button {
	margin-left:15px;
}

.analyseDuration {
	width:100%;
	height:8px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:10000000000000;
	cursor:pointer;
	background:#444;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.analyseDuration .durationLine {
	width:0%;
	float:left;
	height:100%;
	background:#2cf9ff;
}

.analyseDuration:hover {
	height:15px;
}

/*CAPTION TEXT*/

#captionTxt {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	display:none;
	padding:5px;
	z-index:1000000000000;
	font-family: 'Ubuntu Condensed';
	font-size:.8em;
}

#meanTxt {
	position:fixed;
	top:70px;
	right:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	display:none;
	padding:10px;
	z-index:1000000000000;
	font-size:.9em;
	font-family: 'Ubuntu Condensed';
}

#meanTxt .vidCaptionContainer {
	display:inline-block;
	text-align:center;
	margin-bottom:10px;
}

#meanTxt .vidCaptionContainer video {
	display:inline-block;
	max-width:210px;
	max-height:140px;
}

#meanTxt h1 {
	display:inline-block;
	font-size:1.1em;
	text-transform:uppercase;
	color:#2cf9ff;
	margin-bottom:10px;
	font-family: 'Ubuntu Condensed';
}

#meanTxt i {
	display:block;
	position:absolute;
	top:-1px;
	left:0;
	font-size:.7em;
	cursor:pointer;
}

/*LINE CHARTS*/

.lineChart {
	position:fixed;
	bottom:15px;
	left:2.5%;
	z-index:10000;
	width:95%;
	display:none;
}

.lineChart:hover {
	z-index:20001 !important;
}

.lineChart .dragChart {
	position:absolute;
	top:-15px;
	left:0px;
	width:15px;
	height:15px;
	background:#2cf9ff;
	color:#222;
	border:none;
	margin:0;
	padding:0;
	opacity:0;
	display:block;
	font-size:.5em;
	cursor:all-scroll;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.lineChart:hover .dragChart {
	opacity:1;
}

.lineChart .chart {
	position:relative;
	height:250px;
	width:100%;
	max-height:250px;
	/*max-width:750px;*/
	overflow:hidden;
	z-index:10;
}

.lineChart .fakeChart {
	position:absolute;
	top:0;
	left:30px;
	height:250px;
	width:calc(100% - 30px);
	max-height:250px;
	/*max-width:720px;*/
	overflow:hidden;
	z-index:1;
}

.lineChart .x {
	position:absolute;
	bottom:1px;
	left:0;
	width:100%;
	height:20px;
	z-index:2;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.lineChart .y {
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:100%;
	z-index:2;
}

.lineChart .t {
	position:absolute;
	top:0;
	left:0;
	width:3px;
	height:100%;
	z-index:1;
	opacity:0;
	margin-left:-1px;
}

.lineChart .t .changeTime {
	position:absolute;
	width:6px;
	height:3px;
	top:-3px;
	left:-3px;
	background:#fff;
}

.lineChart[layout=solid-dark] {
	background:rgba(0,0,0,0.3);
}

.lineChart[layout=solid-dark] .x {
	border-top:1px solid #888;
}

.lineChart[layout=solid-dark] .y {
	border-right:1px solid #888;
}

.lineChart[layout=solid-dark] .t {
	background:#888;
}

.lineChart[layout=solid-light] {
	background:rgba(255,255,255,0.3);
}

.lineChart[layout=solid-light] .x {
	border-top:1px solid #222;
}

.lineChart[layout=solid-light] .y {
	border-right:1px solid #222;
}

.lineChart[layout=solid-light] .t {
	background:#222;
}

.lineChart[layout=transparent-dark] {
	background:rgba(0,0,0,0);
}

.lineChart[layout=transparent-dark] .x {
	border-top:1px solid #222;
}

.lineChart[layout=transparent-dark] .y {
	border-right:1px solid #222;
}

.lineChart[layout=transparent-dark] .t {
	background:#222;
}

.lineChart[layout=transparent-light] {
	background:rgba(0,0,0,0);
}

.lineChart[layout=transparent-light] .x {
	border-top:1px solid #fff;
}

.lineChart[layout=transparent-light] .y {
	border-right:1px solid #fff;
}

.lineChart[layout=transparent-light] .t {
	background:#fff;
}

/*GAUGE CHARTS*/

.gaugeChart {
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:10000;
}

.gaugeChart:hover {
	z-index:20001 !important;
}

.gaugeChart .dragChart {
	position:absolute;
	top:-15px;
	left:0px;
	width:15px;
	height:15px;
	background:#2cf9ff;
	color:#222;
	border:none;
	margin:0;
	padding:0;
	opacity:0;
	display:block;
	font-size:.5em;
	cursor:all-scroll;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.gaugeChart:hover .dragChart {
	opacity:1;
}

.gaugeChart .chart {
	position:relative;
	height:250px;
	width:250px;
	max-height:250px;
	max-width:250px;
	overflow:hidden;
	z-index:10;
}

.gaugeChart[layout=solid-dark] {
	background:rgba(0,0,0,0.7);
}

.gaugeChart[layout=solid-light] {
	background:rgba(255,255,255,0.8);
}

.gaugeChart[layout=transparent-dark] {
	background:rgba(0,0,0,0);
}

.gaugeChart[layout=transparent-light] {
	background:rgba(255,255,255,0);
}