[v-cloak] {
	display: none !important;
}

.disabled {
	pointer-events: none;
}

div.daterangepicker {
	z-index: 9999;
}

.message-item:hover {
	background-color: inherit !important;
}

.blur-login {
	background: url(../images/meteorshower2.jpg) #394557
}

.web-login {
	background: url(../images/loginImage.jpg) #394557
}

.table-striped>tbody>tr:hover>td {
	background: #e4efc9 !important;
}

ul.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
}

ul.pagination i {
	line-height: inherit;
}

td>div.btn-group>button.btn:not(.multiselect),
td>div.btn-group>a.btn {
	margin-left: 5px !important;
}

input.date-picker {
	cursor: pointer !important;
}

div.tooltip-inner {
	white-space: normal;
	max-width: 100%;
}

.thumbicon {
	background-color: #74abd7;
	display: inline-block;
	border-radius: 100%;
	width: 38px;
	height: 38px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	line-height: 38px;
	margin-right: 10px;
	margin-left: 0;
	text-shadow: none !important
}

p {
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-wrap;
	margin: 0;
}

textarea.autosize-transition {
	min-height: 100px;
	max-height: 200px;
}

table>tbody>tr>td {
	vertical-align: middle !important;
}

table>thead>tr>th {
	text-align: center !important;
}

.modal-body table {
	margin: 0
}

.table-detail {
	background-color: #fff;
	border: 1px solid #dcebf7;
	width: 100%;
	padding: 12px
}

tr.detail-row {
	display: none
}

tr.detail-row.collapse.in {
	display: table-row
}

tr.detail-row>td {
	background-color: #f1f6f8;
	border-top: 3px solid #d1e1ea !important
}

select {
	text-align-last: center;
}

td>span.help-block {
	margin: 0
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 200px;
}

.v-ellipsis {
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	overflow: hidden;
}

.btn.multiselect-clear-filter {
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1.45;
	width: 26px;
	margin-left: -1px;
}

.btn.multiselect-clear-filter>i {
	line-height: 1.45;
}

.uploadLoading {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.nav-li {
	border-bottom: 1px solid;
	border-bottom-color: #e4ecf3 !important;
	padding: 15px;
	font-size: 15px;
}

.dialogBox {
	border: 2px solid #dde4ed;
	padding: 10px;
	margin-top: 10px;
}

.dialogBox:before {
	content: "";
	display: block;
	position: absolute;
	left: 45px;
	top: 30px;
	width: 15px;
	height: 15px;
	border: 2px solid #dde4ed;
	border-width: 2px 0 0 2px;
	background-color: #FFF;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms--box-sizing: content-box;
	box-sizing: content-box;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	will-change: transform;
}

.nav-pills>li {
	float: left;
	margin-bottom: -1.5px;
	margin-left: 0 !important;
	z-index: 12;
	transition: background-color 0.5s linear;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	-ms-transition: background-color 0.5s linear;
	position: relative;
}

.nav-pills+.pill-content {
	border: 1px solid #428bca;
	border-radius: 4px;
}

.pill-content {
	border: 1px solid #c5d0dc;
	padding: 16px 12px;
	position: relative;
	z-index: 11
}

.nav-pills>li>a {
	color: #646566;
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
	color: #428bca;
}

.nav-pills>li>a:before {
	content: '';
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #FEBF00;
	height: 5px;
	transition-property: 'left, right';
	-webkit-transition-property: 'left, right';
	-moz-transition-property: 'left, right';
	-o-transition-property: 'left, right';
	-ms-transition-property: 'left, right';
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
}

.nav-pills>li.active>a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #FEBF00;
	height: 5px;
	width: 100%;
}

.nav-pills>li>a:hover:before,
.nav-pills>li>a:focus:before {
	left: 0;
	right: 0;
}

.nav-pills>li.active>a>.badge {
	color: #FFFFFF
}

.profile-user-info .profile-info-value,
.profile-user-info-striped .profile-info-value {
	min-height: 32px;
}

.profile-user-info .profile-info-row:last-child .profile-info-name {
	border-bottom: 1px dotted #d5e4f1
}

.profile-user-info .profile-info-row:last-child .profile-info-value {
	border-bottom: 1px dotted #d5e4f1
}

.dialogdiv .thumbicon {
	opacity: 1;
	border-radius: 100%;
	display: inline-block;
	font-size: 16px;
	height: 40px;
	line-height: 32px;
	width: 40px;
	text-align: center;
	text-shadow: none !important;
	padding: 0;
	cursor: default;
	border: 3px solid #FFF !important
}

.ele-inline {
	display: inline-block;
	padding-left: 5px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
}

.ele-inline+.ele-inline {
	margin-top: 0;
	margin-left: 10px
}

.btn-white.btn-primary.active,
.btn-white.btn-primary:active,
.btn-white.btn-primary:focus,
.btn-white.btn-primary:hover,
.open>.btn-white.btn-primary.active.dropdown-toggle,
.open>.btn-white.btn-primary.dropdown-toggle {
	background-color: #eaf2f8 !important;
	border-color: #8aafce;
	color: #537c9f !important
}

.list-well>li {
	padding: 3px 24px;
}

.list-well .radio-inline,
.list-well .checkbox-inline {
	padding: 0px;
}

.list-border>li {
	padding-bottom: 3px;
	margin: 3px;
	border-bottom: 1px solid #d5e3ef;
}

.chosen-container {
	text-align: center
}

.form-group .form-label {
	padding-top: 7px !important;
	text-align: right;
}

.form-group .form-label+.form-label {
	text-align: left;
}

.form-group .profile-info {
	border-bottom: 1px dotted #d5e4f1;
	font-size: 14px;
	margin: 0;
	min-height: 25px;
}

img.small-img {
	max-width: 100px;
	max-height: 100px;
}

img.big-img {
	max-width: 300px;
	max-height: 300px;
}

.dialog-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(41, 60, 85, 0.3);
	z-index: 21
}

.dialog-overlay>.container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #B03A5B !important;
}

.ribbon-list {
	clear: both;
	position: relative;
}

.ribbon-item {
	height: 150px;
	margin: 20px 0;
	background: white;
	border-radius: 10px;
	border: 2px solid #ddd;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 90;
}

.ribbon-item:last-child {
	margin-bottom: 60px;
}

.ribbon-item:hover {
	border-color: #428bca;
	z-index: 1
}

.ribbon-item .ribbon-left {
	width: 160px;
	height: 120px;
	position: absolute;
	top: -8px;
	left: -8px;
	overflow: hidden;
}

.ribbon-left:before {
	position: absolute;
	left: 74px;
	border-radius: 8px 8px 0 0;
	width: 16px;
	height: 8px;
	content: '';
	background-color: #abbac3;
}

.ribbon-left:after {
	position: absolute;
	left: 0;
	top: 74px;
	border-radius: 0 8px 8px 0;
	width: 8px;
	height: 16px;
	content: '';
	background-color: #abbac3;
}

.ribbon-left .text {
	display: inline-block;
	font: bold 18px Sans-Serif;
	text-align: center;
	width: 125px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	top: 15px;
	left: -30px;
	z-index: 2;
	overflow: hidden;
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	will-change: transform;
	color: #fff;
	box-shadow: 0 0 0 3px #abbac3, 0 14px 7px -9px rgba(0, 0, 0, 0.6);
	background-color: #abbac3;
}

.ribbon-item .ribbon-right {
	width: 140px;
	height: 200px;
	position: absolute;
	top: -8px;
	right: -8px;
	overflow: hidden;
}

.ribbon-right:before {
	position: absolute;
	right: 64px;
	border-radius: 8px 8px 0 0;
	width: 16px;
	height: 8px;
	content: '';
	background-color: #abbac3;
}

.ribbon-right:after {
	position: absolute;
	right: 0;
	top: 64px;
	border-radius: 0 8px 8px 0;
	width: 8px;
	height: 16px;
	content: '';
	background-color: #abbac3;
}

.ribbon-right .text {
	display: inline-block;
	font: bold 18px Sans-Serif;
	text-align: center;
	width: 200px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 30px;
	right: -50px;
	z-index: 2;
	overflow: hidden;
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	will-change: transform;
	border: 1px dashed #fff;
	box-shadow: 0 0 0 3px #abbac3, 0 14px 7px -9px rgba(0, 0, 0, 0.6);
	color: #fff;
	background-color: #abbac3;
}

.ribbon-item .ribbon-success:before,
.ribbon-item .ribbon-success:after {
	background-color: #82af6f !important;
}

