.carousel-multi-item {
	margin-bottom: 5rem
}

.carousel-multi-item .carousel-inner .carousel-item.active,
.carousel-multi-item .carousel-item-next,
.carousel-multi-item .carousel-item-prev {
	display: block
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-next,
.carousel-multi-item .carousel-inner.v-2 .carousel-item-prev,
.carousel-multi-item .carousel-inner.v-2 .carousel-item.active {
	display: flex
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-next,
.carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active {
	transform: translateX(33%)
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active,
.carousel-multi-item .carousel-inner.v-2 .carousel-item-prev {
	transform: translateX(-33%)
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-left,
.carousel-multi-item .carousel-inner.v-2 .carousel-item-right {
	transform: translateX(0)
}

.carousel-multi-item .carousel-indicators li {
	height: 1.25rem;
	width: 1.25rem;
	max-width: 1.25rem;
	background-color: #4285f4;
	margin-bottom: -3.75rem
}

.carousel-multi-item .carousel-indicators .active {
	height: 1.56rem;
	width: 1.56rem;
	max-width: 1.56rem;
	background-color: #4285f4;
	border-radius: 50%
}

.carousel-multi-item .controls-top {
	text-align: center;
	margin-bottom: 1.88rem
}

.carousel-multi-item .controls-top .btn-floating {
	background: #4285f4
}

.carousel-multi-item .carousel-indicators {
	margin-bottom: -2em
}

.carousel-multi-item .card-cascade.narrower {
	margin-top: 1.25rem;
	margin-bottom: .3rem
}

@media (min-width:768px) {
	.carousel-multi-item .col-md-4 {
		float: left;
		width: 33.333333%;
		max-width: 100%
	}
}

@media only screen and (max-width:992px) {
	.carousel-multi-item .carousel-indicators li {
		margin-bottom: -1.88rem
	}
}

.carousel-thumbnails .carousel-indicators {
	white-space: nowrap;
	overflow-x: auto;
	width: initial;
	margin-left: initial;
	margin-right: initial
}

.carousel-thumbnails .carousel-indicators>li {
	width: initial;
	height: initial;
	text-indent: initial
}

.carousel-thumbnails .carousel-indicators>li .active img {
	opacity: 1
}

.wrapper-carousel-fix .carousel-fade .active.carousel-item-left,
.wrapper-carousel-fix .carousel-fade .active.carousel-item-right {
	transition: transform .6s ease;
	transition-property: opacity
}

.comments-list .avatar,
.reply-form .avatar {
	max-width: 100px
}

.md-toast-title {
	font-weight: 400
}

.md-toast-message {
	word-wrap: break-word
}

.md-toast-message a:hover {
	color: #ccc;
	text-decoration: none
}

.md-toast-close-button {
	position: relative;
	right: -.3em;
	top: -.3em;
	float: right;
	font-size: 1.25rem;
	font-weight: 400;
	text-shadow: 0 1px 0 #fff;
	opacity: .8;
	filter: alpha(opacity=80)
}

.md-toast-close-button:focus,
.md-toast-close-button:hover {
	text-decoration: none;
	cursor: pointer;
	opacity: .4;
	filter: alpha(opacity=40)
}

button.md-toast-close-button {
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.md-toast-top-center {
	top: 0;
	right: 0;
	width: 100%
}

.md-toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%
}

.md-toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%
}

.md-toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%
}

.md-toast-top-left {
	top: 12px;
	left: 12px
}

.md-toast-top-right {
	top: 12px;
	right: 12px
}

.md-toast-bottom-right {
	right: 12px;
	bottom: 12px
}

.md-toast-bottom-left {
	bottom: 12px;
	left: 12px
}

#toast-container {
	position: fixed;
	z-index: 999999
}

#toast-container * {
	box-sizing: border-box
}

#toast-container>div {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	position: relative;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 18.75rem;
	background-position: 15px center;
	background-repeat: no-repeat;
	opacity: .95;
	filter: alpha(opacity=95)
}

#toast-container>:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	transition: .45s;
	opacity: 1;
	filter: alpha(opacity=100)
}

#toast-container.md-toast-bottom-center>div,
#toast-container.md-toast-top-center>div {
	width: 18.75rem;
	margin: auto
}

#toast-container.md-toast-bottom-full-width>div,
#toast-container.md-toast-top-full-width>div {
	width: 96%;
	margin: auto
}

.md-toast {
	background-color: #030303
}

.md-toast-success {
	background-color: #00c851;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}

.md-toast-error {
	background-color: #ff3547;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

.md-toast-info {
	background-color: #33b5e5;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

.md-toast-warning {
	background-color: #fb3;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}

.md-toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000;
	opacity: .4;
	filter: alpha(opacity=40)
}

.collapsible .active .rotate-icon {
	transform: rotate(180deg);
	transition: all 150ms ease-in 0s
}

.min-chart {
	position: relative;
	display: inline-block;
	width: 110px;
	height: 110px;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center
}

.min-chart canvas {
	position: absolute;
	top: 0;
	left: 0
}

.min-chart .percent {
	display: inline-block;
	line-height: 110px;
	z-index: 2
}

.min-chart .percent:after {
	content: "%";
	margin-left: .1em;
	font-size: .8rem
}

.md-progress {
	box-shadow: none;
	position: relative;
	display: block;
	width: 100%;
	height: .25rem;
	overflow: hidden;
	margin-bottom: 1rem;
	background-color: #eee
}

.md-progress .progress-bar {
	box-shadow: none;
	height: .25rem;
	border-radius: 0;
	background-color: #0d47a1
}

.md-progress .progress-bar-animated {
	transition: width 2s ease-in-out
}

.md-progress .indeterminate {
	background-color: #90caf9
}

.md-progress .indeterminate:before {
	content: "";
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite indeterminate;
	animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite indeterminate
}

.md-progress .indeterminate:after {
	content: "";
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite indeterminate;
	animation: 2.1s cubic-bezier(.165, .84, .44, 1) infinite indeterminate;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s
}

@-webkit-keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%
	}
	100%,
	60% {
		left: 100%;
		right: -90%
	}
}

@-webkit-keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%
	}
	100%,
	60% {
		left: 107%;
		right: -8%
	}
}

.preloader-wrapper {
	font-size: 0
}

.preloader-wrapper .spinner-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0
}

.preloader-wrapper .spinner-layer .gap-patch {
	position: absolute;
	top: 0;
	left: 45%;
	width: 10%;
	height: 100%;
	overflow: hidden;
	border-color: inherit
}

.preloader-wrapper .spinner-layer .gap-patch .circle {
	width: 1000%;
	left: -450%
}

.preloader-wrapper .spinner-layer .circle-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: inherit
}

.preloader-wrapper .spinner-layer .circle-clipper .circle {
	width: 200%;
	height: 100%;
	border-width: .1875rem;
	border-style: solid;
	border-color: inherit;
	border-bottom-color: transparent!important;
	border-radius: 50%;
	-webkit-animation: none;
	animation: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0
}

.preloader-wrapper .spinner-layer .circle-clipper.left .circle {
	left: 0;
	border-right-color: transparent!important;
	transform: rotate(129deg)
}

.preloader-wrapper .spinner-layer .circle-clipper.right .circle {
	left: -100%;
	border-left-color: transparent!important;
	transform: rotate(-129deg)
}

.preloader-wrapper .spinner-blue,
.preloader-wrapper .spinner-blue-only {
	border-color: #4285f4
}

.preloader-wrapper .spinner-red,
.preloader-wrapper .spinner-red-only {
	border-color: #db4437
}

.preloader-wrapper .spinner-yellow,
.preloader-wrapper .spinner-yellow-only {
	border-color: #f4b400
}

.preloader-wrapper .spinner-green,
.preloader-wrapper .spinner-green-only {
	border-color: #0f9d58
}

@keyframes container-rotate {
	to {
		transform: rotate(360deg)
	}
}

.ps {
	overflow: hidden!important;
	overflow-anchor: none;
	-ms-overflow-style: none;
	touch-action: auto;
	-ms-touch-action: auto
}

.ps__rail-x {
	display: none;
	opacity: 0;
	transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	height: 15px;
	bottom: 0;
	position: absolute
}

.ps__rail-y {
	display: none;
	opacity: 0;
	transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	width: 15px;
	right: 0;
	position: absolute
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
	display: block;
	background-color: transparent
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
	opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
	background-color: #eee;
	opacity: .9
}

.ps__thumb-x {
	background-color: #aaa;
	border-radius: 6px;
	transition: background-color .2s linear, height .2s ease-in-out;
	-webkit-transition: background-color .2s linear, height .2s ease-in-out;
	height: 6px;
	bottom: 2px;
	position: absolute
}

.ps__thumb-y {
	background-color: #aaa;
	border-radius: 6px;
	transition: background-color .2s linear, width .2s ease-in-out;
	-webkit-transition: background-color .2s linear, width .2s ease-in-out;
	width: 6px;
	right: 2px;
	position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
	background-color: #999;
	height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
	background-color: #999;
	width: 11px
}

@supports (-ms-overflow-style:none) {
	.ps {
		overflow: auto!important
	}
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.ps {
		overflow: auto!important
	}
}

.navbar .mega-dropdown {
	position: static!important
}

