.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	display: none;
}

#video {
	position: fixed;
	top: 50.0%;
	left: 50.0%;
	min-width: 100.0%;
	min-height: 100.0%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50.0%, -50.0%);
	-moz-transform: translate(-50.0%, -50.0%);
	-ms-transform: translate(-50.0%, -50.0%);
	-o-transform: translate(-50.0%, -50.0%);
	transform: translate(-50.0%, -50.0%);
	opacity: 0.8;
}
.center{
	text-align: center !important;
}
/*
#login {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 320px;
    height: 447px;
    margin: auto;
}
*/
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.layout {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.layout.center {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

.layout.reverse {
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

	.flex {
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
		flex: 1;
	}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
h4 {
	margin: 0 0 20px;
	font-size: 14px;
	font-weight: 500;
	color: #757575;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
	line-height: 24px;
	font-size: 13px;
	font-weight: 400;
	color: #212121;
}

b {
	font-weight: 500;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

.circular {
	-webkit-border-radius: 50.0%;
	-moz-border-radius: 50.0%;
	-ms-border-radius: 50.0%;
	-o-border-radius: 50.0%;
	border-radius: 50.0%;
	overflow: hidden;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
[class*="shadow-"] {
	overflow: hidden;
	-webkit-transition: box-shadow 0.2s ease 0.0s;
	-moz-transition: box-shadow 0.2s ease 0.0s;
	-ms-transition: box-shadow 0.2s ease 0.0s;
	-o-transition: box-shadow 0.2s ease 0.0s;
	transition: box-shadow 0.2s ease 0.0s;
}

.shadow-2, .shadow-hover-2:hover, .shadow-active-2:active {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.shadow-3, .shadow-hover-3:hover, .shadow-active-3:active {
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.shadow-4, .shadow-hover-4:hover, .shadow-active-4:active {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.shadow-6, .shadow-hover-6:hover, .shadow-active-6:active {
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.15), 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

.shadow-8, .shadow-hover-8:hover, .shadow-active-8:active {
	box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15), 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.background-color-black, .background-color-hover-black:hover, .background-color-active-black:active {
	background-color: #000000;
}

.background-color-white, .background-color-hover-white:hover, .background-color-active-white:active {
	background-color: #FFFFFF;
}

.background-color-primary, .background-color-hover-primary:hover, .background-color-active-primary:active {
	background-color: #464646;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.background-cover {
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.background-gradient-top {
	background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0.0%, rgba(0, 0, 0, 0) 100.0%);
	background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0.0%, rgba(0, 0, 0, 0) 100.0%);
	background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0.0%, rgba(0, 0, 0, 0) 100.0%);
	background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0.0%, rgba(0, 0, 0, 0) 100.0%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0.0%, rgba(0, 0, 0, 0) 100.0%);
}

.background-gradient-bottom {
	background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 1) 0.0%, rgba(0, 0, 0, 0) 100.0%);
	background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, 1) 0.0%, rgba(0, 0, 0, 0) 100.0%);
	background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, 1) 0.0%, rgba(0, 0, 0, 0) 100.0%);
	background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 1) 0.0%, rgba(0, 0, 0, 0) 100.0%);
	background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0.0%, rgba(0, 0, 0, 0) 100.0%);
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.container {
	padding: 35px;
	background-color: #FFFFFF;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.fab {
	position: fixed;
	bottom: 16px;
	right: 16px;
	width: 56px;
}

	.fab .fab-main {}

		.fab .fab-main i {
			transition: transform 0.2s linear 0.0s;
			-webkit-transition: transform 0.2s linear 0.0s;
			-moz-transition: transform 0.2s linear 0.0s;
		}

		.fab.open .fab-main i {
			-webkit-transform: rotate(225deg);
			-moz-transform: rotate(225deg);
			-ms-transform: rotate(225deg);
			-o-transform: rotate(225deg);
			transform: rotate(225deg);
		}

	.fab .fab-option {
		margin: 0 auto 16px;
		-webkit-transform: scale(0.5, 0.5);
		-moz-transform: scale(0.5, 0.5);
		-ms-transform: scale(0.5, 0.5);
		-o-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
		visibility: hidden;
		opacity: 0;
		transition: transform 0.2s linear 0.0s, opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
		-webkit-transition: transform 0.2s linear 0.0s, opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
		-moz-transition: transform 0.2s linear 0.0s, opacity 0.2s linear 0.0s, visibility 0.0s linear 0.2s;
	}

	.fab.open .fab-option {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		visibility: visible;
		opacity: 1;
		transition: transform 0.2s linear 0.0s, opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
		-webkit-transition: transform 0.2s linear 0.0s, opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
		-moz-transition: transform 0.2s linear 0.0s, opacity 0.2s linear 0.0s, visibility 0.0s linear 0.0s;
	}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.card {
	background-color: #FFFFFF;
}

	.card-header {
		position: relative;
		float: left;
		width: 100.0%;
	}

	.card-content {
		position: relative;
		float: left;
		width: 100.0%;
		padding: 16px;
	}

		.card .create, .card .view, .card .edit {
			display: none;
		}

		.card:not(.create):not(.edit) .view {
			display: block;
		}

		.card.create .create {
			display: block;
		}

		.card.edit .edit {
			display: block;
		}

		.card-add {
			position: absolute;
			top: -20px;
			right: 8px;
		}

		.card-add + * {
			margin-top: 16px;
		}

	.card-actions {
		position: relative;
		float: left;
		width: 100.0%;
		padding: 8px;
		border-top: 1px solid #E0E0E0;
	}

		.card-actions > *:first-child:not([type="submit"]) {
			margin-left: 8px;
		}

		.card-actions > *:last-child:not([type="submit"]) {
			margin-right: 8px;
		}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.list {}

	.item {
		position: relative;
		float: left;
		width: 100.0%;
		height: 48px;
		padding: 0 16px;
		line-height: 24px;
	}

		.item .create, .item .view, .item .edit {
			display: none;
		}

		.item:not(.create):not(.edit) .view {
			display: block;
		}

		.item.create .create {
			display: block;
		}

		.item.edit .edit {
			display: block;
		}

		.item > .item-left {
			position: relative;
			float: left;
			width: 56px;
		}

		.item > .item-button, 
		.item > .item-icon {
			width: 18px;
			height: 18px;
			padding: 0;
			border: 0;
			margin: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			-o-appearance: none;
			appearance: none;
			background-color: transparent;
		}

		.item > .item-button {
			cursor: pointer;
		}

			.item > .item-button i, 
			.item > .item-icon i {
				width: 18px;
				height: 18px;
			}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

	.slider .slide {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.containment {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

	.containment .draggable {
		position: absolute;
		width: 6.0%;
		height: 6.0%;
	}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
[class*="spacing-"] {
	display: none;
	height: 20px;
}

.spacing-all {
	display: block;
}

/* ----- xs (Extra Small) ----- */
@media (max-width: 640px) {
	.spacing-xs {
		display: block;
	}
}

/* ----- sm (Small) ----- */
@media (min-width: 641px) and (max-width: 768px) {
	.spacing-sm {
		display: block;
	}
}

/* ----- md (Medium) ----- */
@media (min-width: 769px) and (max-width: 1024px) {
	.spacing-md {
		display: block;
	}
}

/* ----- lg (Large) ----- */
@media (min-width: 1025px) and (max-width: 1280px) {
	.spacing-lg {
		display: block;
	}
}

/* ----- xl (Extra Large) ----- */
@media (min-width: 1281px) and (max-width: 1480px) {
	.spacing-xl {
		display: block;
	}
}

/* ----- xxl (Extra Extra Large) ----- */
@media (min-width: 1481px) {
	.spacing-xxl {
		display: block;
	}
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.show-all {
	display: block !important;
}

.hide-all {
	display: none !important;
}

/* ----- xs (Extra Small) ----- */
@media (max-width: 640px) {
	.show-xs {
		display: block !important;
	}

	.hide-xs {
		display: none !important;
	}
}

/* ----- sm (Small) ----- */
@media (min-width: 641px) and (max-width: 768px) {
	.show-sm {
		display: block !important;
	}

	.hide-sm {
		display: none !important;
	}
}

/* ----- md (Medium) ----- */
@media (min-width: 769px) and (max-width: 1024px) {
	.show-md {
		display: block !important;
	}

	.hide-md {
		display: none !important;
	}
}

/* ----- lg (Large) ----- */
@media (min-width: 1025px) and (max-width: 1280px) {
	.show-lg {
		display: block !important;
	}

	.hide-lg {
		display: none !important;
	}
}

/* ----- xl (Extra Large) ----- */
@media (min-width: 1281px) and (max-width: 1480px) {
	.show-xl {
		display: block !important;
	}

	.hide-xl {
		display: none !important;
	}
}

/* ----- xxl (Extra Extra Large) ----- */
@media (min-width: 1481px) {
	.show-xxl {
		display: block !important;
	}

	.hide-xxl {
		display: none !important;
	}
}