/* ---------------------------------------------------------------------

Template Name	:	PMO-PMS
Version			:	0.1
Release Date	:	July 01, 2019

File			: 	extras-1.2.0.css
Updated			:	2019-07-01
Edited by		: 	Team Promiti (support@promiti.com)

-----------------------------------------------------------------------

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in
this file. Instead use the custom.css file to add your styles. You can
copy a style from this file and paste it in custom.css and it will
override the style in this file.

-----------------------------------------------------------------------

:::REVISION HISTORY:::

--------------------------------------------------------------------- */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
}

.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

.color-switcher {
	position: fixed;
	right: 24px;
	bottom: 30px;
	z-index: 2001;
	background: #181a23;
	padding: 20px 20px;
	padding-top: 25px;
	border-radius: 5px;
	-webkit-transform: translateX(120%);
	transform: translateX(120%);
	transition: left .3s ease-in-out,-webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out,left .3s ease-in-out;
	transition: transform .3s ease-in-out,left .3s ease-in-out,-webkit-transform .3s ease-in-out;
	box-shadow: 0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1);
}

.color-switcher.visible {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	right: 24px;
}

.color-switcher h5 {
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1;
	letter-spacing: 2px;
	color: #84899e;
	text-align: center;
	text-transform: uppercase;
}

.color-switcher .accent-colors {
	display: -ms-flexbox;
	display: flex;
	padding: 5px;
	margin: 15px auto 20px auto;
	-ms-flex-pack: center;
	justify-content: center;
}

.color-switcher .accent-colors li {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	transition: -webkit-transform 180ms ease-in-out;
	transition: transform 180ms ease-in-out;
	transition: transform 180ms ease-in-out,-webkit-transform 180ms ease-in-out;
	text-align: center;
	margin: 0 4px;
}

.color-switcher .accent-colors li:hover:not(.active) {
	cursor: pointer;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.color-switcher .accent-colors li i {
	transition: opacity 180ms ease-in-out;
	line-height: 1;
	color: #fff;
	font-size: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.color-switcher .accent-colors li.active {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.color-switcher .accent-colors li.active i {
	opacity: 1;
}

.color-switcher .accent-colors li.accent-primary {
	background-color: #007bff;
}

.color-switcher .accent-colors li.accent-secondary {
	background-color: #5a6169;
}

.color-switcher .accent-colors li.accent-success {
	background-color: #17c671;
}

.color-switcher .accent-colors li.accent-info {
	background-color: #00b8d8;
}

.color-switcher .accent-colors li.accent-warning {
	background-color: #ffb400;
}

.color-switcher .accent-colors li.accent-danger {
	background-color: #c4183c;
}

.color-switcher .accent-colors li.accent-royal-blue {
	background-color: #674eec;
}

.color-switcher .accent-colors li.accent-java {
	background-color: #1adba2;
}

.color-switcher .accent-colors li.accent-salmon {
	background-color: #ff4169;
}

.color-switcher .actions {
	margin: 15px 0;
}

.color-switcher .social-actions {
	padding: 10px 0;
	border-top: 1px solid #2c2f44;
}

.color-switcher .social-actions .inner-wrapper {
	display: table;
	margin: 0 auto;
}

.color-switcher .social-actions iframe {
	margin: 5px 0 0 10px;
}

.color-switcher #social-share {
	display: table;
	margin: 0 auto;
}

.color-switcher .sharrre .box {
	float: left;
}

.color-switcher .sharrre .count {
	color: #444;
	display: block;
	font-size: 17px;
	line-height: 34px;
	height: 34px;
	padding: 4px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 50px;
	background-color: #eee;
	border-radius: 4px;
}

.color-switcher .sharrre .share {
	color: #fff;
	display: block;
	font-size: 11px;
	height: 16px;
	line-height: 16px;
	margin-top: 3px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 50px;
	background-color: #9cce39;
	border-radius: 4px;
}

.color-switcher .sharrre .buttons {
	display: block;
}

.color-switcher .sharrre .button {
	float: left;
	margin-left: 10px;
}

.color-switcher .sharrre .button.facebook {
	margin-left: 0;
}

.color-switcher .close {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 15px;
	background: #2d3044;
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-align: center;
	border-radius: 50%;
	line-height: 25px;
}

.color-switcher-toggle {
	position: fixed;
	right: 26px;
	bottom: 33px;
	z-index: 2000;
	width: 45px;
	height: 45px;
	background: #2d53fe;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-size: 23px;
	border-radius: 50%;
	transition: color .2s ease-in-out;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	box-shadow: 0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1);
}

.color-switcher-toggle:hover {
	cursor: pointer;
	color: #fff;
}

.color-switcher-toggle i {
	top: 3px;
}

.social-wrapper {
	position: relative;
}

.social-wrapper .loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #181a23;
}

.social-wrapper .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
}

.spinner {
	height: 20px;
	width: 20px;
	-webkit-animation: rotate .8s infinite linear;
	animation: rotate .8s infinite linear;
	border: 2px solid #84899e;
	border-right-color: transparent;
	border-radius: 50%;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset!important;
		animation: unset!important;
		transition: none!important;
	}
}

@media (max-width:860px) {
	.color-switcher,.color-switcher-toggle {
		display: none!important;
	}
}

.bg-dpe {
	background-color: #683091 !important;
}