.navbar .mega-dropdown .dropdown-menu.mega-menu {
	width: 100%;
	border: none;
	border-radius: 0
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .news-title {
	font-size: 1.1rem;
	transition: .2s
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .news-title.smaller {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.4
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .sub-title {
	border-bottom: 1px solid #e0e0e0
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a {
	width: 100%;
	transition: .3s
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a:hover {
	background-color: rgba(0, 0, 0, .2);
	transition: .3s
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-1 .sub-menu .news-single {
	border-bottom: 1px solid #e0e0e0
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-1 .sub-menu .news-title {
	color: #4f4f4f!important
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-1 .sub-menu .news-title:hover {
	color: #2196f3!important
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-1 .sub-menu .m-sm {
	margin-bottom: -6px;
	font-size: .9rem;
	color: #2196f3!important
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-1 .sub-menu .m-sm:hover {
	color: #2196f3!important
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu .news-title,
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a,
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a:hover {
	color: #fff!important
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu .sub-title {
	padding-bottom: 1rem;
	margin-bottom: 1rem
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-3 .sub-menu .news-title,
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-3 .sub-menu ul li a,
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-3 .sub-menu ul li a:hover {
	color: #fff!important
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-3 .sub-menu .news-title:hover {
	color: #e0e0e0!important
}

@media (max-width:1024px) {
	.navbar .mega-dropdown .dropdown-menu.mega-menu {
		max-height: 300px;
		overflow-x: hidden;
		overflow-y: auto
	}
}

.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu {
	position: relative
}

.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%
}

.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu .dropdown-menu.r-100 {
	right: 100%
}

.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu .dropdown-menu.l-auto {
	left: auto
}

.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-item {
	width: 100%;
	transition: .3s
}

.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-item:hover {
	background-color: rgba(0, 0, 0, .2)!important;
	transition: .3s;
	box-shadow: none;
	border-radius: 0
}

.md-tooltip-email.show,
.md-tooltip-main.show,
.md-tooltip.show {
	opacity: 1!important
}

.md-inner {
	padding: 7px 8px;
	background: rgba(97, 97, 97, .9)!important;
	border-radius: 4px;
	font-size: 10px;
	min-height: 24px!important
}

.md-arrow {
	display: none
}

.md-inner-main {
	padding: 9px 16px;
	background: rgba(97, 97, 97, .9)!important;
	border-radius: 4px;
	font-size: 14px;
	min-height: 32px!important
}

.md-tooltip,
.md-tooltip-main {
	line-height: 1
}

.md-inner-email {
	background-color: #232f34!important;
	border-radius: 25px;
	font-size: 12px;
	padding-left: 12px;
	padding-right: 12px
}

.test-skin .gradient {
	background: #fff;
	background: linear-gradient(135deg, #fff 0, #fff 100%)
}

.test-skin .primary-color,
.test-skin ul.stepper li.active a .circle,
.test-skin ul.stepper li.completed a .circle,
ul.stepper li.active a .test-skin .circle,
ul.stepper li.completed a .test-skin .circle {
	background-color: #fff!important
}

.test-skin .navbar {
	background-color: #fff;
	color: #fff
}

.test-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
	color: #000
}

.test-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.test-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.test-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
	background-color: #f2f2f2
}

.test-skin .navbar.double-nav a {
	color: #fff
}

.test-skin .navbar form .md-form .form-control {
	color: #fff;
	font-weight: 300
}

.test-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
	color: #fff
}

.test-skin .navbar form .md-form .form-control::-moz-placeholder {
	color: #fff
}

.test-skin .navbar form .md-form .form-control:-ms-input-placeholder {
	color: #fff
}

.test-skin .navbar form .md-form .form-control::-ms-input-placeholder {
	color: #fff
}

.test-skin .navbar form .md-form .form-control::placeholder {
	color: #fff
}

.test-skin .page-footer,
.test-skin .side-nav {
	background-color: #fff
}

.test-skin .side-nav .logo-wrapper>div {
	background-color: transparent!important
}

.test-skin .side-nav .sn-avatar-wrapper img {
	border: 3px solid #d9d9d9
}

.test-skin .side-nav .social {
	border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.test-skin .side-nav .social a:hover .fab,
.test-skin .side-nav .social a:hover .far,
.test-skin .side-nav .social a:hover .fas {
	color: #fff!important;
	transition: all .3s linear
}

.test-skin .side-nav .collapsible li {
	background-color: transparent
}

.test-skin .side-nav .collapsible li .collapsible-header {
	color: #fff;
	transition: all .3s linear
}

.test-skin .side-nav .collapsible li .collapsible-header.active,
.test-skin .side-nav .collapsible li .collapsible-header:hover {
	background-color: #fff
}

.test-skin .side-nav .collapsible li .collapsible-body a,
.test-skin .side-nav .collapsible li .collapsible-body a .fab,
.test-skin .side-nav .collapsible li .collapsible-body a .far,
.test-skin .side-nav .collapsible li .collapsible-body a .fas,
.test-skin .side-nav .collapsible li .collapsible-body a.active,
.test-skin .side-nav .collapsible li .collapsible-body a:active,
.test-skin .side-nav .collapsible li .collapsible-body a:hover {
	color: #fff
}

.test-skin .side-nav .collapsible li a:not(.collapsible-header) {
	color: #fff;
	transition: all .3s linear
}

.test-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.test-skin .side-nav .collapsible li a:not(.collapsible-header):active,
.test-skin .side-nav .collapsible li a:not(.collapsible-header):hover {
	color: #fff!important
}

.test-skin .side-nav .sidenav-bg.mask-light:after,
.test-skin .side-nav .sidenav-bg.mask-slight:after,
.test-skin .side-nav .sidenav-bg.mask-strong:after,
.test-skin .side-nav .sidenav-bg:after {
	background: #fff
}

.test-skin .btn-primary {
	background-color: #fff!important;
	color: #000
}

.test-skin .btn-primary:hover {
	background-color: #fff;
	color: #000
}

.test-skin .btn-primary.focus,
.test-skin .btn-primary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .btn-primary.active,
.test-skin .btn-primary:active,
.test-skin .btn-primary:focus {
	background-color: #ccc
}

.test-skin .btn-primary.dropdown-toggle,
.test-skin .btn-primary.dropdown-toggle:focus,
.test-skin .btn-primary.dropdown-toggle:hover {
	background-color: #fff!important
}

.show>.test-skin .btn-primary.dropdown-toggle,
.test-skin .btn-primary:not([disabled]):not(.disabled).active,
.test-skin .btn-primary:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #ccc!important
}

.show>.test-skin .btn-primary.dropdown-toggle:focus,
.test-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
.test-skin .btn-primary:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .primary-ic {
	color: #fff!important
}

.test-skin .primary-ic:focus,
.test-skin .primary-ic:hover {
	color: #fff
}

.test-skin table.table a.btn.btn-primary {
	color: #000
}

.test-skin .btn-secondary {
	background-color: #fff!important;
	color: #000
}

.test-skin .btn-secondary:hover {
	background-color: #fff;
	color: #000
}

.test-skin .btn-secondary.focus,
.test-skin .btn-secondary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .btn-secondary.active,
.test-skin .btn-secondary:active,
.test-skin .btn-secondary:focus {
	background-color: #ccc
}

.test-skin .btn-secondary.dropdown-toggle,
.test-skin .btn-secondary.dropdown-toggle:focus,
.test-skin .btn-secondary.dropdown-toggle:hover {
	background-color: #fff!important
}

.show>.test-skin .btn-secondary.dropdown-toggle,
.test-skin .btn-secondary:not([disabled]):not(.disabled).active,
.test-skin .btn-secondary:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #ccc!important
}

.show>.test-skin .btn-secondary.dropdown-toggle:focus,
.test-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
.test-skin .btn-secondary:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .secondary-ic {
	color: #fff!important
}

.test-skin .secondary-ic:focus,
.test-skin .secondary-ic:hover {
	color: #fff
}

.test-skin table.table a.btn.btn-secondary {
	color: #000
}

.test-skin .btn-default {
	background-color: #fff!important;
	color: #000
}

.test-skin .btn-default:hover {
	background-color: #fff;
	color: #000
}

.test-skin .btn-default.focus,
.test-skin .btn-default:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .btn-default.active,
.test-skin .btn-default:active,
.test-skin .btn-default:focus {
	background-color: #ccc
}

.test-skin .btn-default.dropdown-toggle,
.test-skin .btn-default.dropdown-toggle:focus,
.test-skin .btn-default.dropdown-toggle:hover {
	background-color: #fff!important
}

.show>.test-skin .btn-default.dropdown-toggle,
.test-skin .btn-default:not([disabled]):not(.disabled).active,
.test-skin .btn-default:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #ccc!important
}

.show>.test-skin .btn-default.dropdown-toggle:focus,
.test-skin .btn-default:not([disabled]):not(.disabled).active:focus,
.test-skin .btn-default:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .default-ic {
	color: #fff!important
}

.test-skin .default-ic:focus,
.test-skin .default-ic:hover {
	color: #fff
}

.test-skin a.btn:not([href]):not([tabindex]),
.test-skin a.btn:not([href]):not([tabindex]):focus,
.test-skin a.btn:not([href]):not([tabindex]):hover,
.test-skin table.table a.btn.btn-default {
	color: #000
}

.test-skin .btn-outline-primary {
	border: 2px solid #fff!important;
	background-color: transparent!important;
	color: #fff!important
}

.test-skin .btn-outline-primary.active,
.test-skin .btn-outline-primary:active,
.test-skin .btn-outline-primary:active:focus,
.test-skin .btn-outline-primary:focus,
.test-skin .btn-outline-primary:hover {
	border-color: #fff!important;
	background-color: transparent!important;
	color: #fff!important
}

.show>.test-skin .btn-outline-primary.dropdown-toggle,
.test-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
.test-skin .btn-outline-primary:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #fff!important
}

.show>.test-skin .btn-outline-primary.dropdown-toggle:focus,
.test-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.test-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .btn-outline-secondary {
	border: 2px solid #fff!important;
	background-color: transparent!important;
	color: #fff!important
}

.test-skin .btn-outline-secondary.active,
.test-skin .btn-outline-secondary:active,
.test-skin .btn-outline-secondary:active:focus,
.test-skin .btn-outline-secondary:focus,
.test-skin .btn-outline-secondary:hover {
	border-color: #fff!important;
	background-color: transparent!important;
	color: #fff!important
}

.show>.test-skin .btn-outline-secondary.dropdown-toggle,
.test-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
.test-skin .btn-outline-secondary:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #fff!important
}

.show>.test-skin .btn-outline-secondary.dropdown-toggle:focus,
.test-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.test-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .btn-outline-default {
	border: 2px solid #fff!important;
	background-color: transparent!important;
	color: #fff!important
}

.test-skin .btn-outline-default.active,
.test-skin .btn-outline-default:active,
.test-skin .btn-outline-default:active:focus,
.test-skin .btn-outline-default:focus,
.test-skin .btn-outline-default:hover {
	border-color: #fff!important;
	background-color: transparent!important;
	color: #fff!important
}

.show>.test-skin .btn-outline-default.dropdown-toggle,
.test-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.test-skin .btn-outline-default:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #fff!important
}

.show>.test-skin .btn-outline-default.dropdown-toggle:focus,
.test-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
.test-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.test-skin .card .btn-action {
	background: #fff
}

.test-skin .card .btn-action:focus,
.test-skin .card .btn-action:hover {
	background-color: #fff!important
}

.test-skin .card .btn-action.active {
	background-color: #ccc!important
}

.test-skin .md-outline input[type=date]:focus:not([readonly]),
.test-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.test-skin .md-outline input[type=email]:focus:not([readonly]),
.test-skin .md-outline input[type=number]:focus:not([readonly]),
.test-skin .md-outline input[type=password]:focus:not([readonly]),
.test-skin .md-outline input[type=search-md]:focus:not([readonly]),
.test-skin .md-outline input[type=search]:focus:not([readonly]),
.test-skin .md-outline input[type=tel]:focus:not([readonly]),
.test-skin .md-outline input[type=text]:focus:not([readonly]),
.test-skin .md-outline input[type=time]:focus:not([readonly]),
.test-skin .md-outline input[type=url]:focus:not([readonly]),
.test-skin .md-outline textarea:focus:not([readonly]) {
	border-color: #fff;
	box-shadow: inset 0 0 0 1px #fff
}

.test-skin .md-outline input[type=date]:focus:not([readonly])+label,
.test-skin .md-outline input[type=datetime-local]:focus:not([readonly])+label,
.test-skin .md-outline input[type=email]:focus:not([readonly])+label,
.test-skin .md-outline input[type=number]:focus:not([readonly])+label,
.test-skin .md-outline input[type=password]:focus:not([readonly])+label,
.test-skin .md-outline input[type=search-md]:focus:not([readonly])+label,
.test-skin .md-outline input[type=search]:focus:not([readonly])+label,
.test-skin .md-outline input[type=tel]:focus:not([readonly])+label,
.test-skin .md-outline input[type=text]:focus:not([readonly])+label,
.test-skin .md-outline input[type=time]:focus:not([readonly])+label,
.test-skin .md-outline input[type=url]:focus:not([readonly])+label,
.test-skin .md-outline textarea:focus:not([readonly])+label {
	color: #fff
}

.test-skin .md-bg input[type=date],
.test-skin .md-bg input[type=datetime-local],
.test-skin .md-bg input[type=email],
.test-skin .md-bg input[type=number],
.test-skin .md-bg input[type=password],
.test-skin .md-bg input[type=search-md],
.test-skin .md-bg input[type=search],
.test-skin .md-bg input[type=tel],
.test-skin .md-bg input[type=text],
.test-skin .md-bg input[type=time],
.test-skin .md-bg input[type=url],
.test-skin .md-bg textarea.md-textarea {
	background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to bottom, #ced4da, #ced4da)
}

.test-skin input[type=email]:focus:not([readonly]),
.test-skin input[type=number]:focus:not([readonly]),
.test-skin input[type=password]:focus:not([readonly]),
.test-skin input[type=text]:focus:not([readonly]),
.test-skin textarea.md-textarea:focus:not([readonly]) {
	border-color: #fff;
	box-shadow: 0 1px 0 0 #fff
}

.test-skin input[type=email]:focus:not([readonly])+label,
.test-skin input[type=number]:focus:not([readonly])+label,
.test-skin input[type=password]:focus:not([readonly])+label,
.test-skin input[type=text]:focus:not([readonly])+label,
.test-skin textarea.md-textarea:focus:not([readonly])+label {
	color: #fff
}

.test-skin input[type=checkbox].filled-in:checked+label:before,
.test-skin input[type=checkbox]:checked+label:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.test-skin input[type=checkbox].filled-in:checked+label:after {
	background-color: #fff;
	border-color: #fff
}

.test-skin .md-form .prefix.active {
	color: #fff
}

.test-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
	color: #fff!important
}

.test-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
	border-color: #fff;
	box-shadow: inset 0 0 0 1px #fff
}

.test-skin .select-wrapper.colorful-select.md-form.md-outline+label.active {
	color: #fff
}

.test-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.test-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover,
.test-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active {
	background-color: #fff!important
}

.test-skin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
	background-color: transparent!important
}

.test-skin .card-header,
.test-skin .carousel-multi-item .carousel-indicators li,
.test-skin .carousel-multi-item .carousel-indicators li.active,
.test-skin .carousel-multi-item .controls-top>a,
.test-skin .form-header,
.test-skin .top-nav-collapse {
	background-color: #fff
}

.test-skin .spinner-primary-color,
.test-skin .spinner-primary-color-only {
	border-color: #fff
}

.test-skin .pagination-primary-color .page-item.active .page-link,
.test-skin .pagination-primary-color .page-item.active .page-link:focus,
.test-skin .pagination-primary-color .page-item.active .page-link:hover {
	color: #fff;
	background-color: #fff
}

.test-skin .pagination-primary-color .page-link {
	color: #fff
}

.test-skin .pagination-primary-color .page-link:focus {
	box-shadow: none
}

.white-skin .gradient {
	background: #ababab;
	background: linear-gradient(135deg, #ababab 0, #fff 100%)
}

.white-skin .primary-color,
.white-skin ul.stepper li.active a .circle,
.white-skin ul.stepper li.completed a .circle,
ul.stepper li.active a .white-skin .circle,
ul.stepper li.completed a .white-skin .circle {
	background-color: #4285f4!important
}

.white-skin .navbar {
	background-color: #fff;
	color: #424242
}

.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
	color: #000
}

.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
	background-color: #2a75f3
}

.white-skin .navbar .navbar-nav .nav-item a,
.white-skin .navbar.double-nav a {
	color: #424242
}

.white-skin .navbar form .md-form .form-control {
	color: #424242;
	font-weight: 300
}

.white-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
	color: #424242
}

.white-skin .navbar form .md-form .form-control::-moz-placeholder {
	color: #424242
}

.white-skin .navbar form .md-form .form-control:-ms-input-placeholder {
	color: #424242
}

.white-skin .navbar form .md-form .form-control::-ms-input-placeholder {
	color: #424242
}

.white-skin .navbar form .md-form .form-control::placeholder {
	color: #424242
}

.white-skin .navbar.navbar-dark form .md-form .form-control {
	color: #fff
}

.white-skin .navbar.navbar-dark form .md-form .form-control::-webkit-input-placeholder {
	color: #fff
}

.white-skin .navbar.navbar-dark form .md-form .form-control::-moz-placeholder {
	color: #fff
}

.white-skin .navbar.navbar-dark form .md-form .form-control:-ms-input-placeholder {
	color: #fff
}

.white-skin .navbar.navbar-dark form .md-form .form-control::-ms-input-placeholder {
	color: #fff
}

.white-skin .navbar.navbar-dark form .md-form .form-control::placeholder {
	color: #fff
}

.white-skin .page-footer {
	background-color: #6f7178
}

.white-skin .side-nav {
	background-color: #f9f9f9
}

.white-skin .side-nav .logo-wrapper>div {
	background-color: transparent!important
}

.white-skin .side-nav .sn-avatar-wrapper img {
	border: 3px solid #0d5bdd
}

.white-skin .side-nav .social {
	border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.white-skin .side-nav .social a .fab,
.white-skin .side-nav .social a .far,
.white-skin .side-nav .social a .fas {
	color: #424242
}

.white-skin .side-nav .social a:hover .fab,
.white-skin .side-nav .social a:hover .far,
.white-skin .side-nav .social a:hover .fas {
	color: #4285f4!important;
	transition: all .3s linear
}

.white-skin .side-nav .search-form .md-form input {
	color: #424242!important;
	border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.white-skin .side-nav .search-form .md-form input::-webkit-input-placeholder {
	color: rgba(66, 66, 66, .5)!important
}

.white-skin .side-nav .search-form .md-form input::-moz-placeholder {
	color: rgba(66, 66, 66, .5)!important
}

.white-skin .side-nav .search-form .md-form input:-ms-input-placeholder {
	color: rgba(66, 66, 66, .5)!important
}

.white-skin .side-nav .search-form .md-form input::-ms-input-placeholder {
	color: rgba(66, 66, 66, .5)!important
}

.white-skin .side-nav .search-form .md-form input::placeholder {
	color: rgba(66, 66, 66, .5)!important
}

.white-skin .side-nav .collapsible li {
	background-color: transparent
}

.white-skin .side-nav .collapsible li a {
	font-weight: 400
}

.white-skin .side-nav .collapsible li .collapsible-header {
	color: #424242;
	transition: all .3s linear
}

.white-skin .side-nav .collapsible li .collapsible-header.active {
	color: #4285f4;
	background-color: transparent
}

.white-skin .side-nav .collapsible li .collapsible-header:hover {
	background-color: rgba(0, 0, 0, .05)
}

.white-skin .side-nav .collapsible li .collapsible-body a {
	color: #424242
}

.white-skin .side-nav .collapsible li .collapsible-body a.active,
.white-skin .side-nav .collapsible li .collapsible-body a:active,
.white-skin .side-nav .collapsible li .collapsible-body a:hover {
	color: #4285f4
}

.white-skin .side-nav .collapsible li .collapsible-body a .fab,
.white-skin .side-nav .collapsible li .collapsible-body a .far,
.white-skin .side-nav .collapsible li .collapsible-body a .fas {
	color: #424242
}

.white-skin .side-nav .collapsible li a:not(.collapsible-header) {
	color: #424242;
	transition: all .3s linear
}

.white-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.white-skin .side-nav .collapsible li a:not(.collapsible-header):active,
.white-skin .side-nav .collapsible li a:not(.collapsible-header):hover {
	color: #4285f4!important
}

.white-skin .side-nav .sidenav-bg.mask-strong:after,
.white-skin .side-nav .sidenav-bg:after {
	background: rgba(255, 255, 255, .8)
}

.white-skin .side-nav .sidenav-bg.mask-light:after {
	background: rgba(255, 255, 255, .65)
}

.white-skin .side-nav .sidenav-bg.mask-slight:after {
	background: rgba(255, 255, 255, .5)
}

.white-skin .btn-primary {
	background-color: #4285f4!important;
	color: #fff
}

.white-skin .btn-primary:hover {
	background-color: #5a95f5;
	color: #fff
}

.white-skin .btn-primary.focus,
.white-skin .btn-primary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .btn-primary.active,
.white-skin .btn-primary:active,
.white-skin .btn-primary:focus {
	background-color: #0b51c5
}

.white-skin .btn-primary.dropdown-toggle {
	background-color: #4285f4!important
}

.white-skin .btn-primary.dropdown-toggle:focus,
.white-skin .btn-primary.dropdown-toggle:hover {
	background-color: #5a95f5!important
}

.show>.white-skin .btn-primary.dropdown-toggle,
.white-skin .btn-primary:not([disabled]):not(.disabled).active,
.white-skin .btn-primary:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #0b51c5!important
}

.show>.white-skin .btn-primary.dropdown-toggle:focus,
.white-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
.white-skin .btn-primary:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .primary-ic {
	color: #4285f4!important
}

.white-skin .primary-ic:focus,
.white-skin .primary-ic:hover {
	color: #4285f4
}

.white-skin table.table a.btn.btn-primary {
	color: #fff
}

.white-skin .btn-secondary {
	background-color: #fc685f!important;
	color: #fff
}

.white-skin .btn-secondary:hover {
	background-color: #fc8078;
	color: #fff
}

.white-skin .btn-secondary.focus,
.white-skin .btn-secondary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .btn-secondary.active,
.white-skin .btn-secondary:active,
.white-skin .btn-secondary:focus {
	background-color: #f01205
}

.white-skin .btn-secondary.dropdown-toggle {
	background-color: #fc685f!important
}

.white-skin .btn-secondary.dropdown-toggle:focus,
.white-skin .btn-secondary.dropdown-toggle:hover {
	background-color: #fc8078!important
}

.show>.white-skin .btn-secondary.dropdown-toggle,
.white-skin .btn-secondary:not([disabled]):not(.disabled).active,
.white-skin .btn-secondary:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #f01205!important
}

.show>.white-skin .btn-secondary.dropdown-toggle:focus,
.white-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
.white-skin .btn-secondary:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .secondary-ic {
	color: #fc685f!important
}

.white-skin .secondary-ic:focus,
.white-skin .secondary-ic:hover {
	color: #fc685f
}

.white-skin table.table a.btn.btn-secondary {
	color: #fff
}

.white-skin .btn-default {
	background-color: #454545!important;
	color: #fff
}

.white-skin .btn-default:hover {
	background-color: #525252;
	color: #fff
}

.white-skin .btn-default.focus,
.white-skin .btn-default:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .btn-default.active,
.white-skin .btn-default:active,
.white-skin .btn-default:focus {
	background-color: #121212
}

.white-skin .btn-default.dropdown-toggle {
	background-color: #454545!important
}

.white-skin .btn-default.dropdown-toggle:focus,
.white-skin .btn-default.dropdown-toggle:hover {
	background-color: #525252!important
}

.show>.white-skin .btn-default.dropdown-toggle,
.white-skin .btn-default:not([disabled]):not(.disabled).active,
.white-skin .btn-default:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #121212!important
}