.ribbon-item .ribbon-success .text {
	background-color: #82af6f !important;
	box-shadow: 0 0 0 3px #82af6f, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .ribbon-warning:before,
.ribbon-item .ribbon-warning:after {
	background-color: #f89406 !important;
}

.ribbon-item .ribbon-warning .text {
	background-color: #f89406 !important;
	box-shadow: 0 0 0 3px #f89406, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .ribbon-danger:before,
.ribbon-item .ribbon-danger:after {
	background-color: #d15b47 !important;
}

.ribbon-item .ribbon-danger .text {
	background-color: #d15b47 !important;
	box-shadow: 0 0 0 3px #d15b47, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .ribbon-info:before,
.ribbon-item .ribbon-info:after {
	background-color: #6fb3e0 !important;
}

.ribbon-item .ribbon-info .text {
	background-color: #6fb3e0 !important;
	box-shadow: 0 0 0 3px #6fb3e0, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .ribbon-primary:before,
.ribbon-item .ribbon-primary:after {
	background-color: #428bca !important;
}

.ribbon-item .ribbon-primary .text {
	background-color: #3a87ad !important;
	box-shadow: 0 0 0 3px #428bca, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .ribbon-inverse:before,
.ribbon-item .ribbon-inverse:after {
	background-color: #333 !important;
}

.ribbon-item .ribbon-inverse .text {
	background-color: #333 !important;
	box-shadow: 0 0 0 3px #333, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .ribbon-pink:before,
.ribbon-item .ribbon-pink:after {
	background-color: #d6487e !important;
}

.ribbon-item .ribbon-pink .text {
	background-color: #d6487e !important;
	box-shadow: 0 0 0 3px #d6487e, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .ribbon-yellow:before,
.ribbon-item .ribbon-yellow:after {
	background-color: #fee188 !important;
}

.ribbon-item .ribbon-yellow .text {
	background-color: #fee188 !important;
	box-shadow: 0 0 0 3px #fee188, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-purple:before,
.ribbon-purple:after {
	background-color: #9585bf !important;
}

.ribbon-item .ribbon-purple .text {
	background-color: #9585bf !important;
	box-shadow: 0 0 0 3px #9585bf, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .ribbon-grey:before,
.ribbon-item .ribbon-grey:after {
	background-color: #a0a0a0 !important;
}

.ribbon-item .ribbon-grey .text {
	background-color: #a0a0a0 !important;
	box-shadow: 0 0 0 3px #a0a0a0, 0 14px 7px -9px rgba(0, 0, 0, 0.6) !important;
}

.ribbon-item .itemdiv {
	display: flex;
	justify-items: center;
	align-items: center;
	height: inherit;
}

.ribbon-item .itemdiv>img {
	margin: 0 auto;
	max-width: 120px;
	max-height: 90px;
}

@media (min-width: 768px) {
	.ribbon-item .itemdiv{
		width: 200px;
	}
	
	.ribbon-item {
		height: 200px;
	}

	.ribbon-item .itemdiv>img {
		margin: 0 auto;
		max-width: 195px;
		max-height: 150px;
	}

	.app.message-container {
		max-width: 600px;
		margin: 0 auto;
	}

	.app .van-swipe-item .van-image {
		width: 100%;
		height: 360px;
	}

	.app .van-popup {
		width: 478px !important;
		right: 0;
		margin: 0 auto;
	}

	.app .van-popup.van-popup--center {
		left: 30%
	}
}

@media (max-width: 480px) {
	
	.ribbon-item .itemdiv{
		width: 100px;
	}
	
	.ribbon-item .itemdiv>img {
		margin: 0 auto;
		max-width: 95px;
		max-height: 75px;
	}

	.app .profile-info-name {
		width: 110px;
		text-align: left;
	}

	.app .profile-info-value {
		margin-left: 110px;
	}
}

.flexdiv {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 12px;
}

ul.flexdiv {
	border-bottom: 2px solid #79B0CE;
}

ul.flexdiv>li {
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #F2F2F2;
	position: relative;
	display: block;
	padding: 5px 0px;
}

ul.flexdiv>li:before {
	display: none;
	content: '';
	position: absolute;
	z-index: 1;
	overflow: hidden;
	background-color: #3E84E1;
	left: -1px;
	right: -1px;
	bottom: auto;
	top: -2px;
	max-width: none;
	width: auto;
	height: 2px;
	border-width: 0;
}

a {
	color: #333;
}

a:hover,
a:focus {
	text-decoration: none;
}

ul.flexdiv>li.active,
ul.flexdiv>li.active+li {
	border-color: #A4C6DD !important;
}

ul.flexdiv>li.active:before {
	display: block;
	background-color: #3A549B !important;
}


ul.flexdiv>li.active a {
	color: #3A549B !important;
}

ul.flexdiv>li.active a:before {
	display: block;
	bottom: -1px;
	top: auto;
	right: auto;
	left: 50%;
	margin-left: -8px !important;
	border-width: 8px !important;
	border-color: transparent transparent #3A549B;
	content: "";
	position: absolute;
	background-color: transparent;
	border-style: solid;
}

ul.flexdiv.no-hover>li.active a:before {
	display: none;
}

ul.flexdiv>li.active a:after {
	content: "";
	top: auto;
	right: auto;
	bottom: -2px;
	left: 50%;
	margin-left: -7px;
	border-width: 8px 7px !important;
	position: absolute;
	border: 8px solid transparent;
	border-color: transparent transparent #FFF;
}

ul.flexdiv.no-hover>li.active a:after {
	display: none;
}

.search-thumbnail {
	transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-moz-transition-duration: .1s;
	-o-transition-duration: .1s;
	-ms-transition-duration: .1s;
	margin-bottom: 30px;
	border-bottom: 10px solid #abbac3;
	border-bottom-left-radius: 20px 100px;
	border-bottom-right-radius: 20px;
}

.search-thumbnail:hover {
	border-color: #75A8CE
}

.search-thumbnail .search-title {
	margin-top: 15px
}

.search-promotion.label {
	position: absolute;
	margin-top: -1px;
	margin-left: -1px
}

.search-thumbnail .search-content {
	font-weight: bolder;
	line-height: 30px;
	padding-bottom: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#81cbbc), color-stop(5%, #fff));
	background: -moz-gradient(linear, left top, left bottom, from(#81cbbc), color-stop(5%, #fff));
	background: -o-gradient(linear, left top, left bottom, from(#81cbbc), color-stop(5%, #fff));
	background: -ms-gradient(linear, left top, left bottom, from(#81cbbc), color-stop(5%, #fff));
	background-size: 100% 30px;
}

.paperdiv {
	border-top-left-radius: 65px;
	border: 1px solid #d0d8e0;
	box-shadow: 5px 5px 5px rgba(208, 216, 224, 0.5);
}

.paperdiv:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
	border-bottom: 50px solid #eee;
	border-left: 50px solid transparent;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
}

.paperdiv:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
	border-top: 49px solid #FFFFFF;
	border-right: 49px solid transparent;
}

.bottom-navbar {
	background-color: #f8fafc;
	z-index: 99;
	border: 1px solid #e0e2e5
}

.threetitle-wrapper {
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

.threetitle-wrapper .title {
	text-transform: uppercase;
	transform: translate(-50%, -50%) skew(10deg) rotate(-10deg);
	-webkit-transform: translate(-50%, -50%) skew(10deg) rotate(-10deg);
	-moz-transform: translate(-50%, -50%) skew(10deg) rotate(-10deg);
	-o-transform: translate(-50%, -50%) skew(10deg) rotate(-10deg);
	-ms-transform: translate(-50%, -50%) skew(10deg) rotate(-10deg);
	will-change: transform;
	font-size: 10vw;
	top: 50%;
	left: 50%;
	margin: 0;
	position: absolute;
	font-weight: bolder;
	color: rgba(255, 158, 177, 0.5);
	text-shadow: 1px 4px 6px #e6e2df, 0 0 0 #66303a, 1px 4px 6px #e6e2df;
}

.threetitle-wrapper .title:before {
	content: attr(data-heading);
	position: absolute;
	left: 0;
	top: -4.8%;
	overflow: hidden;
	width: 100%;
	height: 50%;
	color: #fbf7f4;
	transform: translate(1.6vw, 0) skew(-13deg) scale(1, 1.2);
	-webkit-transform: translate(1.6vw, 0) skew(-13deg) scale(1, 1.2);
	-moz-transform: translate(1.6vw, 0) skew(-13deg) scale(1, 1.2);
	-o-transform: translate(1.6vw, 0) skew(-13deg) scale(1, 1.2);
	-ms-transform: translate(1.6vw, 0) skew(-13deg) scale(1, 1.2);
	will-change: transform;
	z-index: 2;
	text-shadow: 2px -1px 6px rgba(0, 0, 0, 0.2);
}

.threetitle-wrapper .title:after {
	content: attr(data-title);
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
	color: #d3cfcc;
	will-change: transform;
	transform: translate(0vw, 0) skew(13deg) scale(1, 0.8);
	-webkit-transform: translate(0vw, 0) skew(13deg) scale(1, 0.8);
	-moz-transform: translate(0vw, 0) skew(13deg) scale(1, 0.8);
	-ms-transform: translate(0vw, 0) skew(13deg) scale(1, 0.8);
	clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
	-moz-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
	-o-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
	text-shadow: 2px -1px 6px rgba(0, 0, 0, 0.3);
}

.shiny {
	color: #f5c21b;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5c21b), to(#d17000));
	background-clip: text;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	-ms-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-ms-text-fill-color: transparent;
	display: inline-block;
	font-size: 7em;
	font-weight: 900;
	position: relative;
	text-transform: uppercase;
}

.shiny:before {
	background-position: -180px;
	will-change: background-position, background-image;
	-webkit-animation: flare 5s infinite;
	-webkit-animation-timing-function: linear;
	background-image: linear-gradient(65deg, transparent 20%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
	background-image: -webkit-linear-gradient(65deg, transparent 20%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
	background-image: -moz-linear-gradient(65deg, transparent 20%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
	background-image: -o-linear-gradient(65deg, transparent 20%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
	background-image: -ms-linear-gradient(65deg, transparent 20%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	-ms-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-ms-text-fill-color: transparent;
	content: attr(data-title);
	color: #fff;
	display: block;
	position: absolute;
}

.shiny:after {
	content: attr(data-title);
	color: #fff;
	display: block;
	position: absolute;
	text-shadow: 0 1px #6e4414, 0 2px #6e4414, 0 3px #6e4414, 0 4px #6e4414, 0 5px #6e4414, 0 6px #6e4414, 0 7px #6e4414, 0 8px #6e4414, 0 9px #6e4414, 0 10px #6e4414;
	top: 0;
	z-index: -1;
}

.inner-shiny:after,
.inner-shiny:before {
	will-change: animation;
	animation: sparkle 5s infinite;
	-webkit-animation: sparkle 5s infinite;
	-moz-animation: sparkle 5s infinite;
	-o-animation: sparkle 5s infinite;
	-ms-animation: sparkle 5s infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 25px #fff, 0 0 30px #fff, 0 0 35px #fff;
	content: "";
	display: block;
	height: 10px;
	opacity: 0.7;
	position: absolute;
	width: 10px;
}

.inner-shiny::before {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	height: 7px;
	left: 0.12em;
	top: 0.8em;
	width: 7px;
}

.inner-shiny::after {
	top: 0.32em;
	right: -5px;
}

@-webkit-keyframes flare {
	0% {
		background-position: -180px;
	}

	30% {
		background-position: 500px;
	}

	100% {
		background-position: 500px;
	}
}

@-webkit-keyframes sparkle {
	0% {
		opacity: 0;
	}

	30% {
		opacity: 0;
	}

	40% {
		opacity: 0.8;
	}

	60% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

.particle-container {
	padding: 40px 0;
	text-align: center;
}

.particle-container .particle-text {
	text-align: center;
	font-size: 40px;
	font-weight: bolder;
	position: relative;
}

.particle-container .particle-text.bubbles>.particle {
	opacity: 0;
	position: absolute;
	background-color: rgba(33, 150, 243, 0.5);
	border-radius: 100%;
	will-change: animation;
	animation: bubbles 3s ease-in infinite;
	-webkit-animation: bubbles 3s ease-in infinite;
	-moz-animation: bubbles 3s ease-in infinite;
	-o-animation: bubbles 3s ease-in infinite;
	-ms-animation: bubbles 3s ease-in infinite;
}

.particle-container .particle-text.lines>.particle {
	position: absolute;
	background-color: rgba(244, 67, 54, 0.5);
	will-change: animation;
	animation: lines 3s linear infinite;
	-webkit-animation: lines 3s linear infinite;
	-moz-animation: lines 3s linear infinite;
	-o-animation: lines 3s linear infinite;
	-ms-animation: lines 3s linear infinite;
}

.particle-container .particle-text.confetti>.particle {
	opacity: 0;
	position: absolute;
	will-change: animation;
	animation: confetti 3s ease-in infinite;
	-webkit-animation: confetti 3s ease-in infinite;
	-moz-animation: confetti 3s ease-in infinite;
	-o-animation: confetti 3s ease-in infinite;
	-ms-animation: confetti 3s ease-in infinite;
}

.particle-container .particle-text.confetti>.particle.c1 {
	background-color: rgba(76, 175, 80, 0.5);
}

.particle-container .particle-text.confetti>.particle.c2 {
	background-color: rgba(156, 39, 176, 0.5);
}

@keyframes bubbles {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 1;
		-webkit-transform: translate(0, -20%);
		-moz-transform: translate(0, -20%);
		-o-transform: translate(0, -20%);
		-ms-transform: translate(0, -20%);
		transform: translate(0, -20%);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, -1000%);
		-moz-transform: translate(0, -1000%);
		-o-transform: translate(0, -1000%);
		-ms-transform: translate(0, -1000%);
		transform: translate(0, -1000%);
	}
}

@keyframes lines {

	0%,
	50%,
	100% {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}

	25% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-o-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}

	75% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@keyframes confetti {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0%) rotate(0deg);
		-moz-transform: translateY(0%) rotate(0deg);
		-o-transform: translateY(0%) rotate(0deg);
		-ms-transform: translateY(0%) rotate(0deg);
		transform: translateY(0%) rotate(0deg);
	}

	10% {
		opacity: 1;
	}

	35% {
		-webkit-transform: translateY(-800%) rotate(270deg);
		-moz-transform: translateY(-800%) rotate(270deg);
		-o-transform: translateY(-800%) rotate(270deg);
		-ms-transform: translateY(-800%) rotate(270deg);
		transform: translateY(-800%) rotate(270deg);
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000%) rotate(1440deg);
		-moz-transform: translateY(2000%) rotate(1440deg);
		-o-transform: translateY(2000%) rotate(1440deg);
		-ms-transform: translateY(2000%) rotate(1440deg);
		transform: translateY(2000%) rotate(1440deg);
	}
}

.slider-container {
	margin: 0;
	height: 100vh;
}

.slider-container .slider {
	will-change: animation, background-image;
	animation: slide 3s ease-in-out infinite alternate;
	-webkit-animation: slide 3s ease-in-out infinite alternate;
	-moz-animation: slide 3s ease-in-out infinite alternate;
	-o-animation: slide 3s ease-in-out infinite alternate;
	-ms-animation: slide 3s ease-in-out infinite alternate;
	background-image: linear-gradient(-60deg, rgba(187, 246, 183, 0.5) 50%, rgba(43, 134, 236, 0.5) 50%);
	background-image: -webkit-linear-gradient(-60deg, rgba(187, 246, 183, 0.5) 50%, rgba(43, 134, 236, 0.5) 50%);
	background-image: -moz-linear-gradient(-60deg, rgba(187, 246, 183, 0.5) 50%, rgba(43, 134, 236, 0.5) 50%);
	background-image: -o-linear-gradient(-60deg, rgba(187, 246, 183, 0.5) 50%, rgba(43, 134, 236, 0.5) 50%);
	background-image: -ms-linear-gradient(-60deg, rgba(187, 246, 183, 0.5) 50%, rgba(43, 134, 236, 0.5) 50%);
	bottom: 0;
	left: -50%;
	opacity: .5;
	position: fixed;
	right: -50%;
	top: 0;
	z-index: -1;
}

.slider-container .slider-one {
	animation-direction: alternate-reverse;
	-webkit-animation-direction: alternate-reverse;
	-moz-animation-direction: alternate-reverse;
	-o-animation-direction: alternate-reverse;
	-ms-animation-direction: alternate-reverse;
	animation-duration: 4s;
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	-ms-animation-duration: 4s;
}

.slider-container .slider-two {
	animation-duration: 5s;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-o-animation-duration: 5s;
	-ms-animation-duration: 5s;
}

.slider-container .content {
	width: 45%;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 1em;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
	left: 50%;
	padding: 30px;
	position: fixed;
	text-align: center;
	top: 50%;
	will-change: transform;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

@keyframes slide {
	0% {
		transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-moz-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
	}

	100% {
		transform: translateX(25%);
		-webkit-transform: translateX(25%);
		-moz-transform: translateX(25%);
		-o-transform: translateX(25%);
		-ms-transform: translateX(25%);
	}
}

.search-container {
	margin: auto;
	width: 100%;
}

.search-container>input.search-input {
	width: 100%;
	padding: 12px 24px;
	font-size: 14px;
	line-height: 18px;
	color: #4369ae;
	background-color: transparent;
	background-image: url(../images/searchIcon.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 95% center;
	border-radius: 50px !important;
	border: 1px solid #4369ae !important;
	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
}

.search-container>input.search-input::placeholder {
	color: rgba(87, 87, 86, 0.8);
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.search-container>input.search-input:focus {
	padding: 12px 0;
	outline: 0;
	border: 1px solid transparent !important;
	border-bottom: 1px solid #4369ae;
	border-radius: 0 !important;
	background-position: 100% center;
	box-shadow: 0 3px rgba(67, 105, 174, 0.5) !important;
}

.ball-loading:before,
.circle-loading:before {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.ball-loading:after {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	pointer-events: none;
	border-radius: 50%;
	opacity: 0.4;
	background: linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	background: -webkit-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	background: -moz-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	background: -o-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	background: -ms-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	animation: ballLoader 0.7s linear infinite alternate forwards;
	-webkit-animation: ballLoader 0.7s linear infinite alternate forwards;
	-moz-animation: ballLoader 0.7s linear infinite alternate forwards;
	-o-animation: ballLoader 0.7s linear infinite alternate forwards;
	-ms-animation: ballLoader 0.7s linear infinite alternate forwards;
	will-change: animation;
}

@keyframes ballLoader {
	to {
		opacity: 1;
		transform: scale3d(0.5, 0.5, 1);
		-webkit-transform: scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		-ms-transform: scale3d(0.5, 0.5, 1);
	}
}

.circle-loading:after {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	pointer-events: none;
	border: 8px solid #ccc;
	border-radius: 50%;
	border-bottom-color: #B03A5B;
	animation: circleLoader 0.8s linear infinite forwards;
	-webkit-animation: circleLoader 0.8s linear infinite forwards;
	-moz-animation: circleLoader 0.8s linear infinite forwards;
	-o-animation: circleLoader 0.8s linear infinite forwards;
	-ms-animation: circleLoader 0.8s linear infinite forwards;
	will-change: animation;
}

@keyframes circleLoader {
	to {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}

.card {
	background: #ccc;
	margin: 0 30px 0 auto;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	width: 100%;
	text-align: center;
	position: relative;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	box-shadow: 0px 17px 46px -10px #777777;
	min-height: 100vh;
	border-radius: 14px;
	-webkit-animation: intro 1s 0.1s forwards;
	-moz-animation: intro 1s 0.1s forwards;
	-o-animation: intro 1s 0.1s forwards;
	-ms-animation: intro 1s 0.1s forwards;
	animation: intro 1s 0.1s forwards;
	will-change: animation, transform, transition;
}

.card-orange {
	background: linear-gradient(45deg, #c96881 0%, #f7b695 100%);
	background: -webkit-linear-gradient(45deg, #c96881 0%, #f7b695 100%);
	background: -moz-linear-gradient(45deg, #c96881 0%, #f7b695 100%);
	background: -o-linear-gradient(45deg, #c96881 0%, #f7b695 100%);
	background: -ms-linear-gradient(45deg, #c96881 0%, #f7b695 100%);
}

.card-info {
	background: linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	background: -webkit-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	background: -moz-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	background: -o-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
	background: -ms-linear-gradient(45deg, #6B6ECC 0%, #89BFDF 100%);
}

.card-success {
	background: linear-gradient(45deg, #81B77B 0%, #A3E3C3 100%);
	background: -webkit-linear-gradient(45deg, #81B77B 0%, #A3E3C3 100%);
	background: -moz-linear-gradient(45deg, #81B77B 0%, #A3E3C3 100%);
	background: -o-linear-gradient(45deg, #81B77B 0%, #A3E3C3 100%);
	background: -ms-linear-gradient(45deg, #81B77B 0%, #A3E3C3 100%);
}

.card-primary {
	background: linear-gradient(45deg, #031131 0%, #89BFDF 100%);
	background: -webkit-linear-gradient(45deg, #031131 0%, #89BFDF 100%);
	background: -moz-linear-gradient(45deg, #031131 0%, #89BFDF 100%);
	background: -o-linear-gradient(45deg, #031131 0%, #89BFDF 100%);
	background: -ms-linear-gradient(45deg, #031131 0%, #89BFDF 100%);
}

.card-title {
	border-bottom: 1px solid white;
	color: #ffffff;
	padding: 10px 0px;
}

.card-header {
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}

.card-header img {
	max-width: 100%;
	max-height: 150px;
	padding-top: 20px;
	position: relative;
}

.card-content {
	padding: 10px 0px 60px 0px;
	color: #fff;
}

.card-content .summary {
	border-left: solid 2px #ccc;
	padding-left: 10px;
}

.card-button {
	position: absolute;
	bottom: -24px;
	left: 0;
	right: 0;
	margin: auto;
	width: 200px;
}

.card-button button {
	padding: 16px;
	box-shadow: 0px 0px 40px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset;
	width: 100%;
	background: -webkit-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
	background: -moz-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
	background: -o-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
	background: -ms-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
	background: linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
	border: none;
	color: white;
	outline: none;
	font-size: 20px;
	border-radius: 6px;
	-webkit-transform: scale(0.94);
	-moz-transform: scale(0.94);
	-o-transform: scale(0.94);
	-ms-transform: scale(0.94);
	transform: scale(0.94);
	will-change: transform, transition;
	cursor: pointer;
	-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s 0.1s;
	-moz-transition: box-shadow 0.3s, -moz-transform 0.3s 0.1s;
	-o-transition: box-shadow 0.3s, -o-transform 0.3s 0.1s;
	-ms-transition: box-shadow 0.3s, -ms-transform 0.3s 0.1s;
	transition: box-shadow 0.3s, transform 0.3s 0.1s;
}

.card-button button.c-success {
	box-shadow: 0px 0px 40px 4px #3abd7a, 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset;
	background: -webkit-linear-gradient(-90deg, #09c163 0%, #1e8d54 100%);
	background: -moz-linear-gradient(-90deg, #09c163 0%, #1e8d54 100%);
	background: -o-linear-gradient(-90deg, #09c163 0%, #1e8d54 100%);
	background: -ms-linear-gradient(-90deg, #09c163 0%, #1e8d54 100%);
	background: linear-gradient(-90deg, #09c163 0%, #1e8d54 100%);
}

.card-button button.c-primary {
	box-shadow: 0px 0px 40px 4px #75b3e8, 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset;
	background: -webkit-linear-gradient(-90deg, #044ff2 0%, #54aaf2 100%);
	background: -moz-linear-gradient(-90deg, #044ff2 0%, #54aaf2 100%);
	background: -o-linear-gradient(-90deg, #044ff2 0%, #54aaf2 100%);
	background: -ms-linear-gradient(-90deg, #044ff2 0%, #54aaf2 100%);
	background: linear-gradient(-90deg, #044ff2 0%, #54aaf2 100%);
}

.card-button button.c-warning {
	box-shadow: 0px 0px 40px 4px #e6b77e, 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset;
	background: -webkit-linear-gradient(-90deg, #de8b0e 0%, #e06f21 100%);
	background: -moz-linear-gradient(-90deg, #de8b0e 0%, #e06f21 100%);
	background: -o-linear-gradient(-90deg, #de8b0e 0%, #e06f21 100%);
	background: -ms-linear-gradient(-90deg, #de8b0e 0%, #e06f21 100%);
	background: linear-gradient(-90deg, #de8b0e 0%, #e06f21 100%);
}

.card-button button.c-danger {
	box-shadow: 0px 0px 40px 4px #dd5a43, 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset;
	background: -webkit-linear-gradient(-90deg, #e02121 0%, #e02121 100%);
	background: -moz-linear-gradient(-90deg, #e02121 0%, #e02121 100%);
	background: -o-linear-gradient(-90deg, #e02121 0%, #e02121 100%);
	background: -ms-linear-gradient(-90deg, #e02121 0%, #e02121 100%);
	background: linear-gradient(-90deg, #e02121 0%, #e02121 100%);
}


.card-back {
	position: absolute;
	color: #fff;
	top: 5px;
	right: 10px;
}

@keyframes intro {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	25% {
		-webkit-transform: scale(1.06);
		-moz-transform: scale(1.06);
		-o-transform: scale(1.06);
		-ms-transform: scale(1.06);
		transform: scale(1.06);
	}

	50% {
		-webkit-transform: scale(0.965);
		-moz-transform: scale(0.965);
		-o-transform: scale(0.965);
		-ms-transform: scale(0.965);
		transform: scale(0.965);
	}

	75% {
		-webkit-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-o-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.text-indent {
	margin: 0;
	text-indent: 2em;
}

.course-wrapper {
	padding: 10px;
	text-align: center;
	-webkit-animation: fadeInDownBig 1s 0.1s forwards;
	-moz-animation: fadeInDownBig 1s 0.1s forwards;
	-o-animation: fadeInDownBig 1s 0.1s forwards;
	-ms-animation: fadeInDownBig 1s 0.1s forwards;
	animation: fadeInDownBig 1s 0.1s forwards;
	will-change: animation;
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-moz-transform: translateY(-2000px);
		-o-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}

.course-wrapper .course-item {
	max-width: 100%;
	position: relative;
	z-index: 1;
	box-shadow: 6px 6px 30px #aaa;
}

.course-item .course-img {
	position: relative;
	max-width: 100%;
	height: 200px;
	overflow: hidden;
}

.course-img .title {
	margin: 1em 0;
	font-size: 30px;
	position: absolute;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 0.3em 0.4em;
	width: 100%;
	color: #222;
	font-weight: bolder;
	text-align: left;
	letter-spacing: 5px;
}

.course-img img {
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	will-change: transform;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.course-content {
	padding: 1em 0.8em;
	text-align: left;
}

.course-content .summary {
	color: #7c9eb2;
	border-left: solid 2px #5b95c7;
	background: #f2f5f6;
	margin: 10px 0px;
	font-size: 16px;
	padding: 10px;
	font-style: italic;
}

.summary .summary-item {
	display: block;
	font-size: 18px;
}

.summary-primary {
	display: inline-block;
	margin: 3px 3px 3px 0;
	padding: 5px 10px;
	border-radius: 5px;
	font-style: normal;
	font-weight: bolder;
	color: #3897c1;
	background: rgba(56, 151, 193, 0.2);
}

.summary-success {
	display: inline-block;
	margin: 3px 3px 3px 0;
	padding: 5px 10px;
	border-radius: 5px;
	font-style: normal;
	font-weight: bolder;
	color: #69aa46;
	background: rgba(56, 193, 88, 0.2);
}

.course-item .divider {
	width: 100%;
	height: 1px;
	background-color: #ddd;
}

.course-footer {
	padding: 0.5em;
	display: flex;
	justify-content: space-between;
}

.course-back {
	position: absolute;
	width: 0;
	height: 0;
	top: 10px;
	border-top: 60px solid #FF7372;
	border-right: 60px solid transparent;
	z-index: 9;
}

.course-back span {
	position: absolute;
	margin-top: -50px;
	margin-left: 8px;
}

.olive-container {
	height: 100%;
	position: relative;
}

.olive-panel {
	width: 100%;
	height: 120px;
	position: relative;
	border: 5px solid transparent;
	padding: 15px 20px;
	background: -webkit-linear-gradient(90deg, #e6e6e6, #ececec) padding-box,
		-webkit-linear-gradient(to right bottom, #fff, #c8c8c8) border-box;
	background: -moz-linear-gradient(90deg, #e6e6e6, #ececec) padding-box,
		-moz-linear-gradient(to right bottom, #fff, #c8c8c8) border-box;
	background: -o-linear-gradient(90deg, #e6e6e6, #ececec) padding-box,
		-o-linear-gradient(to right bottom, #fff, #c8c8c8) border-box;
	background: -ms-linear-gradient(90deg, #e6e6e6, #ececec) padding-box,
		-ms-linear-gradient(to right bottom, #fff, #c8c8c8) border-box;
	background: linear-gradient(90deg, #e6e6e6, #ececec) padding-box,
		linear-gradient(to right bottom, #fff, #c8c8c8) border-box;
	box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
	border-radius: 200px;
	margin-bottom: 40px;
}

.olive-title {
	margin: -25px 0;
	border: 2px solid transparent;
	padding: 45px 10px;
	width: 130px;
	border-radius: 0 50%;
	box-shadow: inherit;
	background: -webkit-linear-gradient(45deg, #ee8c35, #ad4716) padding-box,
		-webkit-linear-gradient(-45deg, #ee8c35, #ad4716) border-box;
	background: -moz-linear-gradient(45deg, #ee8c35, #ad4716) padding-box,
		-moz-linear-gradient(-45deg, #ee8c35, #ad4716) border-box;
	background: -o-linear-gradient(45deg, #ee8c35, #ad4716) padding-box,
		-o-linear-gradient(-45deg, #ee8c35, #ad4716) border-box;
	background: -ms-linear-gradient(45deg, #ee8c35, #ad4716) padding-box,
		-ms-linear-gradient(-45deg, #ee8c35, #ad4716) border-box;
	background: linear-gradient(45deg, #ee8c35, #ad4716) padding-box,
		linear-gradient(-45deg, #ee8c35, #ad4716) border-box;
	color: #fff;
	font-weight: bolder;
	text-align: center;
	display: inline-block;
	line-height: 45px;
	font-size: 25px;
	float: left
}

.olive-btn {
	color: #ad4716;
	border: 3px solid #ee8c35;
	background: transparent;
	border-radius: 10px;
	font-size: 16px;
}

.olive-wrapper {
	height: 100%;
	width: 45%;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	text-align: center;
}

.star-btn {
	top: -35px;
	right: -15px;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background: transparent;
	position: absolute;
}

.star-btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bolder;
	color: #8B0000;
	position: absolute;
}

.star-btn .star-img {
	background: transparent url(../images/star.png) no-repeat center center;
	background-size: cover;
	opacity: 1;
	-webkit-animation: rotate 1s linear;
	-moz-animation: rotate 1s linear;
	-o-animation: rotate 1s linear;
	-ms-animation: rotate 1s linear;
	animation: rotate 1s linear;
	will-change: animation;
}

@keyframes rotate {
	0% {
		-webkit-transform: scale(1) rotate(0);
		-moz-transform: scale(1) rotate(0);
		-o-transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}

	50% {
		-webkit-transform: scale(0.5) rotate(180deg);
		-moz-transform: scale(0.5) rotate(180deg);
		-o-transform: scale(0.5) rotate(180deg);
		-ms-transform: scale(0.5) rotate(180deg);
		transform: scale(0.5) rotate(180deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(360deg);
		-moz-transform: scale(1) rotate(360deg);
		-o-transform: scale(1) rotate(360deg);
		-ms-transform: scale(1) rotate(360deg);
		transform: scale(1) rotate(360deg);
	}
}

.folder-container {
	position: relative;
	width: 100%;
	height: 100vh;
}

.folder-header {
	height: 170px;
	text-align: center;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.folder-item {
	width: 100%;
	height: 300px;
	text-align: center;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform, transition;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.5s 0.4s;
	-moz-transition: -moz-transform 0.5s 0.4s;
	-o-transition: -o-transform 0.5s 0.4s;
	-ms-transition: -ms-transform 0.5s 0.4s;
	transition: transform 0.5s 0.4s;
}

.folder-primary {
	background-color: #363558;
}

.folder-purple {
	background-color: #544173;
}

.folder-grey {
	background-color: #dadcdc;
}

.folder-green {
	background-color: #65d29b;
}

.folder-item>a {
	display: table;
	height: 100%;
	width: 100%;
	overflow: hidden;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-o-osx-font-smoothing: grayscale;
	-ms-osx-font-smoothing: grayscale;
	text-decoration: none;
}

a.dark-text,
a.dark-text .folder-btn {
	color: #363558;
	border-color: #363558;
}


.folder-item .title {
	font-size: 4rem;
	margin: 0;
}

.folder-item .desc {
	line-height: 1.2;
	font-size: 1.4rem;
	opacity: 0.6;
	padding: 1em 0;
	margin: 0;
}

.folder-item .folder-btn {
	display: inline-block;
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: 5px;
	padding: 1em 1.3em;
	border-radius: 50em;
	border: 1px solid #fff;
}

.folder-panel {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: visibility 0s 0.9s;
	-moz-transition: visibility 0s 0.9s;
	-o-transition: visibility 0s 0.9s;
	-ms-transition: visibility 0s 0.9s;
	transition: visibility 0s 0.9s;
}

.folder-panel.is-open {
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	-moz-transition: visibility 0s 0s;
	-o-transition: visibility 0s 0s;
	-ms-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
}

.folder-panel .panel-wrapper {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	-o-perspective: 2000px;
	-ms-perspective: 2000px;
	perspective: 2000px;
	-webkit-perspective-origin: 0% 50%;
	-moz-perspective-origin: 0% 50%;
	-o-perspective-origin: 0% 50%;
	-ms-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.folder-panel .panel-wrapper:after {
	background-color: #c0c3c3;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-o-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-perspective-origin: 0% 50%;
	-moz-perspective-origin: 0% 50%;
	-o-perspective-origin: 0% 50%;
	-ms-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.5s 0.4s, background-color 0.5s 0.4s;
	-moz-transition: -moz-transform 0.5s 0.4s, background-color 0.5s 0.4s;
	-o-transition: -o-transform 0.5s 0.4s, background-color 0.5s 0.4s;
	-ms-transition: -ms-transform 0.5s 0.4s, background-color 0.5s 0.4s;
	transition: transform 0.5s 0.4s, background-color 0.5s 0.4s;
	-webkit-transform: translateX(-100%) rotateY(-90deg) translateZ(0);
	-moz-transform: translateX(-100%) rotateY(-90deg) translateZ(0);
	-o-transform: translateX(-100%) rotateY(-90deg) translateZ(0);
	-ms-transform: translateX(-100%) rotateY(-90deg) translateZ(0);
	transform: translateX(-100%) rotateY(-90deg) translateZ(0);
	will-change: transform, transition;
}

.folder-panel.is-open .panel-wrapper:after {
	background-color: #f9fafa;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.5s 0s, background-color 0.5s 0s;
	-moz-transition: -moz-transform 0.5s 0s, background-color 0.5s 0s;
	-o-transition: -o-transform 0.5s 0s, background-color 0.5s 0s;
	-ms-transition: -ms-transform 0.5s 0s, background-color 0.5s 0s;
	transition: transform 0.5s 0s, background-color 0.5s 0s;
	will-change: transform, transition;
}

.folder-panel .panel-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 0px;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.4s;
	-moz-transition: visibility 0s 0.4s;
	-o-transition: visibility 0s 0.4s;
	-ms-transition: visibility 0s 0.4s;
	transition: visibility 0s 0.4s;
}

.is-open .panel-content {
	overflow-y: auto;
	visibility: visible;
	-webkit-transition: visibility 0s 0.5s;
	-moz-transition: visibility 0s 0.5s;
	-o-transition: visibility 0s 0.5s;
	-ms-transition: visibility 0s 0.5s;
	transition: visibility 0s 0.5s;
}

.panel-content .folder-btn {
	position: absolute;
	z-index: 1;
	display: inline-block;
	top: 10px;
	right: 10px;
	color: #544173;
	text-decoration: none;
}

.class-wrapper {
	text-align: center;
	position: relative;
}

.class-wrapper .class-item {
	max-width: 100%;
	position: relative;
	z-index: 1;
	box-shadow: 6px 6px 30px #aaa;
}

.class-item .class-img {
	position: relative;
	max-width: 100%;
	height: 150px;
	overflow: hidden;
}

.class-img img {
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	will-change: transform;
}

.class-item .title {
	margin: 0;
	font-size: 40px;
	position: absolute;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: bolder;
	display: flex;
	justify-content: center;
	align-items: center;
}

.face-wrapper {
	background: #1E3647;
	color: white;
	height: 100vh;
	padding: 50px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.face-wrapper .face-modal {
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotateX(30deg) rotateY(30deg) translateY(3000px) translateZ(0);
	-moz-transform: rotateX(30deg) rotateY(30deg) translateY(3000px) translateZ(0);
	-ms-transform: rotateX(30deg) rotateY(30deg) translateY(3000px) translateZ(0);
	-o-transform: rotateX(30deg) rotateY(30deg) translateY(3000px) translateZ(0);
	transform: rotateX(30deg) rotateY(30deg) translateY(3000px) translateZ(0);
	-webkit-animation: slideInUp 1s cubic-bezier(0, 0.6, 0.3, 1) both;
	-moz-animation: slideInUp 1s cubic-bezier(0, 0.6, 0.3, 1) both;
	-o-animation: slideInUp 1s cubic-bezier(0, 0.6, 0.3, 1) both;
	-ms-animation: slideInUp 1s cubic-bezier(0, 0.6, 0.3, 1) both;
	animation: slideInUp 1s cubic-bezier(0, 0.6, 0.3, 1) both;
	will-change: opacity, transform, visibility, animation;
}

@-webkit-keyframes slideInUp {
	10% {
		opacity: 1;
		visibility: visible;
	}

	100% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.face-modal .face-flash {
	position: relative;
	width: 100%;
}

.face-flash .inside {
	min-height: 280px;
}

.face-success .inside,
.face-success .icon,
.face-success .btn-item {
	background-color: #5FB67D;
	border-radius: 6px;
}

.face-warning .inside,
.face-warning .icon,
.face-warning .btn-item {
	background-color: #E1C55E;
	border-radius: 6px;
}

.face-error .inside,
.face-error .icon,
.face-error .btn-item {
	background-color: #C46465;
	border-radius: 6px;
}

.face-flash .icon {
	position: absolute;
	top: -48px;
	left: calc(70% - 48px);
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 100px;
	border-radius: 100%;
}

.face-flash .face-content {
	height: 100%;
	padding: 40px 10px;
}

.face-flash .face-content p {
	font-size: 30px;
	letter-spacing: 4px;
	line-height: 35px;
}

.face-flash .face-btn {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	position: absolute;
	bottom: -34px;
	left: calc(50% - 84px);
	width: 168px;
}

.face-btn .btn-item {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border: 0;
	border-radius: 100%;
	padding: 0;
	outline: none;
}

.face-btn .btn-item i {
	font-size: 30px;
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 100%;
	background-color: white;
}

.face-success .btn-item i {
	color: #5FB67D;
}

.face-warning .btn-item i {
	color: #E1C55E;
}

.face-error .btn-item i {
	color: #C46465;
}

.face-btn .btn-item .text {
	position: absolute;
	bottom: -35px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 20px;
	font-weight: bolder;
}

.face-btn .btn-item:hover,
.face-btn .btn-item:focus {
	-webkit-transition: all 400ms cubic-bezier(0.6, 0, 0.1, 2);
	-moz-transition: all 400ms cubic-bezier(0.6, 0, 0.1, 2);
	-o-transition: all 400ms cubic-bezier(0.6, 0, 0.1, 2);
	-ms-transition: all 400ms cubic-bezier(0.6, 0, 0.1, 2);
	transition: all 400ms cubic-bezier(0.6, 0, 0.1, 2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	will-change: transition, transform;
}

.search-media {
	border: 1px solid #ddd;
	margin-top: -1px;
	padding: 12px 100px 12px 12px;
	-webkit-transition: border .1s ease-in-out 0s;
	-moz-transition: border .1s ease-in-out 0s;
	-o-transition: border .1s ease-in-out 0s;
	-ms-transition: border .1s ease-in-out 0s;
	transition: border .1s ease-in-out 0s;
	position: relative
}

.search-media:hover {
	border-color: #75A8CE;
	z-index: 1
}

.search-media .search-actions {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 20%;
	min-width: 100px;
	max-width: 150px;
	padding: 6px 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
}

.search-media .search-actions::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 16px;
	width: 1px;
	height: 100%;
	background-image: -webkit-linear-gradient(top, #FFF 0, #DDD 100%);
	background-image: -moz-linear-gradient(top, #FFF 0, #DDD 100%);
	background-image: -o-linear-gradient(top, #FFF 0, #DDD 100%);
	background-image: -ms-linear-gradient(top, #FFF 0, #DDD 100%);
	background-image: linear-gradient(to bottom, #FFF 0, #DDD 100%);
	background-repeat: repeat-x;
}

.search-media:hover .search-actions {
	background-color: #F0F4F7
}

.search-media.disabled:hover .search-actions {
	background-color: #F6F6F6
}

.search-media:not(.disabled):hover .search-actions::before {
	background-image: -webkit-linear-gradient(top, #FFF 0, #84bee5 100%);
	background-image: -moz-linear-gradient(top, #FFF 0, #84bee5 100%);
	background-image: -o-linear-gradient(top, #FFF 0, #84bee5 100%);
	background-image: -ms-linear-gradient(top, #FFF 0, #84bee5 100%);
	background-image: linear-gradient(to bottom, #FFF 0, #84bee5 100%);
	background-repeat: repeat-x;
}

.search-media .search-btn-action {
	bottom: 0px;
	position: absolute;
}

.search-media .media-body,
.search-media .media-left,
.search-media .media-right {
	display: table-cell;
	vertical-align: top;
}

.media-left,
.media>.pull-left {
	padding-right: 10px;
}


.login-wrapper {
	background: -webkit-linear-gradient(top left, #b5d2e6 0%, #2a8bcc 100%);
	background: -moz-linear-gradient(top left, #b5d2e6 0%, #2a8bcc 100%);
	background: -o-linear-gradient(top left, #b5d2e6 0%, #2a8bcc 100%);
	background: -ms-linear-gradient(top left, #b5d2e6 0%, #2a8bcc 100%);
	background: linear-gradient(to bottom right, #b5d2e6 0%, #2a8bcc 100%);
	height: 100%;
}

.login-wrapper.l-green {
	background: -webkit-linear-gradient(top left, #81B77B 0%, #A3E3C3 100%);
	background: -moz-linear-gradient(top left, #81B77B 0%, #A3E3C3 100%);
	background: -o-linear-gradient(top left, #81B77B 0%, #A3E3C3 100%);
	background: -ms-linear-gradient(top left, #81B77B 0%, #A3E3C3 100%);
	background: linear-gradient(to bottom right, #81B77B 0%, #A3E3C3 100%);
}

.login-wrapper.l-orange {
	background: -webkit-linear-gradient(top left, #c96881 0%, #f7b695 100%);
	background: -moz-linear-gradient(top left, #c96881 0%, #f7b695 100%);
	background: -o-linear-gradient(top left, #c96881 0%, #f7b695 100%);
	background: -ms-linear-gradient(top left, #c96881 0%, #f7b695 100%);
	background: linear-gradient(to bottom right, #c96881 0%, #f7b695 100%);
}

.login-wrapper.l-blue {
	background: -webkit-linear-gradient(top left, #6B6ECC 0%, #89BFDF 100%);
	background: -moz-linear-gradient(top left, #6B6ECC 0%, #89BFDF 100%);
	background: -o-linear-gradient(top left, #6B6ECC 0%, #89BFDF 100%);
	background: -ms-linear-gradient(top left, #6B6ECC 0%, #89BFDF 100%);
	background: linear-gradient(to bottom right, #6B6ECC 0%, #89BFDF 100%);
}

.login-wrapper .title {
	font-size: 30px;
	margin: 0;
	font-weight: 200;
	color: white;
	text-align: center;
	padding-top: 10px;
}

.login-wrapper .form-container {
	padding: 20px 0;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column
}

.form-container input.form-ele {
	outline: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(255, 255, 255, 0.2);
	width: 250px;
	border-radius: 3px !important;
	padding: 10px 15px;
	margin: 0 auto 10px auto;
	display: block;
	text-align: center;
	font-size: 18px;
	color: white;
	font-weight: 300;
}

.login-wrapper .square-bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.square-bubbles .bubble {
	position: fixed;
	display: block;
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.15);
	bottom: -160px;
	-webkit-animation: square 25s infinite;
	-moz-animation: square 25s infinite;
	-o-animation: square 25s infinite;
	-ms-animation: square 25s infinite;
	animation: square 25s infinite;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	transition-timing-function: linear;
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		-moz-transform: translateY(-700px) rotate(600deg);
		-o-transform: translateY(-700px) rotate(600deg);
		-ms-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg);
	}
}

.ribbon-vertical {
	position: relative;
	color: white;
	display: inline-block;
}

.ribbon-vertical .ribbon {
	display: inline-block;
	width: 40px;
	padding: 5px 0;
	background: #F47530;
	top: -6px;
	left: 25px;
	position: absolute;
	text-align: center;
	border-top-left-radius: 3px;
	font-size: 14px;
}

.ribbon-vertical .ribbon:before {
	height: 0;
	width: 0;
	border-bottom: 6px solid #8D5A20;
	border-right: 6px solid transparent;
	right: -6px;
	top: 0;
}

.ribbon-vertical .ribbon:before,
.ribbon-vertical .ribbon:after {
	content: "";
	position: absolute;
}

.ribbon-vertical .ribbon:after {
	height: 0;
	width: 0;
	border-left: 20px solid #F47530;
	border-right: 20px solid #F47530;
	border-bottom: 20px solid transparent;
	bottom: -20px;
	left: 0;
}

.ribbon-vertical .ribbon-grey {
	background: #a0a0a0 !important;
}

.ribbon-vertical .ribbon-grey:after {
	border-left-color: #a0a0a0 !important;
	border-right-color: #a0a0a0 !important;
}

.ribbon-vertical .ribbon-success {
	background: #82af6f !important;
}

.ribbon-vertical .ribbon-success:after {
	border-left-color: #82af6f !important;
	border-right-color: #82af6f !important;
}

.ribbon-vertical .ribbon-warning {
	background: #f89406 !important;
}

.ribbon-vertical .ribbon-warning:after {
	border-left-color: #f89406 !important;
	border-right-color: #f89406 !important;
}

.ribbon-vertical .ribbon-danger {
	background: #d15b47 !important;
}

.ribbon-vertical .ribbon-danger:after {
	border-left-color: #d15b47 !important;
	border-right-color: #d15b47 !important;
}

.ribbon-vertical .ribbon-info {
	background: #6fb3e0 !important;
}

.ribbon-vertical .ribbon-info:after {
	border-left-color: #6fb3e0 !important;
	border-right-color: #6fb3e0 !important;
}

.ribbon-vertical .ribbon-primary {
	background: #428bca !important;
}

.ribbon-vertical .ribbon-primary:after {
	border-left-color: #428bca !important;
	border-right-color: #428bca !important;
}

.ribbon-vertical .ribbon-inverse {
	background: #333 !important;
}

.ribbon-vertical .ribbon-inverse:after {
	border-left-color: #333 !important;
	border-right-color: #333 !important;
}

.ribbon-vertical .ribbon-pink {
	background: #d6487e !important;
}

.ribbon-vertical .ribbon-pink:after {
	border-left-color: #d6487e !important;
	border-right-color: #d6487e !important;
}

.ribbon-vertical .ribbon-yellow {
	background: #e4bb3c !important;
}

.ribbon-vertical .ribbon-yellow:after {
	border-left-color: #e4bb3c !important;
	border-right-color: #e4bb3c !important;
}

.ribbon-vertical .ribbon-purple {
	background: #9585bf !important;
}

.ribbon-vertical .ribbon-purple:after {
	border-left-color: #9585bf !important;
	border-right-color: #9585bf !important;
}

.limiterBox.top:before {
	bottom: -8px;
	top: auto;
	border-color: transparent;
	border-top-color: #333;
	border-width: 8px 8px 0;
}

.limiterBox.left:before {
	top: 4px;
	left: auto;
	right: -8px;
	border-color: transparent;
	border-left-color: #333;
	border-width: 8px 0px 8px 8px;
}

.limiterBox.right:before {
	top: 4px;
	left: -3px;
	border-color: transparent;
	border-right-color: #333;
	border-width: 8px 8px 8px 0px;
}

.tree-folder-header.tree-selected i {
	color: inherit !important;
}

.btn.btn-lg.ace-settings-btn {
	width: 80px !important;
	padding: 5px 0 0;
}

.text-divider {
	display: flex;
	align-items: center;
	margin: 16px 0;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 24px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0;
}

.text-divider:before,
.text-divider:after {
	display: block;
	content: '';
	flex: 1;
	box-sizing: border-box;
	height: 1px;
	border-color: inherit;
	border-style: inherit;
	border-width: 1px 0 0;
	transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
	-moz-transform: scaleY(0.5);
	-o-transform: scaleY(0.5);
}

.text-divider:before {
	margin-right: 16px;
}

.text-divider:after {
	margin-left: 16px;
}

.loginicon {
	background-color: transparent;
	display: inline-block;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	color: #FFF;
	font-size: 40px;
	line-height: 50px;
	margin-right: 10px;
	margin-left: 0;
	text-shadow: none !important;
	border: 1px solid #FFF;
}

.swal-footer {
	text-align: center;
}

.swal-footer .swal-button {
	font-size: 16px;
	padding: 10px 32px;
}

.nav-boxes {
	padding-bottom: 3px;
	border-bottom: 1px solid #6785c1;
	margin: 0;
}

.nav-boxes>li {
	float: left;
	margin-bottom: -1.5px;
	margin-left: 0 !important;
	z-index: 12;
	transition: background-color 0.5s linear;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	-ms-transition: background-color 0.5s linear;
	position: relative;
	background-color: #003399;
	margin-right: 10px;
}

.nav-boxes>li.active>a {
	background-color: #0099ff;
}

.nav-boxes+.tab-content {
	border: none;
}

.nav-boxes>li>a:hover,
.nav-boxes>li>a:focus {
	background-color: #0099ff;
}

.nav-boxes>li>a:before {
	content: '';
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #FEBF00;
	height: 5px;
	transition-property: 'left, right';
	-webkit-transition-property: 'left, right';
	-moz-transition-property: 'left, right';
	-o-transition-property: 'left, right';
	-ms-transition-property: 'left, right';
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
}

.nav-boxes>li.active>a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #FEBF00;
	height: 5px;
	width: 100%;
}

.nav-boxes>li>a:hover:before,
.nav-boxes>li>a:focus:before {
	left: 0;
	right: 0;
}

.nav-boxes>li.active>a>.badge {
	color: #FFFFFF
}

.btn.radius-5 {
	border-radius: 5px !important;
}

.vue-treeselect--single .vue-treeselect__input-container input {
	border: none;
	height: auto;
	line-height: normal;
	margin-top: 3px;
}

.table-form {
	position: relative;
	text-align: center;
	display: table;
	border: 1px solid #ddd;
	width: 100%;
}

.table-form .tobody-ele {
	display: table-row-group;
}

.table-form .tr-ele {
	display: table-row;
}

.table-form .tr-ele .td-ele {
	padding: 8px;
	display: table-cell;
	vertical-align: middle;
}

.table-form .tr-ele:not(:last-child):not(:only-child)>.td-ele {
	border-bottom: 1px solid #ddd;
}

.table-form .tr-ele .td-ele:first-child {
	border-right: 1px solid #ddd;
	width: 30%;
}

.table-form .tr-ele:hover>.td-ele {
	background-color: #f5f5f5;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.btn-group>.btn.btn-secondary {
	border-radius: .25rem !important;
}

.dropup .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent;
}

.btn-group>.btn.btn-sm>.caret {
	display: none;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	margin: 2px 0;
}

.dropdown-item.active,
.dropdown-item:hover {
	color: #fff;
	text-decoration: none;
	background-color: #4f99c6;
}

.van-toast {
	width: auto !important;
	min-width: 90px;
}

.vue-treeselect__input-container input {
	border: none !important;
}

.nav-square {
	background-color: #f5f6f7;
	border-radius: .3125rem;
	color: #8B9AA3;
	font-size: .875rem;
	line-height: .875rem;
	position: relative;
	margin-right: .25rem;
	height: 3rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.nav-square.active {
	background-color: #d9edf7;
	color: #31708f;
}

.nav-square.active::after {
	bottom: 2.9375rem;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #d9edf7;
	border-width: 6px;
	margin-left: -6px
}

.list-inline .square {
	background-color: #f5f6f7;
	color: #484544;
	font-size: 1rem;
	line-height: 1rem;
	position: relative;
	margin: 0.5rem;
	height: 2.5rem;
	letter-spacing: 0.5px;
}

.list-inline .square.active {
	background-color: #d9edf7;
	color: #31708f;
}

.list-inline .square .selected {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 15px solid #428bca;
	border-left: 25px solid transparent;
}

.list-inline .square.active .selected {
	display: block;
}

.list-inline .square .selected::before {
	content: "\f00c";
	color: #FFFFFF;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	position: absolute;
	right: 0;
	top: 3px;
}

.list-inline .square .info {
	position: absolute;
	top: 0;
	right: 5px;
	min-width: 16px;
	padding: 0 3px;
	color: #fff;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	background-color: #ee0a24;
	border: 1px solid #fff;
	border-radius: 16px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
}

input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
	content: "是\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0否" !important;
}

.bootstrap-table .fixed-table-toolbar {
	display: none;
}

.bootstrap-table .fixed-table-toolbar .search .input-group {
	display: flex;
	justify-content: center;
	align-items: center;
}

.van-field .van-icon.van-icon-question-o {
	color: #1989fa;
	font-size: 20px;
}

.van-empty .van-empty__image {
	width: 100px;
	height: 100px;
}

.ribbon-badge,
.ribbon-corner,
.ribbon-inner {
	overflow: hidden
}

.ribbon-bookmark .ribbon-inner:before,
.ribbon-clip:before,
.ribbon-corner:before {
	content: ""
}

.ribbon {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 150px;
	height: 150px;
	text-align: center;
	background-color: transparent
}

.ribbon-inner {
	max-width: 100%;
	z-index: 9;
	position: absolute;
	top: 16px;
	left: 0;
	display: inline-block;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 30px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #526069
}

.ribbon-inner .icon {
	font-size: 16px
}

.ribbon-lg .ribbon-inner {
	height: 38px;
	font-size: 1.286rem;
	line-height: 38px
}

.ribbon-corner.ribbon-sm .ribbon-inner>.icon,
.ribbon-corner.ribbon-xs .ribbon-inner>.icon,
.ribbon-xs .ribbon-inner {
	font-size: .858rem
}

.ribbon-sm .ribbon-inner {
	height: 26px;
	font-size: .858rem;
	line-height: 26px
}

.ribbon-xs .ribbon-inner {
	height: 22px;
	line-height: 22px
}

.ribbon-vertical .ribbon-inner {
	top: 0;
	left: 16px;
	width: 30px;
	height: 60px;
	padding: 15px 0
}

.ribbon-vertical.ribbon-xs .ribbon-inner {
	width: 22px;
	height: 50px
}

.ribbon-vertical.ribbon-sm .ribbon-inner {
	width: 26px;
	height: 55px
}

.ribbon-vertical.ribbon-lg .ribbon-inner {
	width: 38px;
	height: 70px
}

.ribbon-reverse {
	right: -3px;
	left: auto
}

.ribbon-reverse .ribbon-inner {
	right: 0;
	left: auto
}

.ribbon-reverse.ribbon-vertical .ribbon-inner {
	right: 16px
}

.ribbon-bookmark .ribbon-inner {
	padding-right: 42px;
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #526069 0);
	background-image: linear-gradient(to left, transparent 22px, #526069 0);
	box-shadow: none
}

.ribbon-bookmark .ribbon-inner:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	border: 15px solid #526069;
	border-right: 10px solid transparent
}

.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	height: 82px;
	padding-right: 0;
	padding-bottom: 37px;
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #526069 0);
	background-image: linear-gradient(to top, transparent 22px, #526069 0)
}

.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	top: auto;
	bottom: 0;
	left: 0;
	margin-top: -15px;
	border-right: 15px solid #526069;
	border-bottom: 10px solid transparent
}

.ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before {
	margin-top: -11px
}

.ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before {
	margin-top: -13px
}

.ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before {
	margin-top: -19px
}

.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	padding-right: 20px;
	padding-left: 42px;
	background-image: -webkit-linear-gradient(left, transparent 22px, #526069 0);
	background-image: linear-gradient(to right, transparent 22px, #526069 0)
}

.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	left: 0;
	border-right: 15px solid #526069;
	border-left: 10px solid transparent
}

.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner {
	padding-right: 0;
	padding-left: 0
}

.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before {
	right: auto;
	left: 0;
	border-right-color: #526069;
	border-bottom-color: transparent;
	border-left: 15px solid #526069
}

.ribbon-bookmark.ribbon-xs .ribbon-inner:before {
	border-width: 11px
}

.ribbon-bookmark.ribbon-sm .ribbon-inner:before {
	border-width: 13px
}

.ribbon-bookmark.ribbon-lg .ribbon-inner:before {
	border-width: 19px
}

.ribbon-badge {
	top: -2px;
	left: -2px
}

.ribbon-badge .ribbon-inner {
	left: -40px;
	width: 100%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.ribbon-badge.ribbon-reverse {
	right: -2px;
	left: auto
}

.ribbon-badge.ribbon-reverse .ribbon-inner {
	right: -40px;
	left: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ribbon-badge.ribbon-bottom {
	top: auto;
	bottom: -2px
}

.ribbon-badge.ribbon-bottom .ribbon-inner {
	top: auto;
	bottom: 16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.ribbon-corner {
	top: 0;
	left: 0
}

.ribbon-corner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top-color: #526069;
	border-left-color: #526069
}

.ribbon-corner .ribbon-inner {
	top: 0;
	left: 0;
	width: 40px;
	height: 35px;
	padding: 0;
	line-height: 35px;
	background-color: transparent
}

.ribbon-corner.ribbon-bottom,
.ribbon-corner.ribbon-bottom .ribbon-inner {
	top: auto;
	bottom: 0
}

.ribbon-corner.ribbon-reverse,
.ribbon-corner.ribbon-reverse .ribbon-inner {
	right: 0;
	left: auto
}

.ribbon-corner.ribbon-reverse:before {
	right: 0;
	left: auto;
	border-right-color: #526069;
	border-left-color: transparent
}

.ribbon-corner.ribbon-bottom:before {
	top: auto;
	bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #526069
}

.ribbon-corner.ribbon-xs:before {
	border-width: 22px
}

.ribbon-corner.ribbon-xs .ribbon-inner {
	width: 28px;
	height: 26px;
	line-height: 26px
}

.ribbon-corner.ribbon-sm:before {
	border-width: 26px
}

.ribbon-corner.ribbon-sm .ribbon-inner {
	width: 34px;
	height: 32px;
	line-height: 32px
}

.ribbon-corner.ribbon-lg:before {
	border-width: 36px
}

.ribbon-corner.ribbon-lg .ribbon-inner {
	width: 46px;
	height: 44px;
	line-height: 44px
}

.ribbon-corner.ribbon-lg .ribbon-inner>.icon {
	font-size: 1.286rem
}

.ribbon-clip {
	left: -14px
}

.ribbon-clip:before {
	position: absolute;
	top: 46px;
	left: 0;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color: #37474f;
	border-right-color: #37474f
}

.ribbon-clip .ribbon-inner {
	padding-left: 23px;
	border-radius: 0 5px 5px 0
}

.ribbon-clip.ribbon-reverse {
	right: -14px;
	left: auto
}

.ribbon-clip.ribbon-reverse:before {
	right: 0;
	left: auto;
	border-right-color: transparent;
	border-left-color: #37474f
}

.ribbon-clip.ribbon-reverse .ribbon-inner {
	padding-right: 23px;
	padding-left: 15px;
	border-radius: 5px 0 0 5px
}

.ribbon-clip.ribbon-bottom {
	top: auto;
	bottom: -3px
}

.ribbon-clip.ribbon-bottom:before {
	top: auto;
	bottom: 46px;
	border-top-color: transparent;
	border-bottom-color: #37474f
}

.ribbon-clip.ribbon-bottom .ribbon-inner {
	top: auto;
	bottom: 16px
}

.ribbon-clip.ribbon-xs:before {
	top: 38px
}

.ribbon-clip.ribbon-xs.ribbon-bottom:before {
	top: auto;
	bottom: 38px
}

.ribbon-clip.ribbon-sm:before {
	top: 42px
}

.ribbon-clip.ribbon-sm.ribbon-bottom:before {
	top: auto;
	bottom: 42px
}

.ribbon-clip.ribbon-lg:before {
	top: 54px
}

.ribbon-clip.ribbon-lg.ribbon-bottom:before {
	top: auto;
	bottom: 54px
}

.ribbon-primary .ribbon-inner {
	background-color: #3e8ef7
}

.ribbon-primary.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #3e8ef7 0);
	background-image: linear-gradient(to left, transparent 22px, #3e8ef7 0)
}

.ribbon-primary.ribbon-bookmark .ribbon-inner:before {
	border-color: #3e8ef7 transparent #3e8ef7 #3e8ef7
}

.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #3e8ef7 0);
	background-image: linear-gradient(to right, transparent 22px, #3e8ef7 0)
}

.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #3e8ef7;
	border-left-color: transparent
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #3e8ef7 0);
	background-image: linear-gradient(to top, transparent 22px, #3e8ef7 0)
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #3e8ef7;
	border-bottom-color: transparent
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #3e8ef7;
	border-bottom-color: transparent;
	border-left-color: #3e8ef7
}

.ribbon-primary.ribbon-corner:before {
	border-top-color: #3e8ef7;
	border-left-color: #3e8ef7
}

.ribbon-primary.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-primary.ribbon-corner.ribbon-reverse:before {
	border-right-color: #3e8ef7;
	border-left-color: transparent
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #3e8ef7
}

.ribbon-primary.ribbon-clip:before {
	border-top-color: #247cf0;
	border-right-color: #247cf0
}

.ribbon-primary.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #247cf0
}

.ribbon-primary.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #247cf0
}

.ribbon-success .ribbon-inner {
	background-color: #11c26d
}

.ribbon-success.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #11c26d 0);
	background-image: linear-gradient(to left, transparent 22px, #11c26d 0)
}

.ribbon-success.ribbon-bookmark .ribbon-inner:before {
	border-color: #11c26d transparent #11c26d #11c26d
}

.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #11c26d 0);
	background-image: linear-gradient(to right, transparent 22px, #11c26d 0)
}

.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #11c26d;
	border-left-color: transparent
}

.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #11c26d 0);
	background-image: linear-gradient(to top, transparent 22px, #11c26d 0)
}

.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #11c26d;
	border-bottom-color: transparent
}

.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #11c26d;
	border-bottom-color: transparent;
	border-left-color: #11c26d
}

.ribbon-success.ribbon-corner:before {
	border-top-color: #11c26d;
	border-left-color: #11c26d
}

.ribbon-success.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-success.ribbon-corner.ribbon-reverse:before {
	border-right-color: #11c26d;
	border-left-color: transparent
}

.ribbon-success.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #11c26d
}

.ribbon-success.ribbon-clip:before {
	border-top-color: #05a85c;
	border-right-color: #05a85c
}

.ribbon-success.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #05a85c
}

.ribbon-success.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #05a85c
}

.ribbon-info .ribbon-inner {
	background-color: #0bb2d4
}

.ribbon-info.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #0bb2d4 0);
	background-image: linear-gradient(to left, transparent 22px, #0bb2d4 0)
}

.ribbon-info.ribbon-bookmark .ribbon-inner:before {
	border-color: #0bb2d4 transparent #0bb2d4 #0bb2d4
}

.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #0bb2d4 0);
	background-image: linear-gradient(to right, transparent 22px, #0bb2d4 0)
}

.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #0bb2d4;
	border-left-color: transparent
}

.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #0bb2d4 0);
	background-image: linear-gradient(to top, transparent 22px, #0bb2d4 0)
}

.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #0bb2d4;
	border-bottom-color: transparent
}

.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #0bb2d4;
	border-bottom-color: transparent;
	border-left-color: #0bb2d4
}

.ribbon-info.ribbon-corner:before {
	border-top-color: #0bb2d4;
	border-left-color: #0bb2d4
}

.ribbon-info.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-info.ribbon-corner.ribbon-reverse:before {
	border-right-color: #0bb2d4;
	border-left-color: transparent
}

.ribbon-info.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #0bb2d4
}

.ribbon-info.ribbon-clip:before {
	border-top-color: #0099b8;
	border-right-color: #0099b8
}

.ribbon-info.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #0099b8
}

.ribbon-info.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #0099b8
}

.ribbon-warning .ribbon-inner {
	background-color: #eb6709
}

.ribbon-warning.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #eb6709 0);
	background-image: linear-gradient(to left, transparent 22px, #eb6709 0)
}

.ribbon-warning.ribbon-bookmark .ribbon-inner:before {
	border-color: #eb6709 transparent #eb6709 #eb6709
}

.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #eb6709 0);
	background-image: linear-gradient(to right, transparent 22px, #eb6709 0)
}

.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #eb6709;
	border-left-color: transparent
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #eb6709 0);
	background-image: linear-gradient(to top, transparent 22px, #eb6709 0)
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #eb6709;
	border-bottom-color: transparent
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #eb6709;
	border-bottom-color: transparent;
	border-left-color: #eb6709
}

.ribbon-warning.ribbon-corner:before {
	border-top-color: #eb6709;
	border-left-color: #eb6709
}

.ribbon-warning.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-warning.ribbon-corner.ribbon-reverse:before {
	border-right-color: #eb6709;
	border-left-color: transparent
}

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #eb6709
}

.ribbon-warning.ribbon-clip:before {
	border-top-color: #de4e00;
	border-right-color: #de4e00
}

.ribbon-warning.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #de4e00
}

.ribbon-warning.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #de4e00
}

.ribbon-danger .ribbon-inner {
	background-color: #ff4c52
}

.ribbon-danger.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #ff4c52 0);
	background-image: linear-gradient(to left, transparent 22px, #ff4c52 0)
}

.ribbon-danger.ribbon-bookmark .ribbon-inner:before {
	border-color: #ff4c52 transparent #ff4c52 #ff4c52
}

.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #ff4c52 0);
	background-image: linear-gradient(to right, transparent 22px, #ff4c52 0)
}

.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #ff4c52;
	border-left-color: transparent
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #ff4c52 0);
	background-image: linear-gradient(to top, transparent 22px, #ff4c52 0)
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #ff4c52;
	border-bottom-color: transparent
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #ff4c52;
	border-bottom-color: transparent;
	border-left-color: #ff4c52
}

.ribbon-danger.ribbon-corner:before {
	border-top-color: #ff4c52;
	border-left-color: #ff4c52
}

.ribbon-danger.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-danger.ribbon-corner.ribbon-reverse:before {
	border-right-color: #ff4c52;
	border-left-color: transparent
}

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #ff4c52
}

.ribbon-danger.ribbon-clip:before {
	border-top-color: #f2353c;
	border-right-color: #f2353c
}

.ribbon-danger.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #f2353c
}

.ribbon-danger.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #f2353c
}

.ribbon-purple .ribbon-inner {
	background-color: #9585bf
}

.ribbon-purple.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #9585bf 0);
	background-image: linear-gradient(to left, transparent 22px, #9585bf 0)
}

.ribbon-purple.ribbon-bookmark .ribbon-inner:before {
	border-color: #9585bf transparent #9585bf #9585bf
}

.ribbon-purple.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #9585bf 0);
	background-image: linear-gradient(to right, transparent 22px, #9585bf 0)
}

.ribbon-purple.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #9585bf;
	border-left-color: transparent
}

.ribbon-purple.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #9585bf 0);
	background-image: linear-gradient(to top, transparent 22px, #9585bf 0)
}

.ribbon-purple.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #9585bf;
	border-bottom-color: transparent
}

.ribbon-purple.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #9585bf;
	border-bottom-color: transparent;
	border-left-color: #9585bf
}

.ribbon-purple.ribbon-corner:before {
	border-top-color: #9585bf;
	border-left-color: #9585bf
}

.ribbon-purple.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-purple.ribbon-corner.ribbon-reverse:before {
	border-right-color: #9585bf;
	border-left-color: transparent
}

.ribbon-purple.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #9585bf
}

.ribbon-purple.ribbon-clip:before {
	border-top-color: #9585bf;
	border-right-color: #9585bf
}

.ribbon-purple.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #9585bf
}

.ribbon-purple.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #9585bf
}

.ribbon-grey .ribbon-inner {
	background-color: #a0a0a0
}

.ribbon-grey.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #a0a0a0 0);
	background-image: linear-gradient(to left, transparent 22px, #a0a0a0 0)
}

.ribbon-grey.ribbon-bookmark .ribbon-inner:before {
	border-color: #a0a0a0 transparent #a0a0a0 #a0a0a0
}

.ribbon-grey.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #a0a0a0 0);
	background-image: linear-gradient(to right, transparent 22px, #a0a0a0 0)
}

.ribbon-grey.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #a0a0a0;
	border-left-color: transparent
}

.ribbon-grey.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #a0a0a0 0);
	background-image: linear-gradient(to top, transparent 22px, #a0a0a0 0)
}

.ribbon-grey.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #a0a0a0;
	border-bottom-color: transparent
}

.ribbon-grey.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #a0a0a0;
	border-bottom-color: transparent;
	border-left-color: #a0a0a0
}

.ribbon-grey.ribbon-corner:before {
	border-top-color: #a0a0a0;
	border-left-color: #a0a0a0
}

.ribbon-grey.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-grey.ribbon-corner.ribbon-reverse:before {
	border-right-color: #a0a0a0;
	border-left-color: transparent
}

.ribbon-grey.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #a0a0a0
}

.ribbon-grey.ribbon-clip:before {
	border-top-color: #a0a0a0;
	border-right-color: #a0a0a0
}

.ribbon-grey.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #a0a0a0
}

.ribbon-grey.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #a0a0a0
}

.ribbon-inverse .ribbon-inner {
	background-color: #333
}

.ribbon-inverse.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #333 0);
	background-image: linear-gradient(to left, transparent 22px, #333 0)
}

.ribbon-inverse.ribbon-bookmark .ribbon-inner:before {
	border-color: #333 transparent #333 #333
}

.ribbon-inverse.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #333 0);
	background-image: linear-gradient(to right, transparent 22px, #333 0)
}

.ribbon-inverse.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #333;
	border-left-color: transparent
}

.ribbon-inverse.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #333 0);
	background-image: linear-gradient(to top, transparent 22px, #333 0)
}

.ribbon-inverse.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #333;
	border-bottom-color: transparent
}

.ribbon-inverse.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #333;
	border-bottom-color: transparent;
	border-left-color: #333
}

.ribbon-inverse.ribbon-corner:before {
	border-top-color: #333;
	border-left-color: #333
}

.ribbon-inverse.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-inverse.ribbon-corner.ribbon-reverse:before {
	border-right-color: #333;
	border-left-color: transparent
}

.ribbon-inverse.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #333
}

.ribbon-inverse.ribbon-clip:before {
	border-top-color: #333;
	border-right-color: #333
}

.ribbon-inverse.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #333
}

.ribbon-inverse.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #333
}

.ribbon-pink .ribbon-inner {
	background-color: #d6487e
}

.ribbon-pink.ribbon-bookmark .ribbon-inner {
	background-color: transparent;
	background-image: -webkit-linear-gradient(right, transparent 22px, #d6487e 0);
	background-image: linear-gradient(to left, transparent 22px, #d6487e 0)
}

.ribbon-pink.ribbon-bookmark .ribbon-inner:before {
	border-color: #d6487e transparent #d6487e #d6487e
}

.ribbon-pink.ribbon-bookmark.ribbon-reverse .ribbon-inner {
	background-image: -webkit-linear-gradient(left, transparent 22px, #ff4c52 0);
	background-image: linear-gradient(to right, transparent 22px, #ff4c52 0)
}

.ribbon-pink.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #d6487e;
	border-left-color: transparent
}

.ribbon-pink.ribbon-bookmark.ribbon-vertical .ribbon-inner {
	background-image: -webkit-linear-gradient(bottom, transparent 22px, #d6487e 0);
	background-image: linear-gradient(to top, transparent 22px, #d6487e 0)
}

.ribbon-pink.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #d6487e;
	border-bottom-color: transparent
}

.ribbon-pink.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #d6487e;
	border-bottom-color: transparent;
	border-left-color: #d6487e
}

.ribbon-pink.ribbon-corner:before {
	border-top-color: #d6487e;
	border-left-color: #d6487e
}

.ribbon-pink.ribbon-corner .ribbon-inner {
	background-color: transparent
}

.ribbon-pink.ribbon-corner.ribbon-reverse:before {
	border-right-color: #d6487e;
	border-left-color: transparent
}

.ribbon-pink.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #d6487e
}

.ribbon-pink.ribbon-clip:before {
	border-top-color: #d6487e;
	border-right-color: #d6487e
}

.ribbon-pink.ribbon-clip.ribbon-reverse:before {
	border-right-color: transparent;
	border-left-color: #d6487e
}

.ribbon-pink.ribbon-clip.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #d6487e
}

.sticky-header-container.d-none {
	display: none !important;
}

.swal-modal.app .swal-button.swal-button--confirm {
	background-color: #00469D !important;
}

.ribbon-item .title {
	background: transparent;
	color: #478fca;
	font-weight: bolder;
	padding: 0;
	font-size: 20px;
}

.ribbon-item .train-title{
	background: transparent;
	color: #393939;
	padding: 0 0 0 5px;
	height: auto;
	width: 55%;
	display: inline-block;
}