.show>.white-skin .btn-default.dropdown-toggle:focus,
.white-skin .btn-default:not([disabled]):not(.disabled).active:focus,
.white-skin .btn-default:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .default-ic {
	color: #454545!important
}

.white-skin .default-ic:focus,
.white-skin .default-ic:hover {
	color: #454545
}

.white-skin a.btn:not([href]):not([tabindex]),
.white-skin a.btn:not([href]):not([tabindex]):focus,
.white-skin a.btn:not([href]):not([tabindex]):hover,
.white-skin table.table a.btn.btn-default {
	color: #fff
}

.white-skin .btn-outline-primary {
	border: 2px solid #4285f4!important;
	background-color: transparent!important;
	color: #4285f4!important
}

.white-skin .btn-outline-primary.active,
.white-skin .btn-outline-primary:active,
.white-skin .btn-outline-primary:active:focus,
.white-skin .btn-outline-primary:focus,
.white-skin .btn-outline-primary:hover {
	border-color: #4285f4!important;
	background-color: transparent!important;
	color: #4285f4!important
}

.show>.white-skin .btn-outline-primary.dropdown-toggle,
.white-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
.white-skin .btn-outline-primary:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #4285f4!important
}

.show>.white-skin .btn-outline-primary.dropdown-toggle:focus,
.white-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.white-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .btn-outline-secondary {
	border: 2px solid #fc685f!important;
	background-color: transparent!important;
	color: #fc685f!important
}

.white-skin .btn-outline-secondary.active,
.white-skin .btn-outline-secondary:active,
.white-skin .btn-outline-secondary:active:focus,
.white-skin .btn-outline-secondary:focus,
.white-skin .btn-outline-secondary:hover {
	border-color: #fc685f!important;
	background-color: transparent!important;
	color: #fc685f!important
}

.show>.white-skin .btn-outline-secondary.dropdown-toggle,
.white-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
.white-skin .btn-outline-secondary:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #fc685f!important
}

.show>.white-skin .btn-outline-secondary.dropdown-toggle:focus,
.white-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.white-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .btn-outline-default {
	border: 2px solid #454545!important;
	background-color: transparent!important;
	color: #454545!important
}

.white-skin .btn-outline-default.active,
.white-skin .btn-outline-default:active,
.white-skin .btn-outline-default:active:focus,
.white-skin .btn-outline-default:focus,
.white-skin .btn-outline-default:hover {
	border-color: #454545!important;
	background-color: transparent!important;
	color: #454545!important
}

.show>.white-skin .btn-outline-default.dropdown-toggle,
.white-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.white-skin .btn-outline-default:not([disabled]):not(.disabled):active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #454545!important
}

.show>.white-skin .btn-outline-default.dropdown-toggle:focus,
.white-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
.white-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-skin .card .btn-action {
	background: #454545
}

.white-skin .card .btn-action:focus,
.white-skin .card .btn-action:hover {
	background-color: #525252!important
}

.white-skin .card .btn-action.active {
	background-color: #121212!important
}

.white-skin .md-outline input[type=date]:focus:not([readonly]),
.white-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.white-skin .md-outline input[type=email]:focus:not([readonly]),
.white-skin .md-outline input[type=number]:focus:not([readonly]),
.white-skin .md-outline input[type=password]:focus:not([readonly]),
.white-skin .md-outline input[type=search-md]:focus:not([readonly]),
.white-skin .md-outline input[type=search]:focus:not([readonly]),
.white-skin .md-outline input[type=tel]:focus:not([readonly]),
.white-skin .md-outline input[type=text]:focus:not([readonly]),
.white-skin .md-outline input[type=time]:focus:not([readonly]),
.white-skin .md-outline input[type=url]:focus:not([readonly]),
.white-skin .md-outline textarea:focus:not([readonly]) {
	border-color: #4285f4;
	box-shadow: inset 0 0 0 1px #4285f4
}

.white-skin .md-outline input[type=date]:focus:not([readonly])+label,
.white-skin .md-outline input[type=datetime-local]:focus:not([readonly])+label,
.white-skin .md-outline input[type=email]:focus:not([readonly])+label,
.white-skin .md-outline input[type=number]:focus:not([readonly])+label,
.white-skin .md-outline input[type=password]:focus:not([readonly])+label,
.white-skin .md-outline input[type=search-md]:focus:not([readonly])+label,
.white-skin .md-outline input[type=search]:focus:not([readonly])+label,
.white-skin .md-outline input[type=tel]:focus:not([readonly])+label,
.white-skin .md-outline input[type=text]:focus:not([readonly])+label,
.white-skin .md-outline input[type=time]:focus:not([readonly])+label,
.white-skin .md-outline input[type=url]:focus:not([readonly])+label,
.white-skin .md-outline textarea:focus:not([readonly])+label {
	color: #4285f4
}

.white-skin .md-bg input[type=date],
.white-skin .md-bg input[type=datetime-local],
.white-skin .md-bg input[type=email],
.white-skin .md-bg input[type=number],
.white-skin .md-bg input[type=password],
.white-skin .md-bg input[type=search-md],
.white-skin .md-bg input[type=search],
.white-skin .md-bg input[type=tel],
.white-skin .md-bg input[type=text],
.white-skin .md-bg input[type=time],
.white-skin .md-bg input[type=url],
.white-skin .md-bg textarea.md-textarea {
	background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da)
}

.white-skin input[type=email]:focus:not([readonly]),
.white-skin input[type=number]:focus:not([readonly]),
.white-skin input[type=password]:focus:not([readonly]),
.white-skin input[type=text]:focus:not([readonly]),
.white-skin textarea.md-textarea:focus:not([readonly]) {
	border-color: #4285f4;
	box-shadow: 0 1px 0 0 #4285f4
}

.white-skin input[type=email]:focus:not([readonly])+label,
.white-skin input[type=number]:focus:not([readonly])+label,
.white-skin input[type=password]:focus:not([readonly])+label,
.white-skin input[type=text]:focus:not([readonly])+label,
.white-skin textarea.md-textarea:focus:not([readonly])+label {
	color: #4285f4
}

.white-skin input[type=checkbox]:checked+label:before {
	border-right: 2px solid #4285f4;
	border-bottom: 2px solid #4285f4
}

.white-skin input[type=checkbox].filled-in:checked+label:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.white-skin input[type=checkbox].filled-in:checked+label:after {
	background-color: #4285f4;
	border-color: #4285f4
}

.white-skin .md-form .prefix.active {
	color: #4285f4
}

.white-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
	color: #4285f4!important
}

.white-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
	border-color: #4285f4;
	box-shadow: inset 0 0 0 1px #4285f4
}

.white-skin .select-wrapper.colorful-select.md-form.md-outline+label.active {
	color: #4285f4
}

.white-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.white-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover,
.white-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active {
	background-color: #4285f4!important
}

.white-skin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
	background-color: transparent!important
}

.white-skin .top-nav-collapse {
	background-color: #fff
}

.white-skin .carousel-multi-item .carousel-indicators li,
.white-skin .carousel-multi-item .carousel-indicators li.active,
.white-skin .carousel-multi-item .controls-top>a {
	background-color: #4285f4
}

.white-skin .card-header,
.white-skin .form-header {
	background-color: #4c8bf5
}

.white-skin .spinner-primary-color,
.white-skin .spinner-primary-color-only {
	border-color: #4285f4
}

.white-skin .pagination-primary-color .page-item.active .page-link,
.white-skin .pagination-primary-color .page-item.active .page-link:focus,
.white-skin .pagination-primary-color .page-item.active .page-link:hover {
	color: #fff;
	background-color: #4285f4
}

.white-skin .pagination-primary-color .page-link {
	color: #4285f4
}

.white-skin .pagination-primary-color .page-link:focus {
	box-shadow: none
}

.black-skin .gradient {
	background: #000;
	background: linear-gradient(135deg, #000 0, #616161 100%)
}

.black-skin .primary-color,
.black-skin ul.stepper li.active a .circle,
.black-skin ul.stepper li.completed a .circle,
ul.stepper li.active a .black-skin .circle,
ul.stepper li.completed a .black-skin .circle {
	background-color: #2ad1a3!important
}

.black-skin .navbar {
	background-color: #222;
	color: #fff
}

.black-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
	color: #000
}

.black-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.black-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.black-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
	background-color: #26bc92
}

.black-skin .navbar.double-nav a {
	color: #fff
}

.black-skin .navbar form .md-form .form-control {
	color: #fff;
	font-weight: 300
}

.black-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
	color: #fff
}

.black-skin .navbar form .md-form .form-control::-moz-placeholder {
	color: #fff
}

.black-skin .navbar form .md-form .form-control:-ms-input-placeholder {
	color: #fff
}

.black-skin .navbar form .md-form .form-control::-ms-input-placeholder {
	color: #fff
}

.black-skin .navbar form .md-form .form-control::placeholder {
	color: #fff
}

.black-skin .page-footer,
.black-skin .side-nav {
	background-color: #222
}

.black-skin .side-nav .logo-wrapper>div {
	background-color: transparent!important
}

.black-skin .side-nav .sn-avatar-wrapper img {
	border: 3px solid #1d9171
}

.black-skin .side-nav .social {
	border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.black-skin .side-nav .social a:hover .fab,
.black-skin .side-nav .social a:hover .far,
.black-skin .side-nav .social a:hover .fas {
	color: #2ad1a3!important;
	transition: all .3s linear
}

.black-skin .side-nav .collapsible li {
	background-color: transparent
}

.black-skin .side-nav .collapsible li .collapsible-header {
	color: #fff;
	transition: all .3s linear
}

.black-skin .side-nav .collapsible li .collapsible-header.active,
.black-skin .side-nav .collapsible li .collapsible-header:hover {
	background-color: #2ad1a3
}

.black-skin .side-nav .collapsible li .collapsible-body a {
	color: #fff
}

.black-skin .side-nav .collapsible li .collapsible-body a.active,
.black-skin .side-nav .collapsible li .collapsible-body a:active,
.black-skin .side-nav .collapsible li .collapsible-body a:hover {
	color: #2ad1a3
}

.black-skin .side-nav .collapsible li .collapsible-body a .fab,
.black-skin .side-nav .collapsible li .collapsible-body a .far,
.black-skin .side-nav .collapsible li .collapsible-body a .fas {
	color: #fff
}

.black-skin .side-nav .collapsible li a:not(.collapsible-header) {
	color: #fff;
	transition: all .3s linear
}

.black-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.black-skin .side-nav .collapsible li a:not(.collapsible-header):active,
.black-skin .side-nav .collapsible li a:not(.collapsible-header):hover {
	color: #2ad1a3!important
}

.black-skin .side-nav .sidenav-bg.mask-strong:after,
.black-skin .side-nav .sidenav-bg:after {
	background: rgba(0, 0, 0, .8)
}

.black-skin .side-nav .sidenav-bg.mask-light:after {
	background: rgba(0, 0, 0, .65)
}

.black-skin .side-nav .sidenav-bg.mask-slight:after {
	background: rgba(0, 0, 0, .5)
}

.black-skin .btn-primary {
	background-color: #2ad1a3!important;
	color: #fff
}

.black-skin .btn-primary:hover {
	background-color: #3dd8ad;
	color: #fff
}

.black-skin .btn-primary.focus,
.black-skin .btn-primary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .btn-primary.active,
.black-skin .btn-primary:active,
.black-skin .btn-primary:focus {
	background-color: #197c61
}

.black-skin .btn-primary.dropdown-toggle {
	background-color: #2ad1a3!important
}

.black-skin .btn-primary.dropdown-toggle:focus,
.black-skin .btn-primary.dropdown-toggle:hover {
	background-color: #3dd8ad!important
}

.black-skin .btn-primary:not([disabled]):not(.disabled).active,
.black-skin .btn-primary:not([disabled]):not(.disabled):active,
.show>.black-skin .btn-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #197c61!important
}

.black-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
.black-skin .btn-primary:not([disabled]):not(.disabled):active:focus,
.show>.black-skin .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .primary-ic {
	color: #2ad1a3!important
}

.black-skin .primary-ic:focus,
.black-skin .primary-ic:hover {
	color: #2ad1a3
}

.black-skin table.table a.btn.btn-primary {
	color: #fff
}

.black-skin .btn-secondary {
	background-color: #0f478a!important;
	color: #fff
}

.black-skin .btn-secondary:hover {
	background-color: #1253a1;
	color: #fff
}

.black-skin .btn-secondary.focus,
.black-skin .btn-secondary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .btn-secondary.active,
.black-skin .btn-secondary:active,
.black-skin .btn-secondary:focus {
	background-color: #05182e
}

.black-skin .btn-secondary.dropdown-toggle {
	background-color: #0f478a!important
}

.black-skin .btn-secondary.dropdown-toggle:focus,
.black-skin .btn-secondary.dropdown-toggle:hover {
	background-color: #1253a1!important
}

.black-skin .btn-secondary:not([disabled]):not(.disabled).active,
.black-skin .btn-secondary:not([disabled]):not(.disabled):active,
.show>.black-skin .btn-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #05182e!important
}

.black-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
.black-skin .btn-secondary:not([disabled]):not(.disabled):active:focus,
.show>.black-skin .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .secondary-ic {
	color: #0f478a!important
}

.black-skin .secondary-ic:focus,
.black-skin .secondary-ic:hover {
	color: #0f478a
}

.black-skin table.table a.btn.btn-secondary {
	color: #fff
}

.black-skin .btn-default {
	background-color: #222!important;
	color: #fff
}

.black-skin .btn-default:hover {
	background-color: #2f2f2f;
	color: #fff
}

.black-skin .btn-default.focus,
.black-skin .btn-default:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .btn-default.active,
.black-skin .btn-default:active,
.black-skin .btn-default:focus {
	background-color: #000
}

.black-skin .btn-default.dropdown-toggle {
	background-color: #222!important
}

.black-skin .btn-default.dropdown-toggle:focus,
.black-skin .btn-default.dropdown-toggle:hover {
	background-color: #2f2f2f!important
}

.black-skin .btn-default:not([disabled]):not(.disabled).active,
.black-skin .btn-default:not([disabled]):not(.disabled):active,
.show>.black-skin .btn-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #000!important
}

.black-skin .btn-default:not([disabled]):not(.disabled).active:focus,
.black-skin .btn-default:not([disabled]):not(.disabled):active:focus,
.show>.black-skin .btn-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .default-ic {
	color: #222!important
}

.black-skin .default-ic:focus,
.black-skin .default-ic:hover {
	color: #222
}

.black-skin a.btn:not([href]):not([tabindex]),
.black-skin a.btn:not([href]):not([tabindex]):focus,
.black-skin a.btn:not([href]):not([tabindex]):hover,
.black-skin table.table a.btn.btn-default {
	color: #fff
}

.black-skin .btn-outline-primary {
	border: 2px solid #2ad1a3!important;
	background-color: transparent!important;
	color: #2ad1a3!important
}

.black-skin .btn-outline-primary.active,
.black-skin .btn-outline-primary:active,
.black-skin .btn-outline-primary:active:focus,
.black-skin .btn-outline-primary:focus,
.black-skin .btn-outline-primary:hover {
	border-color: #2ad1a3!important;
	background-color: transparent!important;
	color: #2ad1a3!important
}

.black-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
.black-skin .btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.black-skin .btn-outline-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #2ad1a3!important
}

.black-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.black-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus,
.show>.black-skin .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .btn-outline-secondary {
	border: 2px solid #0f478a!important;
	background-color: transparent!important;
	color: #0f478a!important
}

.black-skin .btn-outline-secondary.active,
.black-skin .btn-outline-secondary:active,
.black-skin .btn-outline-secondary:active:focus,
.black-skin .btn-outline-secondary:focus,
.black-skin .btn-outline-secondary:hover {
	border-color: #0f478a!important;
	background-color: transparent!important;
	color: #0f478a!important
}

.black-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
.black-skin .btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.black-skin .btn-outline-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #0f478a!important
}

.black-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.black-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus,
.show>.black-skin .btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .btn-outline-default {
	border: 2px solid #222!important;
	background-color: transparent!important;
	color: #222!important
}

.black-skin .btn-outline-default.active,
.black-skin .btn-outline-default:active,
.black-skin .btn-outline-default:active:focus,
.black-skin .btn-outline-default:focus,
.black-skin .btn-outline-default:hover {
	border-color: #222!important;
	background-color: transparent!important;
	color: #222!important
}

.black-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.black-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.show>.black-skin .btn-outline-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #222!important
}

.black-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
.black-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus,
.show>.black-skin .btn-outline-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-skin .card .btn-action {
	background: #222
}

.black-skin .card .btn-action:focus,
.black-skin .card .btn-action:hover {
	background-color: #2f2f2f!important
}

.black-skin .card .btn-action.active {
	background-color: #000!important
}

.black-skin .md-outline input[type=date]:focus:not([readonly]),
.black-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.black-skin .md-outline input[type=email]:focus:not([readonly]),
.black-skin .md-outline input[type=number]:focus:not([readonly]),
.black-skin .md-outline input[type=password]:focus:not([readonly]),
.black-skin .md-outline input[type=search-md]:focus:not([readonly]),
.black-skin .md-outline input[type=search]:focus:not([readonly]),
.black-skin .md-outline input[type=tel]:focus:not([readonly]),
.black-skin .md-outline input[type=text]:focus:not([readonly]),
.black-skin .md-outline input[type=time]:focus:not([readonly]),
.black-skin .md-outline input[type=url]:focus:not([readonly]),
.black-skin .md-outline textarea:focus:not([readonly]) {
	border-color: #2ad1a3;
	box-shadow: inset 0 0 0 1px #2ad1a3
}

.black-skin .md-outline input[type=date]:focus:not([readonly])+label,
.black-skin .md-outline input[type=datetime-local]:focus:not([readonly])+label,
.black-skin .md-outline input[type=email]:focus:not([readonly])+label,
.black-skin .md-outline input[type=number]:focus:not([readonly])+label,
.black-skin .md-outline input[type=password]:focus:not([readonly])+label,
.black-skin .md-outline input[type=search-md]:focus:not([readonly])+label,
.black-skin .md-outline input[type=search]:focus:not([readonly])+label,
.black-skin .md-outline input[type=tel]:focus:not([readonly])+label,
.black-skin .md-outline input[type=text]:focus:not([readonly])+label,
.black-skin .md-outline input[type=time]:focus:not([readonly])+label,
.black-skin .md-outline input[type=url]:focus:not([readonly])+label,
.black-skin .md-outline textarea:focus:not([readonly])+label {
	color: #2ad1a3
}

.black-skin .md-bg input[type=date],
.black-skin .md-bg input[type=datetime-local],
.black-skin .md-bg input[type=email],
.black-skin .md-bg input[type=number],
.black-skin .md-bg input[type=password],
.black-skin .md-bg input[type=search-md],
.black-skin .md-bg input[type=search],
.black-skin .md-bg input[type=tel],
.black-skin .md-bg input[type=text],
.black-skin .md-bg input[type=time],
.black-skin .md-bg input[type=url],
.black-skin .md-bg textarea.md-textarea {
	background-image: linear-gradient(to bottom, #2ad1a3, #2ad1a3), linear-gradient(to bottom, #ced4da, #ced4da)
}

.black-skin input[type=email]:focus:not([readonly]),
.black-skin input[type=number]:focus:not([readonly]),
.black-skin input[type=password]:focus:not([readonly]),
.black-skin input[type=text]:focus:not([readonly]),
.black-skin textarea.md-textarea:focus:not([readonly]) {
	border-color: #2ad1a3;
	box-shadow: 0 1px 0 0 #2ad1a3
}

.black-skin input[type=email]:focus:not([readonly])+label,
.black-skin input[type=number]:focus:not([readonly])+label,
.black-skin input[type=password]:focus:not([readonly])+label,
.black-skin input[type=text]:focus:not([readonly])+label,
.black-skin textarea.md-textarea:focus:not([readonly])+label {
	color: #2ad1a3
}

.black-skin input[type=checkbox]:checked+label:before {
	border-right: 2px solid #2ad1a3;
	border-bottom: 2px solid #2ad1a3
}

.black-skin input[type=checkbox].filled-in:checked+label:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.black-skin input[type=checkbox].filled-in:checked+label:after {
	background-color: #2ad1a3;
	border-color: #2ad1a3
}

.black-skin .md-form .prefix.active {
	color: #2ad1a3
}

.black-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
	color: #2ad1a3!important
}

.black-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
	border-color: #2ad1a3;
	box-shadow: inset 0 0 0 1px #2ad1a3
}

.black-skin .select-wrapper.colorful-select.md-form.md-outline+label.active {
	color: #2ad1a3
}

.black-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.black-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover,
.black-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active {
	background-color: #2ad1a3!important
}

.black-skin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
	background-color: transparent!important
}

.black-skin .top-nav-collapse {
	background-color: #222
}

.black-skin .carousel-multi-item .carousel-indicators li,
.black-skin .carousel-multi-item .carousel-indicators li.active,
.black-skin .carousel-multi-item .controls-top>a {
	background-color: #2ad1a3
}

.black-skin .card-header,
.black-skin .form-header {
	background-color: #30d5a8
}

.black-skin .spinner-primary-color,
.black-skin .spinner-primary-color-only {
	border-color: #2ad1a3
}

.black-skin .pagination-primary-color .page-item.active .page-link,
.black-skin .pagination-primary-color .page-item.active .page-link:focus,
.black-skin .pagination-primary-color .page-item.active .page-link:hover {
	color: #fff;
	background-color: #2ad1a3
}

.black-skin .pagination-primary-color .page-link {
	color: #2ad1a3
}

.black-skin .pagination-primary-color .page-link:focus {
	box-shadow: none
}

.cyan-skin .gradient {
	background: #114861;
	background: linear-gradient(135deg, #114861 0, #45b0c0 100%)
}

.cyan-skin .primary-color,
.cyan-skin ul.stepper li.active a .circle,
.cyan-skin ul.stepper li.completed a .circle,
ul.stepper li.active a .cyan-skin .circle,
ul.stepper li.completed a .cyan-skin .circle {
	background-color: #4fada7!important
}

.cyan-skin .navbar {
	background-color: #114861;
	color: #fff
}

.cyan-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
	color: #000
}

.cyan-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.cyan-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.cyan-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
	background-color: #eea82f
}

.cyan-skin .navbar.double-nav a {
	color: #fff
}

.cyan-skin .navbar form .md-form .form-control {
	color: #fff;
	font-weight: 300
}

.cyan-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
	color: #fff
}

.cyan-skin .navbar form .md-form .form-control::-moz-placeholder {
	color: #fff
}

.cyan-skin .navbar form .md-form .form-control:-ms-input-placeholder {
	color: #fff
}

.cyan-skin .navbar form .md-form .form-control::-ms-input-placeholder {
	color: #fff
}

.cyan-skin .navbar form .md-form .form-control::placeholder {
	color: #fff
}

.cyan-skin .page-footer {
	background-color: #114861
}

.cyan-skin .side-nav {
	background-color: #24879d
}

.cyan-skin .side-nav .logo-wrapper>div {
	background-color: transparent!important
}

.cyan-skin .side-nav .sn-avatar-wrapper img {
	border: 3px solid #d99012
}

.cyan-skin .side-nav .social {
	border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.cyan-skin .side-nav .social a:hover .fab,
.cyan-skin .side-nav .social a:hover .far,
.cyan-skin .side-nav .social a:hover .fas {
	color: #f0b247!important;
	transition: all .3s linear
}

.cyan-skin .side-nav .collapsible li {
	background-color: transparent
}

.cyan-skin .side-nav .collapsible li .collapsible-header {
	color: #fff;
	transition: all .3s linear
}

.cyan-skin .side-nav .collapsible li .collapsible-header.active,
.cyan-skin .side-nav .collapsible li .collapsible-header:hover {
	background-color: rgba(29, 65, 82, .8)
}

.cyan-skin .side-nav .collapsible li .collapsible-body a {
	color: #fff
}

.cyan-skin .side-nav .collapsible li .collapsible-body a.active,
.cyan-skin .side-nav .collapsible li .collapsible-body a:active,
.cyan-skin .side-nav .collapsible li .collapsible-body a:hover {
	color: #ffa742
}

.cyan-skin .side-nav .collapsible li .collapsible-body a .fab,
.cyan-skin .side-nav .collapsible li .collapsible-body a .far,
.cyan-skin .side-nav .collapsible li .collapsible-body a .fas {
	color: #fff
}

.cyan-skin .side-nav .collapsible li a:not(.collapsible-header) {
	color: #fff;
	transition: all .3s linear
}

.cyan-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.cyan-skin .side-nav .collapsible li a:not(.collapsible-header):active,
.cyan-skin .side-nav .collapsible li a:not(.collapsible-header):hover {
	color: #ffa742!important
}

.cyan-skin .side-nav .sidenav-bg.mask-strong:after,
.cyan-skin .side-nav .sidenav-bg:after {
	background: rgba(21, 78, 96, .8)
}

.cyan-skin .side-nav .sidenav-bg.mask-light:after {
	background: rgba(21, 78, 96, .65)
}

.cyan-skin .side-nav .sidenav-bg.mask-slight:after {
	background: rgba(21, 78, 96, .5)
}

.cyan-skin .btn-primary {
	background-color: #ffa742!important;
	color: #fff
}

.cyan-skin .btn-primary:hover {
	background-color: #ffb35c;
	color: #fff
}

.cyan-skin .btn-primary.focus,
.cyan-skin .btn-primary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .btn-primary.active,
.cyan-skin .btn-primary:active,
.cyan-skin .btn-primary:focus {
	background-color: #db7500
}

.cyan-skin .btn-primary.dropdown-toggle {
	background-color: #ffa742!important
}

.cyan-skin .btn-primary.dropdown-toggle:focus,
.cyan-skin .btn-primary.dropdown-toggle:hover {
	background-color: #ffb35c!important
}

.cyan-skin .btn-primary:not([disabled]):not(.disabled).active,
.cyan-skin .btn-primary:not([disabled]):not(.disabled):active,
.show>.cyan-skin .btn-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #db7500!important
}

.cyan-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
.cyan-skin .btn-primary:not([disabled]):not(.disabled):active:focus,
.show>.cyan-skin .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .primary-ic {
	color: #ffa742!important
}

.cyan-skin .primary-ic:focus,
.cyan-skin .primary-ic:hover {
	color: #ffa742
}

.cyan-skin table.table a.btn.btn-primary {
	color: #fff
}

.cyan-skin .btn-secondary {
	background-color: #45b0c0!important;
	color: #fff
}

.cyan-skin .btn-secondary:hover {
	background-color: #58b8c6;
	color: #fff
}

.cyan-skin .btn-secondary.focus,
.cyan-skin .btn-secondary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .btn-secondary.active,
.cyan-skin .btn-secondary:active,
.cyan-skin .btn-secondary:focus {
	background-color: #286d77
}

.cyan-skin .btn-secondary.dropdown-toggle {
	background-color: #45b0c0!important
}

.cyan-skin .btn-secondary.dropdown-toggle:focus,
.cyan-skin .btn-secondary.dropdown-toggle:hover {
	background-color: #58b8c6!important
}

.cyan-skin .btn-secondary:not([disabled]):not(.disabled).active,
.cyan-skin .btn-secondary:not([disabled]):not(.disabled):active,
.show>.cyan-skin .btn-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #286d77!important
}

.cyan-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
.cyan-skin .btn-secondary:not([disabled]):not(.disabled):active:focus,
.show>.cyan-skin .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .secondary-ic {
	color: #45b0c0!important
}

.cyan-skin .secondary-ic:focus,
.cyan-skin .secondary-ic:hover {
	color: #45b0c0
}

.cyan-skin table.table a.btn.btn-secondary {
	color: #fff
}

.cyan-skin .btn-default {
	background-color: #114861!important;
	color: #fff
}

.cyan-skin .btn-default:hover {
	background-color: #155877;
	color: #fff
}

.cyan-skin .btn-default.focus,
.cyan-skin .btn-default:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .btn-default.active,
.cyan-skin .btn-default:active,
.cyan-skin .btn-default:focus {
	background-color: #02080a
}

.cyan-skin .btn-default.dropdown-toggle {
	background-color: #114861!important
}

.cyan-skin .btn-default.dropdown-toggle:focus,
.cyan-skin .btn-default.dropdown-toggle:hover {
	background-color: #155877!important
}

.cyan-skin .btn-default:not([disabled]):not(.disabled).active,
.cyan-skin .btn-default:not([disabled]):not(.disabled):active,
.show>.cyan-skin .btn-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #02080a!important
}

.cyan-skin .btn-default:not([disabled]):not(.disabled).active:focus,
.cyan-skin .btn-default:not([disabled]):not(.disabled):active:focus,
.show>.cyan-skin .btn-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .default-ic {
	color: #114861!important
}

.cyan-skin .default-ic:focus,
.cyan-skin .default-ic:hover {
	color: #114861
}

.cyan-skin a.btn:not([href]):not([tabindex]),
.cyan-skin a.btn:not([href]):not([tabindex]):focus,
.cyan-skin a.btn:not([href]):not([tabindex]):hover,
.cyan-skin table.table a.btn.btn-default {
	color: #fff
}

.cyan-skin .btn-outline-primary {
	border: 2px solid #ffa742!important;
	background-color: transparent!important;
	color: #ffa742!important
}

.cyan-skin .btn-outline-primary.active,
.cyan-skin .btn-outline-primary:active,
.cyan-skin .btn-outline-primary:active:focus,
.cyan-skin .btn-outline-primary:focus,
.cyan-skin .btn-outline-primary:hover {
	border-color: #ffa742!important;
	background-color: transparent!important;
	color: #ffa742!important
}

.cyan-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
.cyan-skin .btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.cyan-skin .btn-outline-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #ffa742!important
}

.cyan-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.cyan-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus,
.show>.cyan-skin .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .btn-outline-secondary {
	border: 2px solid #45b0c0!important;
	background-color: transparent!important;
	color: #45b0c0!important
}

.cyan-skin .btn-outline-secondary.active,
.cyan-skin .btn-outline-secondary:active,
.cyan-skin .btn-outline-secondary:active:focus,
.cyan-skin .btn-outline-secondary:focus,
.cyan-skin .btn-outline-secondary:hover {
	border-color: #45b0c0!important;
	background-color: transparent!important;
	color: #45b0c0!important
}

.cyan-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
.cyan-skin .btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.cyan-skin .btn-outline-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #45b0c0!important
}

.cyan-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.cyan-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus,
.show>.cyan-skin .btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .btn-outline-default {
	border: 2px solid #114861!important;
	background-color: transparent!important;
	color: #114861!important
}

.cyan-skin .btn-outline-default.active,
.cyan-skin .btn-outline-default:active,
.cyan-skin .btn-outline-default:active:focus,
.cyan-skin .btn-outline-default:focus,
.cyan-skin .btn-outline-default:hover {
	border-color: #114861!important;
	background-color: transparent!important;
	color: #114861!important
}

.cyan-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.cyan-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.show>.cyan-skin .btn-outline-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #114861!important
}

.cyan-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
.cyan-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus,
.show>.cyan-skin .btn-outline-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cyan-skin .card .btn-action {
	background: #114861
}

.cyan-skin .card .btn-action:focus,
.cyan-skin .card .btn-action:hover {
	background-color: #155877!important
}

.cyan-skin .card .btn-action.active {
	background-color: #02080a!important
}

.cyan-skin .md-outline input[type=date]:focus:not([readonly]),
.cyan-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.cyan-skin .md-outline input[type=email]:focus:not([readonly]),
.cyan-skin .md-outline input[type=number]:focus:not([readonly]),
.cyan-skin .md-outline input[type=password]:focus:not([readonly]),
.cyan-skin .md-outline input[type=search-md]:focus:not([readonly]),
.cyan-skin .md-outline input[type=search]:focus:not([readonly]),
.cyan-skin .md-outline input[type=tel]:focus:not([readonly]),
.cyan-skin .md-outline input[type=text]:focus:not([readonly]),
.cyan-skin .md-outline input[type=time]:focus:not([readonly]),
.cyan-skin .md-outline input[type=url]:focus:not([readonly]),
.cyan-skin .md-outline textarea:focus:not([readonly]) {
	border-color: #f0b247;
	box-shadow: inset 0 0 0 1px #f0b247
}

.cyan-skin .md-outline input[type=date]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=datetime-local]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=email]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=number]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=password]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=search-md]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=search]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=tel]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=text]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=time]:focus:not([readonly])+label,
.cyan-skin .md-outline input[type=url]:focus:not([readonly])+label,
.cyan-skin .md-outline textarea:focus:not([readonly])+label {
	color: #f0b247
}

.cyan-skin .md-bg input[type=date],
.cyan-skin .md-bg input[type=datetime-local],
.cyan-skin .md-bg input[type=email],
.cyan-skin .md-bg input[type=number],
.cyan-skin .md-bg input[type=password],
.cyan-skin .md-bg input[type=search-md],
.cyan-skin .md-bg input[type=search],
.cyan-skin .md-bg input[type=tel],
.cyan-skin .md-bg input[type=text],
.cyan-skin .md-bg input[type=time],
.cyan-skin .md-bg input[type=url],
.cyan-skin .md-bg textarea.md-textarea {
	background-image: linear-gradient(to bottom, #f0b247, #f0b247), linear-gradient(to bottom, #ced4da, #ced4da)
}

.cyan-skin input[type=email]:focus:not([readonly]),
.cyan-skin input[type=number]:focus:not([readonly]),
.cyan-skin input[type=password]:focus:not([readonly]),
.cyan-skin input[type=text]:focus:not([readonly]),
.cyan-skin textarea.md-textarea:focus:not([readonly]) {
	border-color: #f0b247;
	box-shadow: 0 1px 0 0 #f0b247
}

.cyan-skin input[type=email]:focus:not([readonly])+label,
.cyan-skin input[type=number]:focus:not([readonly])+label,
.cyan-skin input[type=password]:focus:not([readonly])+label,
.cyan-skin input[type=text]:focus:not([readonly])+label,
.cyan-skin textarea.md-textarea:focus:not([readonly])+label {
	color: #f0b247
}

.cyan-skin input[type=checkbox]:checked+label:before {
	border-right: 2px solid #f0b247;
	border-bottom: 2px solid #f0b247
}

.cyan-skin input[type=checkbox].filled-in:checked+label:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.cyan-skin input[type=checkbox].filled-in:checked+label:after {
	background-color: #f0b247;
	border-color: #f0b247
}

.cyan-skin .md-form .prefix.active {
	color: #f0b247
}

.cyan-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
	color: #f0b247!important
}

.cyan-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
	border-color: #f0b247;
	box-shadow: inset 0 0 0 1px #f0b247
}

.cyan-skin .select-wrapper.colorful-select.md-form.md-outline+label.active {
	color: #f0b247
}

.cyan-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.cyan-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover,
.cyan-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active {
	background-color: #f0b247!important
}

.cyan-skin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
	background-color: transparent!important
}

.cyan-skin .top-nav-collapse {
	background-color: #114861
}

.cyan-skin .carousel-multi-item .carousel-indicators li,
.cyan-skin .carousel-multi-item .carousel-indicators li.active,
.cyan-skin .carousel-multi-item .controls-top>a {
	background-color: #f0b247
}

.cyan-skin .card-header,
.cyan-skin .form-header {
	background-color: #f1b650
}

.cyan-skin .spinner-primary-color,
.cyan-skin .spinner-primary-color-only {
	border-color: #4fada7
}

.cyan-skin .pagination-primary-color .page-item.active .page-link,
.cyan-skin .pagination-primary-color .page-item.active .page-link:focus,
.cyan-skin .pagination-primary-color .page-item.active .page-link:hover {
	color: #fff;
	background-color: #4fada7
}

.cyan-skin .pagination-primary-color .page-link {
	color: #4fada7
}

.cyan-skin .pagination-primary-color .page-link:focus {
	box-shadow: none
}

.mdb-skin .gradient {
	background: #0e2135;
	background: linear-gradient(135deg, #0e2135 0, #2c76b8 100%)
}

.mdb-skin .primary-color,
.mdb-skin ul.stepper li.active a .circle,
.mdb-skin ul.stepper li.completed a .circle,
ul.stepper li.active a .mdb-skin .circle,
ul.stepper li.completed a .mdb-skin .circle {
	background-color: #33b5e5!important
}

.mdb-skin .navbar {
	background-color: #243a51;
	color: #fff
}

.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
	color: #000
}

.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
	background-color: #1dade2
}

.mdb-skin .navbar.double-nav a {
	color: #fff
}

.mdb-skin .navbar form .md-form .form-control {
	color: #fff;
	font-weight: 300
}

.mdb-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
	color: #fff
}

.mdb-skin .navbar form .md-form .form-control::-moz-placeholder {
	color: #fff
}

.mdb-skin .navbar form .md-form .form-control:-ms-input-placeholder {
	color: #fff
}

.mdb-skin .navbar form .md-form .form-control::-ms-input-placeholder {
	color: #fff
}

.mdb-skin .navbar form .md-form .form-control::placeholder {
	color: #fff
}

.mdb-skin .page-footer {
	background-color: #243a51
}

.mdb-skin .side-nav {
	background-color: #224562
}

.mdb-skin .side-nav .logo-wrapper>div {
	background-color: transparent!important
}

.mdb-skin .side-nav .sn-avatar-wrapper img {
	border: 3px solid #178ab4
}

.mdb-skin .side-nav .social {
	border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.mdb-skin .side-nav .social a:hover .fab,
.mdb-skin .side-nav .social a:hover .far,
.mdb-skin .side-nav .social a:hover .fas {
	color: #33b5e5!important;
	transition: all .3s linear
}

.mdb-skin .side-nav .collapsible li {
	background-color: transparent
}

.mdb-skin .side-nav .collapsible li .collapsible-header {
	color: #fff;
	transition: all .3s linear
}

.mdb-skin .side-nav .collapsible li .collapsible-header.active,
.mdb-skin .side-nav .collapsible li .collapsible-header:hover {
	background-color: rgba(72, 198, 255, .8)
}

.mdb-skin .side-nav .collapsible li .collapsible-body a {
	color: #fff
}

.mdb-skin .side-nav .collapsible li .collapsible-body a.active,
.mdb-skin .side-nav .collapsible li .collapsible-body a:active,
.mdb-skin .side-nav .collapsible li .collapsible-body a:hover {
	color: #67d5ff
}

.mdb-skin .side-nav .collapsible li .collapsible-body a .fab,
.mdb-skin .side-nav .collapsible li .collapsible-body a .far,
.mdb-skin .side-nav .collapsible li .collapsible-body a .fas {
	color: #fff
}

.mdb-skin .side-nav .collapsible li a:not(.collapsible-header) {
	color: #fff;
	transition: all .3s linear
}

.mdb-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.mdb-skin .side-nav .collapsible li a:not(.collapsible-header):active,
.mdb-skin .side-nav .collapsible li a:not(.collapsible-header):hover {
	color: #67d5ff!important
}

.mdb-skin .side-nav .sidenav-bg.mask-strong:after,
.mdb-skin .side-nav .sidenav-bg:after {
	background: rgba(13, 36, 60, .8)
}

.mdb-skin .side-nav .sidenav-bg.mask-light:after {
	background: rgba(13, 36, 60, .65)
}

.mdb-skin .side-nav .sidenav-bg.mask-slight:after {
	background: rgba(13, 36, 60, .5)
}

.mdb-skin .btn-primary {
	background-color: #33b5e5!important;
	color: #fff
}

.mdb-skin .btn-primary:hover {
	background-color: #4abde8;
	color: #fff
}

.mdb-skin .btn-primary.focus,
.mdb-skin .btn-primary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .btn-primary.active,
.mdb-skin .btn-primary:active,
.mdb-skin .btn-primary:focus {
	background-color: #14799e
}

.mdb-skin .btn-primary.dropdown-toggle {
	background-color: #33b5e5!important
}

.mdb-skin .btn-primary.dropdown-toggle:focus,
.mdb-skin .btn-primary.dropdown-toggle:hover {
	background-color: #4abde8!important
}

.mdb-skin .btn-primary:not([disabled]):not(.disabled).active,
.mdb-skin .btn-primary:not([disabled]):not(.disabled):active,
.show>.mdb-skin .btn-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #14799e!important
}

.mdb-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
.mdb-skin .btn-primary:not([disabled]):not(.disabled):active:focus,
.show>.mdb-skin .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .primary-ic {
	color: #33b5e5!important
}

.mdb-skin .primary-ic:focus,
.mdb-skin .primary-ic:hover {
	color: #33b5e5
}

.mdb-skin table.table a.btn.btn-primary {
	color: #fff
}

.mdb-skin .btn-secondary {
	background-color: #0e3d67!important;
	color: #fff
}

.mdb-skin .btn-secondary:hover {
	background-color: #114a7d;
	color: #fff
}

.mdb-skin .btn-secondary.focus,
.mdb-skin .btn-secondary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .btn-secondary.active,
.mdb-skin .btn-secondary:active,
.mdb-skin .btn-secondary:focus {
	background-color: #02080d
}

.mdb-skin .btn-secondary.dropdown-toggle {
	background-color: #0e3d67!important
}

.mdb-skin .btn-secondary.dropdown-toggle:focus,
.mdb-skin .btn-secondary.dropdown-toggle:hover {
	background-color: #114a7d!important
}

.mdb-skin .btn-secondary:not([disabled]):not(.disabled).active,
.mdb-skin .btn-secondary:not([disabled]):not(.disabled):active,
.show>.mdb-skin .btn-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #02080d!important
}

.mdb-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
.mdb-skin .btn-secondary:not([disabled]):not(.disabled):active:focus,
.show>.mdb-skin .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .secondary-ic {
	color: #0e3d67!important
}

.mdb-skin .secondary-ic:focus,
.mdb-skin .secondary-ic:hover {
	color: #0e3d67
}

.mdb-skin table.table a.btn.btn-secondary {
	color: #fff
}

.mdb-skin .btn-default {
	background-color: #1a6398!important;
	color: #fff
}

.mdb-skin .btn-default:hover {
	background-color: #1e71ae;
	color: #fff
}

.mdb-skin .btn-default.focus,
.mdb-skin .btn-default:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .btn-default.active,
.mdb-skin .btn-default:active,
.mdb-skin .btn-default:focus {
	background-color: #0b2a41
}

.mdb-skin .btn-default.dropdown-toggle {
	background-color: #1a6398!important
}

.mdb-skin .btn-default.dropdown-toggle:focus,
.mdb-skin .btn-default.dropdown-toggle:hover {
	background-color: #1e71ae!important
}

.mdb-skin .btn-default:not([disabled]):not(.disabled).active,
.mdb-skin .btn-default:not([disabled]):not(.disabled):active,
.show>.mdb-skin .btn-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #0b2a41!important
}

.mdb-skin .btn-default:not([disabled]):not(.disabled).active:focus,
.mdb-skin .btn-default:not([disabled]):not(.disabled):active:focus,
.show>.mdb-skin .btn-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .default-ic {
	color: #1a6398!important
}

.mdb-skin .default-ic:focus,
.mdb-skin .default-ic:hover {
	color: #1a6398
}

.mdb-skin a.btn:not([href]):not([tabindex]),
.mdb-skin a.btn:not([href]):not([tabindex]):focus,
.mdb-skin a.btn:not([href]):not([tabindex]):hover,
.mdb-skin table.table a.btn.btn-default {
	color: #fff
}

.mdb-skin .btn-outline-primary {
	border: 2px solid #33b5e5!important;
	background-color: transparent!important;
	color: #33b5e5!important
}

.mdb-skin .btn-outline-primary.active,
.mdb-skin .btn-outline-primary:active,
.mdb-skin .btn-outline-primary:active:focus,
.mdb-skin .btn-outline-primary:focus,
.mdb-skin .btn-outline-primary:hover {
	border-color: #33b5e5!important;
	background-color: transparent!important;
	color: #33b5e5!important
}

.mdb-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
.mdb-skin .btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.mdb-skin .btn-outline-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #33b5e5!important
}

.mdb-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.mdb-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus,
.show>.mdb-skin .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .btn-outline-secondary {
	border: 2px solid #0e3d67!important;
	background-color: transparent!important;
	color: #0e3d67!important
}

.mdb-skin .btn-outline-secondary.active,
.mdb-skin .btn-outline-secondary:active,
.mdb-skin .btn-outline-secondary:active:focus,
.mdb-skin .btn-outline-secondary:focus,
.mdb-skin .btn-outline-secondary:hover {
	border-color: #0e3d67!important;
	background-color: transparent!important;
	color: #0e3d67!important
}

.mdb-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
.mdb-skin .btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.mdb-skin .btn-outline-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #0e3d67!important
}

.mdb-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.mdb-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus,
.show>.mdb-skin .btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .btn-outline-default {
	border: 2px solid #1a6398!important;
	background-color: transparent!important;
	color: #1a6398!important
}

.mdb-skin .btn-outline-default.active,
.mdb-skin .btn-outline-default:active,
.mdb-skin .btn-outline-default:active:focus,
.mdb-skin .btn-outline-default:focus,
.mdb-skin .btn-outline-default:hover {
	border-color: #1a6398!important;
	background-color: transparent!important;
	color: #1a6398!important
}

.mdb-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.mdb-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.show>.mdb-skin .btn-outline-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #1a6398!important
}

.mdb-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
.mdb-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus,
.show>.mdb-skin .btn-outline-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-skin .card .btn-action {
	background: #1a6398
}

.mdb-skin .card .btn-action:focus,
.mdb-skin .card .btn-action:hover {
	background-color: #1e71ae!important
}

.mdb-skin .card .btn-action.active {
	background-color: #0b2a41!important
}

.mdb-skin .md-outline input[type=date]:focus:not([readonly]),
.mdb-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.mdb-skin .md-outline input[type=email]:focus:not([readonly]),
.mdb-skin .md-outline input[type=number]:focus:not([readonly]),
.mdb-skin .md-outline input[type=password]:focus:not([readonly]),
.mdb-skin .md-outline input[type=search-md]:focus:not([readonly]),
.mdb-skin .md-outline input[type=search]:focus:not([readonly]),
.mdb-skin .md-outline input[type=tel]:focus:not([readonly]),
.mdb-skin .md-outline input[type=text]:focus:not([readonly]),
.mdb-skin .md-outline input[type=time]:focus:not([readonly]),
.mdb-skin .md-outline input[type=url]:focus:not([readonly]),
.mdb-skin .md-outline textarea:focus:not([readonly]) {
	border-color: #33b5e5;
	box-shadow: inset 0 0 0 1px #33b5e5
}

.mdb-skin .md-outline input[type=date]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=datetime-local]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=email]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=number]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=password]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=search-md]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=search]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=tel]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=text]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=time]:focus:not([readonly])+label,
.mdb-skin .md-outline input[type=url]:focus:not([readonly])+label,
.mdb-skin .md-outline textarea:focus:not([readonly])+label {
	color: #33b5e5
}

.mdb-skin .md-bg input[type=date],
.mdb-skin .md-bg input[type=datetime-local],
.mdb-skin .md-bg input[type=email],
.mdb-skin .md-bg input[type=number],
.mdb-skin .md-bg input[type=password],
.mdb-skin .md-bg input[type=search-md],
.mdb-skin .md-bg input[type=search],
.mdb-skin .md-bg input[type=tel],
.mdb-skin .md-bg input[type=text],
.mdb-skin .md-bg input[type=time],
.mdb-skin .md-bg input[type=url],
.mdb-skin .md-bg textarea.md-textarea {
	background-image: linear-gradient(to bottom, #33b5e5, #33b5e5), linear-gradient(to bottom, #ced4da, #ced4da)
}

.mdb-skin input[type=email]:focus:not([readonly]),
.mdb-skin input[type=number]:focus:not([readonly]),
.mdb-skin input[type=password]:focus:not([readonly]),
.mdb-skin input[type=text]:focus:not([readonly]),
.mdb-skin textarea.md-textarea:focus:not([readonly]) {
	border-color: #33b5e5;
	box-shadow: 0 1px 0 0 #33b5e5
}

.mdb-skin input[type=email]:focus:not([readonly])+label,
.mdb-skin input[type=number]:focus:not([readonly])+label,
.mdb-skin input[type=password]:focus:not([readonly])+label,
.mdb-skin input[type=text]:focus:not([readonly])+label,
.mdb-skin textarea.md-textarea:focus:not([readonly])+label {
	color: #33b5e5
}

.mdb-skin input[type=checkbox]:checked+label:before {
	border-right: 2px solid #33b5e5;
	border-bottom: 2px solid #33b5e5
}

.mdb-skin input[type=checkbox].filled-in:checked+label:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.mdb-skin input[type=checkbox].filled-in:checked+label:after {
	background-color: #33b5e5;
	border-color: #33b5e5
}

.mdb-skin .md-form .prefix.active {
	color: #33b5e5
}

.mdb-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
	color: #33b5e5!important
}

.mdb-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
	border-color: #33b5e5;
	box-shadow: inset 0 0 0 1px #33b5e5
}

.mdb-skin .select-wrapper.colorful-select.md-form.md-outline+label.active {
	color: #33b5e5
}

.mdb-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.mdb-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover,
.mdb-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active {
	background-color: #33b5e5!important
}

.mdb-skin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
	background-color: transparent!important
}

.mdb-skin .top-nav-collapse {
	background-color: #243a51
}

.mdb-skin .carousel-multi-item .carousel-indicators li,
.mdb-skin .carousel-multi-item .carousel-indicators li.active,
.mdb-skin .carousel-multi-item .controls-top>a {
	background-color: #33b5e5
}

.mdb-skin .card-header,
.mdb-skin .form-header {
	background-color: #3cb8e6
}

.mdb-skin .spinner-primary-color,
.mdb-skin .spinner-primary-color-only {
	border-color: #33b5e5
}

.mdb-skin .pagination-primary-color .page-item.active .page-link,
.mdb-skin .pagination-primary-color .page-item.active .page-link:focus,
.mdb-skin .pagination-primary-color .page-item.active .page-link:hover {
	color: #fff;
	background-color: #33b5e5
}

.mdb-skin .pagination-primary-color .page-link {
	color: #33b5e5
}

.mdb-skin .pagination-primary-color .page-link:focus {
	box-shadow: none
}

.deep-purple-skin .gradient {
	background: #2e1f49;
	background: linear-gradient(135deg, #2e1f49 0, #a47fe3 100%)
}

.deep-purple-skin .primary-color,
.deep-purple-skin ul.stepper li.active a .circle,
.deep-purple-skin ul.stepper li.completed a .circle,
ul.stepper li.active a .deep-purple-skin .circle,
ul.stepper li.completed a .deep-purple-skin .circle {
	background-color: #d0637c!important
}

.deep-purple-skin .navbar {
	background-color: #7f7e91;
	color: #fff
}

.deep-purple-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
	color: #000
}

.deep-purple-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.deep-purple-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.deep-purple-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
	background-color: #9d6eed
}

.deep-purple-skin .navbar.double-nav a {
	color: #fff
}

.deep-purple-skin .navbar form .md-form .form-control {
	color: #fff;
	font-weight: 300
}

.deep-purple-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
	color: #fff
}

.deep-purple-skin .navbar form .md-form .form-control::-moz-placeholder {
	color: #fff
}

.deep-purple-skin .navbar form .md-form .form-control:-ms-input-placeholder {
	color: #fff
}

.deep-purple-skin .navbar form .md-form .form-control::-ms-input-placeholder {
	color: #fff
}

.deep-purple-skin .navbar form .md-form .form-control::placeholder {
	color: #fff
}

.deep-purple-skin .page-footer {
	background-color: #7f7e91
}

.deep-purple-skin .side-nav {
	background-color: #372e5f
}

.deep-purple-skin .side-nav .logo-wrapper>div {
	background-color: transparent!important
}

.deep-purple-skin .side-nav .sn-avatar-wrapper img {
	border: 3px solid #7e41e8
}

.deep-purple-skin .side-nav .social {
	border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.deep-purple-skin .side-nav .social a:hover .fab,
.deep-purple-skin .side-nav .social a:hover .far,
.deep-purple-skin .side-nav .social a:hover .fas {
	color: #ac85f0!important;
	transition: all .3s linear
}

.deep-purple-skin .side-nav .collapsible li {
	background-color: transparent
}

.deep-purple-skin .side-nav .collapsible li .collapsible-header {
	color: #fff;
	transition: all .3s linear
}

.deep-purple-skin .side-nav .collapsible li .collapsible-header.active,
.deep-purple-skin .side-nav .collapsible li .collapsible-header:hover {
	background-color: rgba(176, 139, 240, .5)
}

.deep-purple-skin .side-nav .collapsible li .collapsible-body a {
	color: #fff
}

.deep-purple-skin .side-nav .collapsible li .collapsible-body a.active,
.deep-purple-skin .side-nav .collapsible li .collapsible-body a:active,
.deep-purple-skin .side-nav .collapsible li .collapsible-body a:hover {
	color: #c9abfc
}

.deep-purple-skin .side-nav .collapsible li .collapsible-body a .fab,
.deep-purple-skin .side-nav .collapsible li .collapsible-body a .far,
.deep-purple-skin .side-nav .collapsible li .collapsible-body a .fas {
	color: #fff
}

.deep-purple-skin .side-nav .collapsible li a:not(.collapsible-header) {
	color: #fff;
	transition: all .3s linear
}

.deep-purple-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.deep-purple-skin .side-nav .collapsible li a:not(.collapsible-header):active,
.deep-purple-skin .side-nav .collapsible li a:not(.collapsible-header):hover {
	color: #c9abfc!important
}

.deep-purple-skin .side-nav .sidenav-bg.mask-strong:after,
.deep-purple-skin .side-nav .sidenav-bg:after {
	background: rgba(36, 9, 56, .88)
}

.deep-purple-skin .side-nav .sidenav-bg.mask-light:after {
	background: rgba(36, 9, 56, .65)
}

.deep-purple-skin .side-nav .sidenav-bg.mask-slight:after {
	background: rgba(36, 9, 56, .5)
}

.deep-purple-skin .btn-primary {
	background-color: #ac85f0!important;
	color: #fff
}

.deep-purple-skin .btn-primary:hover {
	background-color: #bb9cf3;
	color: #fff
}

.deep-purple-skin .btn-primary.focus,
.deep-purple-skin .btn-primary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .btn-primary.active,
.deep-purple-skin .btn-primary:active,
.deep-purple-skin .btn-primary:focus {
	background-color: #6e2ae5
}

.deep-purple-skin .btn-primary.dropdown-toggle {
	background-color: #ac85f0!important
}

.deep-purple-skin .btn-primary.dropdown-toggle:focus,
.deep-purple-skin .btn-primary.dropdown-toggle:hover {
	background-color: #bb9cf3!important
}

.deep-purple-skin .btn-primary:not([disabled]):not(.disabled).active,
.deep-purple-skin .btn-primary:not([disabled]):not(.disabled):active,
.show>.deep-purple-skin .btn-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #6e2ae5!important
}

.deep-purple-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
.deep-purple-skin .btn-primary:not([disabled]):not(.disabled):active:focus,
.show>.deep-purple-skin .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .primary-ic {
	color: #ac85f0!important
}

.deep-purple-skin .primary-ic:focus,
.deep-purple-skin .primary-ic:hover {
	color: #ac85f0
}

.deep-purple-skin table.table a.btn.btn-primary {
	color: #fff
}

.deep-purple-skin .btn-secondary {
	background-color: #6e4ca3!important;
	color: #fff
}

.deep-purple-skin .btn-secondary:hover {
	background-color: #7a58b1;
	color: #fff
}

.deep-purple-skin .btn-secondary.focus,
.deep-purple-skin .btn-secondary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .btn-secondary.active,
.deep-purple-skin .btn-secondary:active,
.deep-purple-skin .btn-secondary:focus {
	background-color: #3f2c5d
}

.deep-purple-skin .btn-secondary.dropdown-toggle {
	background-color: #6e4ca3!important
}

.deep-purple-skin .btn-secondary.dropdown-toggle:focus,
.deep-purple-skin .btn-secondary.dropdown-toggle:hover {
	background-color: #7a58b1!important
}

.deep-purple-skin .btn-secondary:not([disabled]):not(.disabled).active,
.deep-purple-skin .btn-secondary:not([disabled]):not(.disabled):active,
.show>.deep-purple-skin .btn-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #3f2c5d!important
}

.deep-purple-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
.deep-purple-skin .btn-secondary:not([disabled]):not(.disabled):active:focus,
.show>.deep-purple-skin .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .secondary-ic {
	color: #6e4ca3!important
}

.deep-purple-skin .secondary-ic:focus,
.deep-purple-skin .secondary-ic:hover {
	color: #6e4ca3
}

.deep-purple-skin table.table a.btn.btn-secondary {
	color: #fff
}

.deep-purple-skin .btn-default {
	background-color: #372e5f!important;
	color: #fff
}

.deep-purple-skin .btn-default:hover {
	background-color: #413670;
	color: #fff
}

.deep-purple-skin .btn-default.focus,
.deep-purple-skin .btn-default:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .btn-default.active,
.deep-purple-skin .btn-default:active,
.deep-purple-skin .btn-default:focus {
	background-color: #0f0d1a
}

.deep-purple-skin .btn-default.dropdown-toggle {
	background-color: #372e5f!important
}

.deep-purple-skin .btn-default.dropdown-toggle:focus,
.deep-purple-skin .btn-default.dropdown-toggle:hover {
	background-color: #413670!important
}

.deep-purple-skin .btn-default:not([disabled]):not(.disabled).active,
.deep-purple-skin .btn-default:not([disabled]):not(.disabled):active,
.show>.deep-purple-skin .btn-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #0f0d1a!important
}

.deep-purple-skin .btn-default:not([disabled]):not(.disabled).active:focus,
.deep-purple-skin .btn-default:not([disabled]):not(.disabled):active:focus,
.show>.deep-purple-skin .btn-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .default-ic {
	color: #372e5f!important
}

.deep-purple-skin .default-ic:focus,
.deep-purple-skin .default-ic:hover {
	color: #372e5f
}

.deep-purple-skin a.btn:not([href]):not([tabindex]),
.deep-purple-skin a.btn:not([href]):not([tabindex]):focus,
.deep-purple-skin a.btn:not([href]):not([tabindex]):hover,
.deep-purple-skin table.table a.btn.btn-default {
	color: #fff
}

.deep-purple-skin .btn-outline-primary {
	border: 2px solid #ac85f0!important;
	background-color: transparent!important;
	color: #ac85f0!important
}

.deep-purple-skin .btn-outline-primary.active,
.deep-purple-skin .btn-outline-primary:active,
.deep-purple-skin .btn-outline-primary:active:focus,
.deep-purple-skin .btn-outline-primary:focus,
.deep-purple-skin .btn-outline-primary:hover {
	border-color: #ac85f0!important;
	background-color: transparent!important;
	color: #ac85f0!important
}

.deep-purple-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
.deep-purple-skin .btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.deep-purple-skin .btn-outline-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #ac85f0!important
}

.deep-purple-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.deep-purple-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus,
.show>.deep-purple-skin .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .btn-outline-secondary {
	border: 2px solid #6e4ca3!important;
	background-color: transparent!important;
	color: #6e4ca3!important
}

.deep-purple-skin .btn-outline-secondary.active,
.deep-purple-skin .btn-outline-secondary:active,
.deep-purple-skin .btn-outline-secondary:active:focus,
.deep-purple-skin .btn-outline-secondary:focus,
.deep-purple-skin .btn-outline-secondary:hover {
	border-color: #6e4ca3!important;
	background-color: transparent!important;
	color: #6e4ca3!important
}

.deep-purple-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
.deep-purple-skin .btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.deep-purple-skin .btn-outline-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #6e4ca3!important
}

.deep-purple-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.deep-purple-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus,
.show>.deep-purple-skin .btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .btn-outline-default {
	border: 2px solid #372e5f!important;
	background-color: transparent!important;
	color: #372e5f!important
}

.deep-purple-skin .btn-outline-default.active,
.deep-purple-skin .btn-outline-default:active,
.deep-purple-skin .btn-outline-default:active:focus,
.deep-purple-skin .btn-outline-default:focus,
.deep-purple-skin .btn-outline-default:hover {
	border-color: #372e5f!important;
	background-color: transparent!important;
	color: #372e5f!important
}

.deep-purple-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.deep-purple-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.show>.deep-purple-skin .btn-outline-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #372e5f!important
}

.deep-purple-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
.deep-purple-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus,
.show>.deep-purple-skin .btn-outline-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-skin .card .btn-action {
	background: #372e5f
}

.deep-purple-skin .card .btn-action:focus,
.deep-purple-skin .card .btn-action:hover {
	background-color: #413670!important
}

.deep-purple-skin .card .btn-action.active {
	background-color: #0f0d1a!important
}

.deep-purple-skin .md-outline input[type=date]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=email]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=number]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=password]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=search-md]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=search]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=tel]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=text]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=time]:focus:not([readonly]),
.deep-purple-skin .md-outline input[type=url]:focus:not([readonly]),
.deep-purple-skin .md-outline textarea:focus:not([readonly]) {
	border-color: #ac85f0;
	box-shadow: inset 0 0 0 1px #ac85f0
}

.deep-purple-skin .md-outline input[type=date]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=datetime-local]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=email]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=number]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=password]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=search-md]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=search]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=tel]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=text]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=time]:focus:not([readonly])+label,
.deep-purple-skin .md-outline input[type=url]:focus:not([readonly])+label,
.deep-purple-skin .md-outline textarea:focus:not([readonly])+label {
	color: #ac85f0
}

.deep-purple-skin .md-bg input[type=date],
.deep-purple-skin .md-bg input[type=datetime-local],
.deep-purple-skin .md-bg input[type=email],
.deep-purple-skin .md-bg input[type=number],
.deep-purple-skin .md-bg input[type=password],
.deep-purple-skin .md-bg input[type=search-md],
.deep-purple-skin .md-bg input[type=search],
.deep-purple-skin .md-bg input[type=tel],
.deep-purple-skin .md-bg input[type=text],
.deep-purple-skin .md-bg input[type=time],
.deep-purple-skin .md-bg input[type=url],
.deep-purple-skin .md-bg textarea.md-textarea {
	background-image: linear-gradient(to bottom, #ac85f0, #ac85f0), linear-gradient(to bottom, #ced4da, #ced4da)
}

.deep-purple-skin input[type=email]:focus:not([readonly]),
.deep-purple-skin input[type=number]:focus:not([readonly]),
.deep-purple-skin input[type=password]:focus:not([readonly]),
.deep-purple-skin input[type=text]:focus:not([readonly]),
.deep-purple-skin textarea.md-textarea:focus:not([readonly]) {
	border-color: #ac85f0;
	box-shadow: 0 1px 0 0 #ac85f0
}

.deep-purple-skin input[type=email]:focus:not([readonly])+label,
.deep-purple-skin input[type=number]:focus:not([readonly])+label,
.deep-purple-skin input[type=password]:focus:not([readonly])+label,
.deep-purple-skin input[type=text]:focus:not([readonly])+label,
.deep-purple-skin textarea.md-textarea:focus:not([readonly])+label {
	color: #ac85f0
}

.deep-purple-skin input[type=checkbox]:checked+label:before {
	border-right: 2px solid #ac85f0;
	border-bottom: 2px solid #ac85f0
}

.deep-purple-skin input[type=checkbox].filled-in:checked+label:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.deep-purple-skin input[type=checkbox].filled-in:checked+label:after {
	background-color: #ac85f0;
	border-color: #ac85f0
}

.deep-purple-skin .md-form .prefix.active {
	color: #ac85f0
}

.deep-purple-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
	color: #ac85f0!important
}

.deep-purple-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
	border-color: #ac85f0;
	box-shadow: inset 0 0 0 1px #ac85f0
}

.deep-purple-skin .select-wrapper.colorful-select.md-form.md-outline+label.active {
	color: #ac85f0
}

.deep-purple-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.deep-purple-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover,
.deep-purple-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active {
	background-color: #ac85f0!important
}

.deep-purple-skin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
	background-color: transparent!important
}

.deep-purple-skin .top-nav-collapse {
	background-color: #7f7e91
}

.deep-purple-skin .carousel-multi-item .carousel-indicators li,
.deep-purple-skin .carousel-multi-item .carousel-indicators li.active,
.deep-purple-skin .carousel-multi-item .controls-top>a {
	background-color: #ac85f0
}

.deep-purple-skin .card-header,
.deep-purple-skin .form-header {
	background-color: #b28ef1
}

.deep-purple-skin .spinner-primary-color,
.deep-purple-skin .spinner-primary-color-only {
	border-color: #d0637c
}

.deep-purple-skin .pagination-primary-color .page-item.active .page-link,
.deep-purple-skin .pagination-primary-color .page-item.active .page-link:focus,
.deep-purple-skin .pagination-primary-color .page-item.active .page-link:hover {
	color: #fff;
	background-color: #d0637c
}

.deep-purple-skin .pagination-primary-color .page-link {
	color: #d0637c
}

.deep-purple-skin .pagination-primary-color .page-link:focus {
	box-shadow: none
}

.navy-blue-skin .gradient {
	background: #222735;
	background: linear-gradient(135deg, #222735 0, #4f68a6 100%)
}

.navy-blue-skin .primary-color,
.navy-blue-skin ul.stepper li.active a .circle,
.navy-blue-skin ul.stepper li.completed a .circle,
ul.stepper li.active a .navy-blue-skin .circle,
ul.stepper li.completed a .navy-blue-skin .circle {
	background-color: #309e9e!important
}

.navy-blue-skin .navbar {
	background-color: #353b50;
	color: #fff
}

.navy-blue-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
	color: #000
}

.navy-blue-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.navy-blue-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.navy-blue-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
	background-color: #36b6b6
}

.navy-blue-skin .navbar.double-nav a {
	color: #fff
}

.navy-blue-skin .navbar form .md-form .form-control {
	color: #fff;
	font-weight: 300
}

.navy-blue-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
	color: #fff
}

.navy-blue-skin .navbar form .md-form .form-control::-moz-placeholder {
	color: #fff
}

.navy-blue-skin .navbar form .md-form .form-control:-ms-input-placeholder {
	color: #fff
}

.navy-blue-skin .navbar form .md-form .form-control::-ms-input-placeholder {
	color: #fff
}

.navy-blue-skin .navbar form .md-form .form-control::placeholder {
	color: #fff
}

.navy-blue-skin .page-footer {
	background-color: #353b50
}

.navy-blue-skin .side-nav {
	background-color: #4c5678
}

.navy-blue-skin .side-nav .logo-wrapper>div {
	background-color: transparent!important
}

.navy-blue-skin .side-nav .sn-avatar-wrapper img {
	border: 3px solid #2b8f8f
}

.navy-blue-skin .side-nav .social {
	border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.navy-blue-skin .side-nav .social a:hover .fab,
.navy-blue-skin .side-nav .social a:hover .far,
.navy-blue-skin .side-nav .social a:hover .fas {
	color: #40c6c6!important;
	transition: all .3s linear
}

.navy-blue-skin .side-nav .collapsible li {
	background-color: transparent
}

.navy-blue-skin .side-nav .collapsible li .collapsible-header {
	color: #fff;
	transition: all .3s linear
}

.navy-blue-skin .side-nav .collapsible li .collapsible-header.active,
.navy-blue-skin .side-nav .collapsible li .collapsible-header:hover {
	background-color: rgba(37, 207, 207, .8)
}

.navy-blue-skin .side-nav .collapsible li .collapsible-body a {
	color: #fff
}

.navy-blue-skin .side-nav .collapsible li .collapsible-body a.active,
.navy-blue-skin .side-nav .collapsible li .collapsible-body a:active,
.navy-blue-skin .side-nav .collapsible li .collapsible-body a:hover {
	color: #40c6c6
}

.navy-blue-skin .side-nav .collapsible li .collapsible-body a .fab,
.navy-blue-skin .side-nav .collapsible li .collapsible-body a .far,
.navy-blue-skin .side-nav .collapsible li .collapsible-body a .fas {
	color: #fff
}

.navy-blue-skin .side-nav .collapsible li a:not(.collapsible-header) {
	color: #fff;
	transition: all .3s linear
}

.navy-blue-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.navy-blue-skin .side-nav .collapsible li a:not(.collapsible-header):active,
.navy-blue-skin .side-nav .collapsible li a:not(.collapsible-header):hover {
	color: #40c6c6!important
}

.navy-blue-skin .side-nav .sidenav-bg.mask-strong:after,
.navy-blue-skin .side-nav .sidenav-bg:after {
	background: rgba(14, 15, 32, .8)
}

.navy-blue-skin .side-nav .sidenav-bg.mask-light:after {
	background: rgba(14, 15, 32, .65)
}

.navy-blue-skin .side-nav .sidenav-bg.mask-slight:after {
	background: rgba(14, 15, 32, .5)
}

.navy-blue-skin .btn-primary {
	background-color: #40c6c6!important;
	color: #fff
}

.navy-blue-skin .btn-primary:hover {
	background-color: #54cccc;
	color: #fff
}

.navy-blue-skin .btn-primary.focus,
.navy-blue-skin .btn-primary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .btn-primary.active,
.navy-blue-skin .btn-primary:active,
.navy-blue-skin .btn-primary:focus {
	background-color: #257b7b
}

.navy-blue-skin .btn-primary.dropdown-toggle {
	background-color: #40c6c6!important
}

.navy-blue-skin .btn-primary.dropdown-toggle:focus,
.navy-blue-skin .btn-primary.dropdown-toggle:hover {
	background-color: #54cccc!important
}

.navy-blue-skin .btn-primary:not([disabled]):not(.disabled).active,
.navy-blue-skin .btn-primary:not([disabled]):not(.disabled):active,
.show>.navy-blue-skin .btn-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #257b7b!important
}

.navy-blue-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
.navy-blue-skin .btn-primary:not([disabled]):not(.disabled):active:focus,
.show>.navy-blue-skin .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .primary-ic {
	color: #40c6c6!important
}

.navy-blue-skin .primary-ic:focus,
.navy-blue-skin .primary-ic:hover {
	color: #40c6c6
}

.navy-blue-skin table.table a.btn.btn-primary {
	color: #fff
}

.navy-blue-skin .btn-secondary {
	background-color: #7e51b4!important;
	color: #fff
}

.navy-blue-skin .btn-secondary:hover {
	background-color: #8b63bc;
	color: #fff
}

.navy-blue-skin .btn-secondary.focus,
.navy-blue-skin .btn-secondary:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .btn-secondary.active,
.navy-blue-skin .btn-secondary:active,
.navy-blue-skin .btn-secondary:focus {
	background-color: #4d306f
}

.navy-blue-skin .btn-secondary.dropdown-toggle {
	background-color: #7e51b4!important
}

.navy-blue-skin .btn-secondary.dropdown-toggle:focus,
.navy-blue-skin .btn-secondary.dropdown-toggle:hover {
	background-color: #8b63bc!important
}

.navy-blue-skin .btn-secondary:not([disabled]):not(.disabled).active,
.navy-blue-skin .btn-secondary:not([disabled]):not(.disabled):active,
.show>.navy-blue-skin .btn-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #4d306f!important
}

.navy-blue-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
.navy-blue-skin .btn-secondary:not([disabled]):not(.disabled):active:focus,
.show>.navy-blue-skin .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .secondary-ic {
	color: #7e51b4!important
}

.navy-blue-skin .secondary-ic:focus,
.navy-blue-skin .secondary-ic:hover {
	color: #7e51b4
}

.navy-blue-skin table.table a.btn.btn-secondary {
	color: #fff
}

.navy-blue-skin .btn-default {
	background-color: #293756!important;
	color: #fff
}

.navy-blue-skin .btn-default:hover {
	background-color: #314267;
	color: #fff
}

.navy-blue-skin .btn-default.focus,
.navy-blue-skin .btn-default:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .btn-default.active,
.navy-blue-skin .btn-default:active,
.navy-blue-skin .btn-default:focus {
	background-color: #080b11
}

.navy-blue-skin .btn-default.dropdown-toggle {
	background-color: #293756!important
}

.navy-blue-skin .btn-default.dropdown-toggle:focus,
.navy-blue-skin .btn-default.dropdown-toggle:hover {
	background-color: #314267!important
}

.navy-blue-skin .btn-default:not([disabled]):not(.disabled).active,
.navy-blue-skin .btn-default:not([disabled]):not(.disabled):active,
.show>.navy-blue-skin .btn-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: #080b11!important
}

.navy-blue-skin .btn-default:not([disabled]):not(.disabled).active:focus,
.navy-blue-skin .btn-default:not([disabled]):not(.disabled):active:focus,
.show>.navy-blue-skin .btn-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .default-ic {
	color: #293756!important
}

.navy-blue-skin .default-ic:focus,
.navy-blue-skin .default-ic:hover {
	color: #293756
}

.navy-blue-skin a.btn:not([href]):not([tabindex]),
.navy-blue-skin a.btn:not([href]):not([tabindex]):focus,
.navy-blue-skin a.btn:not([href]):not([tabindex]):hover,
.navy-blue-skin table.table a.btn.btn-default {
	color: #fff
}

.navy-blue-skin .btn-outline-primary {
	border: 2px solid #40c6c6!important;
	background-color: transparent!important;
	color: #40c6c6!important
}

.navy-blue-skin .btn-outline-primary.active,
.navy-blue-skin .btn-outline-primary:active,
.navy-blue-skin .btn-outline-primary:active:focus,
.navy-blue-skin .btn-outline-primary:focus,
.navy-blue-skin .btn-outline-primary:hover {
	border-color: #40c6c6!important;
	background-color: transparent!important;
	color: #40c6c6!important
}

.navy-blue-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
.navy-blue-skin .btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.navy-blue-skin .btn-outline-primary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #40c6c6!important
}

.navy-blue-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.navy-blue-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus,
.show>.navy-blue-skin .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .btn-outline-secondary {
	border: 2px solid #7e51b4!important;
	background-color: transparent!important;
	color: #7e51b4!important
}

.navy-blue-skin .btn-outline-secondary.active,
.navy-blue-skin .btn-outline-secondary:active,
.navy-blue-skin .btn-outline-secondary:active:focus,
.navy-blue-skin .btn-outline-secondary:focus,
.navy-blue-skin .btn-outline-secondary:hover {
	border-color: #7e51b4!important;
	background-color: transparent!important;
	color: #7e51b4!important
}

.navy-blue-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
.navy-blue-skin .btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.navy-blue-skin .btn-outline-secondary.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #7e51b4!important
}

.navy-blue-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.navy-blue-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus,
.show>.navy-blue-skin .btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .btn-outline-default {
	border: 2px solid #293756!important;
	background-color: transparent!important;
	color: #293756!important
}

.navy-blue-skin .btn-outline-default.active,
.navy-blue-skin .btn-outline-default:active,
.navy-blue-skin .btn-outline-default:active:focus,
.navy-blue-skin .btn-outline-default:focus,
.navy-blue-skin .btn-outline-default:hover {
	border-color: #293756!important;
	background-color: transparent!important;
	color: #293756!important
}

.navy-blue-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.navy-blue-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.show>.navy-blue-skin .btn-outline-default.dropdown-toggle {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	background-color: transparent!important;
	border-color: #293756!important
}

.navy-blue-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
.navy-blue-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus,
.show>.navy-blue-skin .btn-outline-default.dropdown-toggle:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.navy-blue-skin .card .btn-action {
	background: #293756
}

.navy-blue-skin .card .btn-action:focus,
.navy-blue-skin .card .btn-action:hover {
	background-color: #314267!important
}

.navy-blue-skin .card .btn-action.active {
	background-color: #080b11!important
}

.navy-blue-skin .md-outline input[type=date]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=email]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=number]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=password]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=search-md]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=search]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=tel]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=text]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=time]:focus:not([readonly]),
.navy-blue-skin .md-outline input[type=url]:focus:not([readonly]),
.navy-blue-skin .md-outline textarea:focus:not([readonly]) {
	border-color: #40c6c6;
	box-shadow: inset 0 0 0 1px #40c6c6
}

.navy-blue-skin .md-outline input[type=date]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=datetime-local]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=email]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=number]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=password]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=search-md]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=search]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=tel]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=text]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=time]:focus:not([readonly])+label,
.navy-blue-skin .md-outline input[type=url]:focus:not([readonly])+label,
.navy-blue-skin .md-outline textarea:focus:not([readonly])+label {
	color: #40c6c6
}

.navy-blue-skin .md-bg input[type=date],
.navy-blue-skin .md-bg input[type=datetime-local],
.navy-blue-skin .md-bg input[type=email],
.navy-blue-skin .md-bg input[type=number],
.navy-blue-skin .md-bg input[type=password],
.navy-blue-skin .md-bg input[type=search-md],
.navy-blue-skin .md-bg input[type=search],
.navy-blue-skin .md-bg input[type=tel],
.navy-blue-skin .md-bg input[type=text],
.navy-blue-skin .md-bg input[type=time],
.navy-blue-skin .md-bg input[type=url],
.navy-blue-skin .md-bg textarea.md-textarea {
	background-image: linear-gradient(to bottom, #40c6c6, #40c6c6), linear-gradient(to bottom, #ced4da, #ced4da)
}

.navy-blue-skin input[type=email]:focus:not([readonly]),
.navy-blue-skin input[type=number]:focus:not([readonly]),
.navy-blue-skin input[type=password]:focus:not([readonly]),
.navy-blue-skin input[type=text]:focus:not([readonly]),
.navy-blue-skin textarea.md-textarea:focus:not([readonly]) {
	border-color: #40c6c6;
	box-shadow: 0 1px 0 0 #40c6c6
}

.navy-blue-skin input[type=email]:focus:not([readonly])+label,
.navy-blue-skin input[type=number]:focus:not([readonly])+label,
.navy-blue-skin input[type=password]:focus:not([readonly])+label,
.navy-blue-skin input[type=text]:focus:not([readonly])+label,
.navy-blue-skin textarea.md-textarea:focus:not([readonly])+label {
	color: #40c6c6
}

.navy-blue-skin input[type=checkbox]:checked+label:before {
	border-right: 2px solid #40c6c6;
	border-bottom: 2px solid #40c6c6
}

.navy-blue-skin input[type=checkbox].filled-in:checked+label:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.navy-blue-skin input[type=checkbox].filled-in:checked+label:after {
	background-color: #40c6c6;
	border-color: #40c6c6
}

.navy-blue-skin .md-form .prefix.active {
	color: #40c6c6
}

.navy-blue-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
	color: #40c6c6!important
}

.navy-blue-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
	border-color: #40c6c6;
	box-shadow: inset 0 0 0 1px #40c6c6
}

.navy-blue-skin .select-wrapper.colorful-select.md-form.md-outline+label.active {
	color: #40c6c6
}

.navy-blue-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.navy-blue-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover,
.navy-blue-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active {
	background-color: #40c6c6!important
}

.navy-blue-skin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
	background-color: transparent!important
}

.navy-blue-skin .top-nav-collapse {
	background-color: #353b50
}

.navy-blue-skin .carousel-multi-item .carousel-indicators li,
.navy-blue-skin .carousel-multi-item .carousel-indicators li.active,
.navy-blue-skin .carousel-multi-item .controls-top>a {
	background-color: #40c6c6
}

.navy-blue-skin .card-header,
.navy-blue-skin .form-header {
	background-color: #48c8c8
}

.navy-blue-skin .spinner-primary-color,
.navy-blue-skin .spinner-primary-color-only {
	border-color: #309e9e
}

.navy-blue-skin .pagination-primary-color .page-item.active .page-link,
.navy-blue-skin .pagination-primary-color .page-item.active .page-link:focus,
.navy-blue-skin .pagination-primary-color .page-item.active .page-link:hover {
	color: #fff;
	background-color: #309e9e
}

.navy-blue-skin .pagination-primary-color .page-link {
	color: #309e9e
}

.navy-blue-skin .pagination-primary-color .page-link:focus {
	box-shadow: none
}