/*
Template Name: Ubold - Responsive Bootstrap 4 Admin Dashboard
Author: CoderThemes
Version: 3.1.0
Website: https://coderthemes.com/
Contact: support@coderthemes.com
File: Main Css File
*/

/* @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"); */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700,900");

html {
	position: relative;
	min-height: 100%;
}

body {
	padding-bottom: 60px;
	overflow-x: hidden;
}

@media (min-width: 1200px) {
	.container-fluid {
		max-width: 98%;
	}
}

.wrapper-registro {
	padding: 40px 12px 0 12px;
}

/* #topnav {
	background: #d133d1;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1001;
	padding: 0 12px;
	-webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

#topnav .arrow-down {
	display: inline-block;
}

#topnav .arrow-down:after {
	border-color: initial;
	border-style: solid;
	border-width: 0 0 1px 1px;
	content: "";
	height: .4em;
	display: inline-block;
	right: 5px;
	top: 50%;
	margin-left: 5px;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: .4em;
}

#topnav .navbar-toggle {
	border: 0;
	position: relative;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#topnav .navbar-toggle .lines {
	width: 25px;
	display: block;
	position: relative;
	margin: 15px 20px 0 20px;
	padding-top: 13px;
	height: 44px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

#topnav .navbar-toggle span {
	height: 2px;
	width: 100%;
	background-color: #adb5bd;
	display: block;
	margin-bottom: 5px;
	transition: -webkit-transform .5s ease;
	-webkit-transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
}

#topnav .navbar-toggle.open span {
	position: absolute;
}

#topnav .navbar-toggle.open span:first-child {
	top: 18px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#topnav .navbar-toggle.open span:nth-child(2) {
	visibility: hidden;
}

#topnav .navbar-toggle.open span:last-child {
	width: 100%;
	top: 18px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#topnav .has-submenu.active>a {
	color: #fff;
}

#topnav .has-submenu.active .submenu li.active>a {
	color: #d133d1;
}

#topnav .topbar-menu {
	margin-top: 70px;
} */

.navigation-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navigation-menu>li {
	float: left;
	position: relative;
}

.navigation-menu>li>a {
	display: block;
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	line-height: 20px;
	padding: 20px;
	position: relative;
}

.navigation-menu>li>a i {
	font-size: 14px;
	margin-right: 8px;
}

.navigation-menu>li>a:hover,
.navigation-menu>li>a:focus {
	background-color: transparent;
}


/*
Responsive Menu
*/

@media (min-width: 992px) {

	.navigation-menu>li>a:hover,
	.navigation-menu>li>a:focus,
	.navigation-menu>li>a:active {
		color: #fff;
	}

	.navigation-menu>li:hover a {
		color: #fff;
	}

	.navigation-menu>li:first-of-type>a {
		padding-left: 0;
	}

	.navigation-menu>li.last-elements .submenu {
		left: auto;
		right: 0;
	}

	.navigation-menu>li.last-elements .submenu>li.has-submenu .submenu {
		left: auto;
		right: 100%;
		margin-left: 0;
		margin-right: 10px;
	}

	.navigation-menu>li>ul>li.has-submenu:active>a,
	.navigation-menu>li>ul>li.has-submenu:hover>a {
		color: #d133d1;
	}

	.navigation-menu>li .submenu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		padding: 10px 0;
		list-style: none;
		min-width: 200px;
		text-align: left;
		visibility: hidden;
		opacity: 0;
		margin-top: 10px;
		border-radius: 4px;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		background-color: #fff;
		-webkit-box-shadow: rgba(50, 58, 70, 0.15) 0px 0px 40px 0px;
		box-shadow: rgba(50, 58, 70, 0.15) 0px 0px 40px 0px;
	}

	.navigation-menu>li .submenu:before {
		left: 16px;
		top: -10px;
		content: "";
		display: block;
		position: absolute;
		background-color: transparent;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #fff;
		z-index: 9999;
	}

	.navigation-menu>li .submenu li {
		position: relative;
	}

	.navigation-menu>li .submenu li ul {
		list-style: none;
		padding-left: 0;
		margin: 0;
	}

	.navigation-menu>li .submenu li a {
		display: block;
		padding: 9px 25px;
		clear: both;
		white-space: nowrap;
		color: #323a46;
	}

	.navigation-menu>li .submenu li a:hover {
		color: #d133d1;
	}

	.navigation-menu>li .submenu li.has-submenu>a .arrow-down:after {
		right: 20px !important;
		-webkit-transform: rotate(-135deg) translateY(-50%) !important;
		transform: rotate(-135deg) translateY(-50%) !important;
		position: absolute;
	}

	.navigation-menu>li .submenu li .submenu {
		left: 100%;
		top: 0;
		margin-left: 20px;
		margin-top: -1px;
	}

	.navigation-menu>li .submenu li .submenu:before {
		left: -20px;
		top: 10px;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-right: 12px solid #fff;
	}

	.navigation-menu>li .submenu.megamenu {
		white-space: nowrap;
		width: auto;
	}

	.navigation-menu>li .submenu.megamenu>li {
		overflow: hidden;
		width: 200px;
		display: inline-block;
		vertical-align: top;
	}

	.navbar-toggle {
		display: none !important;
	}

	#navigation {
		display: block !important;
	}
}

@media (min-width: 768px) {
	.navigation-menu>li.has-submenu:hover>.submenu {
		visibility: visible;
		opacity: 1;
		margin-top: 0;
	}

	.navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
		visibility: visible;
		opacity: 1;
		margin-left: 10px;
		margin-right: 0;
	}

	.navigation-menu>li.has-submenu.last-elements>.submenu:before {
		right: 11px;
		left: auto;
	}
}

@media (max-width: 991px) {
	.wrapper {
		padding-top: 70px;
	}

	#topnav .navigation-menu {
		float: none;
		max-height: 400px;
		text-align: left;
	}

	#topnav .navigation-menu>li {
		display: block;
		float: none;
	}

	#topnav .navigation-menu>li>a {
		color: #323a46;
		padding: 15px;
	}

	#topnav .navigation-menu>li>a i {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0;
		vertical-align: inherit;
	}

	#topnav .navigation-menu>li>a:after {
		position: absolute;
		right: 15px;
	}

	#topnav .navigation-menu>li .submenu {
		display: none;
		list-style: none;
		padding-left: 20px;
		margin: 0;
	}

	#topnav .navigation-menu>li .submenu li a {
		display: block;
		position: relative;
		padding: 7px 20px;
		color: #323a46;
	}

	#topnav .navigation-menu>li .submenu li a:hover {
		color: #d133d1;
	}

	#topnav .navigation-menu>li .submenu.open {
		display: block;
	}

	#topnav .navigation-menu>li .submenu .submenu {
		display: none;
		list-style: none;
	}

	#topnav .navigation-menu>li .submenu .submenu.open {
		display: block;
	}

	#topnav .navigation-menu>li .submenu.megamenu>li>ul {
		list-style: none;
		padding-left: 0;
	}

	#topnav .navigation-menu>li.has-submenu.open>a {
		color: #d133d1;
	}

	#topnav .has-submenu.active a {
		color: #d133d1;
	}

	#topnav .has-submenu.active .submenu li.active>a {
		color: #d133d1;
	}

	#topnav .arrow-down:after {
		right: 15px;
		position: absolute;
	}

	#topnav .navbar-header {
		float: left;
	}

	#navigation {
		position: absolute;
		top: 70px;
		left: 0;
		width: 100%;
		display: none;
		height: auto;
		padding-bottom: 0;
		overflow: auto;
		-webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
		background-color: #fff;
	}

	#navigation.open {
		display: block;
		overflow-y: auto;
	}
}

@media (max-height: 375px) {
	.navigation-menu {
		max-height: 240px !important;
	}
}

.menubar-light #topnav {
	background: #ffffff;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.menubar-light #topnav .has-submenu.active>a {
	color: #d133d1;
}

.menubar-light #topnav .has-submenu.active .submenu li.active>a {
	color: #d133d1;
}

.menubar-light .navigation-menu>li>a {
	color: rgba(50, 58, 70, 0.7);
}

@media (min-width: 992px) {
	.center-menu #topnav .navigation-menu {
		text-align: center;
	}

	.center-menu #topnav .navigation-menu>li {
		display: inline-block;
		float: none;
	}

	.center-menu #topnav .navigation-menu>li>a {
		padding: 20px;
	}

	.center-menu #topnav .navigation-menu>li>a i {
		display: block;
		margin: 0 0 5px 0;
		float: none;
		text-align: center;
	}

	.center-menu #topnav .navigation-menu>li>a .arrow-down {
		display: none;
		margin: 0 0 5px 0;
	}

	.center-menu .wrapper {
		padding: 0px 12px 0 12px;
	}
}

.gradient-topbar #topnav {
	background: linear-gradient(135deg, #3396ad 0, #d133d1 100%);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.gradient-topbar.topbar-dark .navbar-custom {
	background-color: transparent !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media (min-width: 992px) {
	.drop-menu-dark #topnav .has-submenu.active .submenu li.active>a {
		color: #fff;
	}

	.drop-menu-dark .navigation-menu>li .submenu {
		background-color: #414b5b;
	}

	.drop-menu-dark .navigation-menu>li .submenu:before {
		border-bottom: 12px solid #414b5b;
	}

	.drop-menu-dark .navigation-menu>li .submenu li a {
		color: #adb5bd;
	}

	.drop-menu-dark .navigation-menu>li .submenu li a:hover {
		color: #fff;
	}

	.drop-menu-dark .navigation-menu>li .submenu li .submenu:before {
		border-right: 12px solid #414b5b;
	}

	.drop-menu-dark .navigation-menu>li>ul>li.has-submenu:active>a,
	.drop-menu-dark .navigation-menu>li>ul>li.has-submenu:hover>a {
		color: #fff;
	}
}

@media (min-width: 992px) {

	.unsticky-header #topnav,
	.unsticky-header .navbar-custom {
		position: absolute;
	}
}

.boxed-layout .container-fluid {
	max-width: 1200px;
}

.navbar-custom .dropdown.show .nav-link {
	background-color: rgba(241, 245, 247, 0.7);
}

.navbar-custom .dropdown-menu {
	border-radius: 0 0 0.25rem 0.25rem;
}

.navbar-custom .app-search {
	overflow: hidden;
	height: 70px;
	display: table;
	max-width: 180px;
	margin-right: 20px;
}

.navbar-custom .app-search .app-search-box {
	display: table-cell;
	vertical-align: middle;
}

.navbar-custom .app-search .app-search-box input::-webkit-input-placeholder {
	font-size: 0.8125rem;
	color: #adb5bd;
}

.navbar-custom .app-search .form-control {
	border: none;
	height: 38px;
	padding-left: 20px;
	padding-right: 0;
	background-color: #f1f5f7;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 30px 0 0 30px;
}

.navbar-custom .app-search .input-group-append {
	margin-left: 0;
	z-index: 4;
}

.navbar-custom .app-search .btn {
	background-color: #f1f5f7;
	border-color: transparent;
	color: #adb5bd;
	border-radius: 0 30px 30px 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.navbar-custom .button-menu-mobile {
	border: none;
	color: #fff;
	display: inline-block;
	height: 70px;
	line-height: 70px;
	width: 60px;
	background-color: transparent;
	font-size: 24px;
	cursor: pointer;
}

.navbar-custom .button-menu-mobile.disable-btn {
	display: none;
}

@media (max-width: 767.98px) {
	body {
		padding-bottom: 80px;
	}

	.pro-user-name {
		display: none;
	}

	.navbar-custom {
		padding: 0 0 0 12px;
	}

	.logo-box {
		padding-right: 0;
	}

	.logo-box .logo-lg {
		display: none !important;
	}

	.logo-box .logo-sm {
		display: block !important;
	}
}


/* Notification */

.noti-scroll {
	max-height: 100vh;
}

.notification-list {
	margin-left: 0;
}

.notification-list .noti-title {
	background-color: #fff;
	padding: 15px 20px;
}

.notification-list .noti-icon {
	font-size: 21px;
	vertical-align: middle;
}

.notification-list .noti-icon-badge {
	display: inline-block;
	position: absolute;
	top: 16px;
	right: 10px;
}

.notification-list .notify-item {
	padding: 12px 20px;
}

.notification-list .notify-item .notify-icon {
	float: left;
	height: 36px;
	width: 36px;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	margin-right: 10px;
	border-radius: 50%;
	color: #fff;
}

.notification-list .notify-item .notify-details {
	margin-bottom: 5px;
	overflow: hidden;
	margin-left: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #343a40;
}

.notification-list .notify-item .notify-details b {
	font-weight: 500;
}

.notification-list .notify-item .notify-details small {
	display: block;
}

.notification-list .notify-item .notify-details span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
}

.notification-list .notify-item .user-msg {
	margin-left: 45px;
	white-space: normal;
	line-height: 16px;
}

.notification-list .profile-dropdown .notify-item {
	padding: 7px 20px;
}

.profile-dropdown {
	width: 170px;
}

.profile-dropdown i {
	vertical-align: middle;
	margin-right: 5px;
}

.nav-user {
	padding: 0 12px !important;
}

.nav-user img {
	height: 28px;
	width: 28px;
}

.topbar-dark .navbar-custom {
	background-color: #323a46 !important;
	/* Search */
}

.topbar-dark .navbar-custom .topnav-menu .nav-link {
	color: rgba(255, 255, 255, 0.6);
}

.topbar-dark .navbar-custom .dropdown.show .nav-link {
	background-color: rgba(255, 255, 255, 0.05);
}

.topbar-dark .navbar-custom .app-search input::-webkit-input-placeholder {
	color: #adb5bd !important;
}

.topbar-dark .navbar-custom .app-search .form-control {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.07);
	border: none;
}

.topbar-dark .navbar-custom .app-search .btn {
	color: #adb5bd;
	background-color: rgba(255, 255, 255, 0.07);
}

.dropdown-megamenu {
	left: 5% !important;
	right: 5% !important;
}

.page-title-box .page-title {
	font-size: 1.15rem;
	margin: 0;
	line-height: 75px;
	color: #323a46;
}

.page-title-box .page-title-right {
	float: right;
	margin-top: 22px;
}

.page-title-box .breadcrumb {
	padding-top: 5px;
}

@media (max-width: 767.98px) {
	.page-title-box .page-title {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 70px;
	}

	.page-title-box .breadcrumb {
		display: none;
	}
}

@media (max-width: 640px) {
	.page-title-box .page-title-right {
		display: none;
	}
}

@media (max-width: 419px) {
	.page-title-box .breadcrumb {
		display: none;
	}
}

.footer {
	bottom: 0;
	padding: 19px 15px 20px;
	position: absolute;
	right: 0;
	color: #98a6ad;
	left: 0;
	background-color: #edf1f4;
}

.footer .footer-links a {
	color: #98a6ad;
	margin-left: 1.5rem;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.footer .footer-links a:hover {
	color: #323a46;
}

.footer .footer-links a:first-of-type {
	margin-left: 0;
}

.footer-transp {
	bottom: 0;
	padding: 19px 15px 20px;
	position: absolute;
	right: 0;
	color: #FFF;
	left: 0;
	background-color: transparent;
}

.footer-transp a {
	color: #ffffff;
	margin-left: 1.5rem;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.footer-transp a:hover {
	color: #98a6ad;
}

.footer-transp a:first-of-type {
	margin-left: 0;
}

.footer-alt {
	left: 0 !important;
	text-align: center;
	background-color: transparent;
}

@media (max-width: 767.98px) {
	.footer {
		left: 0 !important;
		text-align: center;
	}
}

.right-bar {
	background-color: #fff;
	-webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	display: block;
	position: fixed;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	width: 260px;
	z-index: 9999;
	float: right !important;
	right: -270px;
	top: 0;
	bottom: 0;
}

.right-bar .rightbar-content {
	padding-bottom: 70px;
}

.right-bar .rightbar-title {
	background-color: #d133d1;
	padding: 27px 25px;
	color: #fff;
}

.right-bar .right-bar-toggle {
	background-color: #414b5b;
	height: 24px;
	width: 24px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	margin-top: -4px;
}

.right-bar .right-bar-toggle:hover {
	background-color: #475364;
}

.right-bar .user-box {
	padding: 25px;
	text-align: center;
}

.right-bar .user-box .user-img {
	position: relative;
	height: 64px;
	width: 64px;
	margin: 0 auto 15px auto;
}

.right-bar .user-box .user-img .user-edit {
	position: absolute;
	right: -5px;
	bottom: 0px;
	height: 24px;
	width: 24px;
	background-color: #fff;
	line-height: 24px;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.right-bar .user-box h5 {
	margin-bottom: 2px;
}

.right-bar .user-box h5 a {
	color: #323a46;
}

.rightbar-overlay {
	background-color: rgba(50, 58, 70, 0.55);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 9998;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.right-bar-enabled .right-bar {
	right: 0;
}

.right-bar-enabled .rightbar-overlay {
	display: block;
}

@media (max-width: 767.98px) {
	.right-bar {
		overflow: auto;
	}

	.right-bar .slimscroll-menu {
		height: auto !important;
	}
}

.width-xs {
	min-width: 80px;
}

.width-sm {
	min-width: 100px;
}

.width-md {
	min-width: 120px;
}

.width-lg {
	min-width: 140px;
}

.width-xl {
	min-width: 160px;
}

.font-family-secondary {
	font-family: "Roboto", sans-serif;
}

.avatar-xs {
	height: 1.5rem;
	width: 1.5rem;
}

.avatar-sm {
	height: 2.25rem;
	width: 2.25rem;
}

.avatar-md {
	height: 3.5rem;
	width: 3.5rem;
}

.avatar-lg {
	height: 4.5rem;
	width: 4.5rem;
}

.avatar-xl {
	height: 6rem;
	width: 6rem;
}

.avatar-xxl {
	height: 7.5rem;
	width: 7.5rem;
}

.avatar-title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.avatar-group {
	padding-left: 12px;
}

.avatar-group .avatar-group-item {
	margin: 0 0 10px -12px;
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 50%;
}

.sp-line-1,
.sp-line-2,
.sp-line-3,
.sp-line-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.sp-line-1 {
	-webkit-line-clamp: 1;
}

.sp-line-2 {
	-webkit-line-clamp: 2;
}

.sp-line-3 {
	-webkit-line-clamp: 3;
}

.sp-line-4 {
	-webkit-line-clamp: 4;
}

.social-list-item {
	height: 2rem;
	width: 2rem;
	line-height: calc(2rem - 2px);
	display: block;
	border: 2px solid #adb5bd;
	border-radius: 50%;
	color: #adb5bd;
}

.widget-flat {
	position: relative;
	overflow: hidden;
}

.widget-flat i.widget-icon {
	font-size: 36px;
}

.inbox-widget .inbox-item {
	border-bottom: 1px solid white;
	overflow: hidden;
	padding: 0.625rem 0;
	position: relative;
}

.inbox-widget .inbox-item:last-of-type {
	border-bottom: none;
}

.inbox-widget .inbox-item .inbox-item-img {
	display: block;
	float: left;
	margin-right: 15px;
	width: 40px;
}

.inbox-widget .inbox-item .inbox-item-img img {
	width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
	color: #323a46;
	display: block;
	margin-bottom: 3px;
}

.inbox-widget .inbox-item .inbox-item-text {
	color: #98a6ad;
	display: block;
	font-size: 0.8125rem;
	margin: 0;
	overflow: hidden;
}

.inbox-widget .inbox-item .inbox-item-date {
	color: #98a6ad;
	font-size: 0.6875rem;
	position: absolute;
	right: 5px;
	top: 10px;
}


/* Chat widget */

.conversation-list {
	list-style: none;
	height: 332px;
	padding: 0 20px;
}

.conversation-list li {
	margin-bottom: 24px;
}

.conversation-list .chat-avatar {
	float: left;
	text-align: center;
	width: 42px;
}

.conversation-list .chat-avatar img {
	border-radius: 100%;
	width: 100%;
}

.conversation-list .chat-avatar i {
	font-size: 12px;
	font-style: normal;
}

.conversation-list .ctext-wrap {
	background: #f7f7f7;
	border-radius: 3px;
	display: inline-block;
	padding: 12px;
	position: relative;
}

.conversation-list .ctext-wrap i {
	display: block;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	position: relative;
}

.conversation-list .ctext-wrap p {
	margin: 0;
	padding-top: 3px;
}

.conversation-list .ctext-wrap:after {
	right: 99%;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #f7f7f7;
	border-width: 8px;
	margin-left: -1px;
	border-right-color: #f7f7f7;
}

.conversation-list .conversation-text {
	float: left;
	font-size: 12px;
	margin-left: 12px;
	width: 70%;
}

.conversation-list .odd .chat-avatar {
	float: right !important;
}

.conversation-list .odd .conversation-text {
	float: right !important;
	margin-right: 12px;
	text-align: right;
	width: 70% !important;
}

.conversation-list .odd .ctext-wrap {
	background-color: #fef5e4;
}

.conversation-list .odd .ctext-wrap:after {
	border-color: transparent;
	border-left-color: #fef5e4;
	border-top-color: #fef5e4;
	left: 99% !important;
}

.checkbox label {
	display: inline-block;
	padding-left: 8px;
	position: relative;
	font-weight: normal;
	margin-bottom: 0;
}

.checkbox label::before {
	background-color: #fff;
	border-radius: 3px;
	border: 2px solid #98a6ad;
	content: "";
	display: inline-block;
	height: 18px;
	left: 0;
	margin-left: -18px;
	position: absolute;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	width: 18px;
	outline: none !important;
	top: 1px;
}

.checkbox label::after {
	color: #72747b;
	display: inline-block;
	font-size: 11px;
	height: 18px;
	left: 0;
	margin-left: -18px;
	padding-left: 3px;
	padding-top: 2px;
	position: absolute;
	top: 0;
	width: 18px;
}

.checkbox input[type="checkbox"] {
	cursor: pointer;
	opacity: 0;
	z-index: 1;
	outline: none !important;
}

.checkbox input[type="checkbox"]:disabled+label {
	opacity: 0.65;
}

.checkbox input[type="checkbox"]:focus+label::before {
	outline-offset: -2px;
	outline: none;
}

.checkbox input[type="checkbox"]:checked+label::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 7px;
	display: table;
	width: 4px;
	height: 8px;
	border: 2px solid #72747b;
	border-top-width: 0;
	border-left-width: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkbox input[type="checkbox"]:disabled+label::before {
	background-color: #f1f5f7;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox.checkbox-single input {
	height: 18px;
	width: 18px;
	position: absolute;
}

.checkbox.checkbox-single label {
	height: 18px;
	width: 18px;
}

.checkbox.checkbox-single label:before {
	margin-left: 0;
}

.checkbox.checkbox-single label:after {
	margin-left: 0;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
	background-color: #d133d1;
	border-color: #d133d1;
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-secondary input[type="checkbox"]:checked+label::before {
	background-color: #72747b;
	border-color: #72747b;
}

.checkbox-secondary input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
	background-color: #6FC38A;
	border-color: #6FC38A;
}

.checkbox-success input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-info input[type="checkbox"]:checked+label::before {
	background-color: #4fc6e1;
	border-color: #4fc6e1;
}

.checkbox-info input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before {
	background-color: #f7b84b;
	border-color: #f7b84b;
}

.checkbox-warning input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before {
	background-color: #f1556c;
	border-color: #f1556c;
}

.checkbox-danger input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-light input[type="checkbox"]:checked+label::before {
	background-color: #f1f5f7;
	border-color: #f1f5f7;
}

.checkbox-light input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-dark input[type="checkbox"]:checked+label::before {
	background-color: #323a46;
	border-color: #323a46;
}

.checkbox-dark input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-pink input[type="checkbox"]:checked+label::before {
	background-color: #f672a7;
	border-color: #f672a7;
}

.checkbox-purple input[type="checkbox"]:checked+label::before {
	background-color: #C146CA;
	border-color: #C146CA;
}

.checkbox-pink input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.checkbox-blue input[type="checkbox"]:checked+label::before {
	background-color: #4a81d4;
	border-color: #4a81d4;
}

.checkbox-blue input[type="checkbox"]:checked+label::after {
	border-color: #fff;
}

.radio label {
	display: inline-block;
	padding-left: 8px;
	position: relative;
	font-weight: normal;
	margin-bottom: 0;
}

.radio label::before {
	-o-transition: border 0.5s ease-in-out;
	-webkit-transition: border 0.5s ease-in-out;
	background-color: #fff;
	border-radius: 50%;
	border: 2px solid #98a6ad;
	content: "";
	display: inline-block;
	height: 18px;
	left: 0;
	margin-left: -18px;
	position: absolute;
	transition: border 0.5s ease-in-out;
	width: 18px;
	outline: none !important;
}

.radio label::after {
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-webkit-transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	background-color: #72747b;
	border-radius: 50%;
	content: " ";
	display: inline-block;
	height: 10px;
	left: 6px;
	margin-left: -20px;
	position: absolute;
	top: 4px;
	transform: scale(0, 0);
	transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	width: 10px;
}

.radio input[type="radio"] {
	cursor: pointer;
	opacity: 0;
	z-index: 1;
	outline: none !important;
}

.radio input[type="radio"]:disabled+label {
	opacity: 0.65;
}

.radio input[type="radio"]:focus+label::before {
	outline-offset: -2px;
	outline: 5px auto -webkit-focus-ring-color;
	outline: thin dotted;
}

.radio input[type="radio"]:checked+label::after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	margin-top: 0;
}

.radio.radio-single label {
	height: 17px;
}

.radio-primary input[type="radio"]+label::after {
	background-color: #d133d1;
}

.radio-primary input[type="radio"]:checked+label::before {
	border-color: #d133d1;
}

.radio-primary input[type="radio"]:checked+label::after {
	background-color: #d133d1;
}

.radio-secondary input[type="radio"]+label::after {
	background-color: #72747b;
}

.radio-secondary input[type="radio"]:checked+label::before {
	border-color: #72747b;
}

.radio-secondary input[type="radio"]:checked+label::after {
	background-color: #72747b;
}

.radio-success input[type="radio"]+label::after {
	background-color: #6FC38A;
}

.radio-success input[type="radio"]:checked+label::before {
	border-color: #6FC38A;
}

.radio-success input[type="radio"]:checked+label::after {
	background-color: #6FC38A;
}

.radio-info input[type="radio"]+label::after {
	background-color: #4fc6e1;
}

.radio-info input[type="radio"]:checked+label::before {
	border-color: #4fc6e1;
}

.radio-info input[type="radio"]:checked+label::after {
	background-color: #4fc6e1;
}

.radio-warning input[type="radio"]+label::after {
	background-color: #f7b84b;
}

.radio-warning input[type="radio"]:checked+label::before {
	border-color: #f7b84b;
}

.radio-warning input[type="radio"]:checked+label::after {
	background-color: #f7b84b;
}

.radio-danger input[type="radio"]+label::after {
	background-color: #f1556c;
}

.radio-danger input[type="radio"]:checked+label::before {
	border-color: #f1556c;
}

.radio-danger input[type="radio"]:checked+label::after {
	background-color: #f1556c;
}

.radio-light input[type="radio"]+label::after {
	background-color: #f1f5f7;
}

.radio-light input[type="radio"]:checked+label::before {
	border-color: #f1f5f7;
}

.radio-light input[type="radio"]:checked+label::after {
	background-color: #f1f5f7;
}

.radio-dark input[type="radio"]+label::after {
	background-color: #323a46;
}

.radio-dark input[type="radio"]:checked+label::before {
	border-color: #323a46;
}

.radio-dark input[type="radio"]:checked+label::after {
	background-color: #323a46;
}

.radio-pink input[type="radio"]+label::after {
	background-color: #f672a7;
}

.radio-pink input[type="radio"]:checked+label::before {
	border-color: #f672a7;
}

.radio-pink input[type="radio"]:checked+label::after {
	background-color: #f672a7;
}

.radio-blue input[type="radio"]+label::after {
	background-color: #4a81d4;
}

.radio-blue input[type="radio"]:checked+label::before {
	border-color: #4a81d4;
}

.radio-blue input[type="radio"]:checked+label::after {
	background-color: #4a81d4;
}

.ribbon-box {
	position: relative;
	/* Ribbon two */
}

.ribbon-box .ribbon {
	position: relative;
	clear: both;
	padding: 5px 12px;
	margin-bottom: 15px;
	-webkit-box-shadow: 2px 5px 10px rgba(50, 58, 70, 0.15);
	box-shadow: 2px 5px 10px rgba(50, 58, 70, 0.15);
	color: #fff;
	font-size: 13px;
	font-weight: 500;
}

.ribbon-box .ribbon:before {
	content: " ";
	border-style: solid;
	border-width: 10px;
	display: block;
	position: absolute;
	bottom: -10px;
	left: 0;
	margin-bottom: -10px;
	z-index: -1;
}

.ribbon-box .ribbon.float-left {
	margin-left: -30px;
	border-radius: 0 3px 3px 0;
}

.ribbon-box .ribbon.float-right {
	margin-right: -30px;
	border-radius: 3px 0 0 3px;
}

.ribbon-box .ribbon.float-right:before {
	right: 0;
}

.ribbon-box .ribbon.float-center span {
	margin: 0 auto 20px auto;
}

.ribbon-box .ribbon-content {
	clear: both;
}

.ribbon-box .ribbon-primary {
	background: #d133d1;
}

.ribbon-box .ribbon-primary:before {
	border-color: #643da9 transparent transparent;
}

.ribbon-box .ribbon-secondary {
	background: #72747b;
}

.ribbon-box .ribbon-secondary:before {
	border-color: #595b61 transparent transparent;
}

.ribbon-box .ribbon-success {
	background: #6FC38A;
}

.ribbon-box .ribbon-success:before {
	border-color: #148f77 transparent transparent;
}

.ribbon-box .ribbon-info {
	background: #4fc6e1;
}

.ribbon-box .ribbon-info:before {
	border-color: #25b7d8 transparent transparent;
}

.ribbon-box .ribbon-warning {
	background: #f7b84b;
}

.ribbon-box .ribbon-warning:before {
	border-color: #f5a51a transparent transparent;
}

.ribbon-box .ribbon-danger {
	background: #f1556c;
}

.ribbon-box .ribbon-danger:before {
	border-color: #ed2643 transparent transparent;
}

.ribbon-box .ribbon-light {
	background: #f1f5f7;
}

.ribbon-box .ribbon-light:before {
	border-color: #d1dee4 transparent transparent;
}

.ribbon-box .ribbon-dark {
	background: #323a46;
}

.ribbon-box .ribbon-dark:before {
	border-color: #1d2128 transparent transparent;
}

.ribbon-box .ribbon-pink {
	background: #f672a7;
}

.ribbon-box .ribbon-pink:before {
	border-color: #f34289 transparent transparent;
}

.ribbon-box .ribbon-blue {
	background: #4a81d4;
}

.ribbon-box .ribbon-blue:before {
	border-color: #2d67be transparent transparent;
}

.ribbon-box .ribbon-two {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbon-box .ribbon-two span {
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	position: absolute;
	top: 19px;
	left: -21px;
	font-weight: 500;
}

.ribbon-box .ribbon-two span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
}

.ribbon-box .ribbon-two span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
}

.ribbon-box .ribbon-two-primary span {
	background: #d133d1;
}

.ribbon-box .ribbon-two-primary span:before {
	border-left: 3px solid #593696;
	border-top: 3px solid #593696;
}

.ribbon-box .ribbon-two-primary span:after {
	border-right: 3px solid #593696;
	border-top: 3px solid #593696;
}

.ribbon-box .ribbon-two-secondary span {
	background: #72747b;
}

.ribbon-box .ribbon-two-secondary span:before {
	border-left: 3px solid #4d4f53;
	border-top: 3px solid #4d4f53;
}

.ribbon-box .ribbon-two-secondary span:after {
	border-right: 3px solid #4d4f53;
	border-top: 3px solid #4d4f53;
}

.ribbon-box .ribbon-two-success span {
	background: #6FC38A;
}

.ribbon-box .ribbon-two-success span:before {
	border-left: 3px solid #117964;
	border-top: 3px solid #117964;
}

.ribbon-box .ribbon-two-success span:after {
	border-right: 3px solid #117964;
	border-top: 3px solid #117964;
}

.ribbon-box .ribbon-two-info span {
	background: #4fc6e1;
}

.ribbon-box .ribbon-two-info span:before {
	border-left: 3px solid #21a5c2;
	border-top: 3px solid #21a5c2;
}

.ribbon-box .ribbon-two-info span:after {
	border-right: 3px solid #21a5c2;
	border-top: 3px solid #21a5c2;
}

.ribbon-box .ribbon-two-warning span {
	background: #f7b84b;
}

.ribbon-box .ribbon-two-warning span:before {
	border-left: 3px solid #eb990a;
	border-top: 3px solid #eb990a;
}

.ribbon-box .ribbon-two-warning span:after {
	border-right: 3px solid #eb990a;
	border-top: 3px solid #eb990a;
}

.ribbon-box .ribbon-two-danger span {
	background: #f1556c;
}

.ribbon-box .ribbon-two-danger span:before {
	border-left: 3px solid #e71332;
	border-top: 3px solid #e71332;
}

.ribbon-box .ribbon-two-danger span:after {
	border-right: 3px solid #e71332;
	border-top: 3px solid #e71332;
}

.ribbon-box .ribbon-two-light span {
	background: #f1f5f7;
}

.ribbon-box .ribbon-two-light span:before {
	border-left: 3px solid #c0d2db;
	border-top: 3px solid #c0d2db;
}

.ribbon-box .ribbon-two-light span:after {
	border-right: 3px solid #c0d2db;
	border-top: 3px solid #c0d2db;
}

.ribbon-box .ribbon-two-dark span {
	background: #323a46;
}

.ribbon-box .ribbon-two-dark span:before {
	border-left: 3px solid #121519;
	border-top: 3px solid #121519;
}

.ribbon-box .ribbon-two-dark span:after {
	border-right: 3px solid #121519;
	border-top: 3px solid #121519;
}

.ribbon-box .ribbon-two-pink span {
	background: #f672a7;
}

.ribbon-box .ribbon-two-pink span:before {
	border-left: 3px solid #f12a7a;
	border-top: 3px solid #f12a7a;
}

.ribbon-box .ribbon-two-pink span:after {
	border-right: 3px solid #f12a7a;
	border-top: 3px solid #f12a7a;
}

.ribbon-box .ribbon-two-blue span {
	background: #4a81d4;
}

.ribbon-box .ribbon-two-blue span:before {
	border-left: 3px solid #285ca9;
	border-top: 3px solid #285ca9;
}

.ribbon-box .ribbon-two-blue span:after {
	border-right: 3px solid #285ca9;
	border-top: 3px solid #285ca9;
}

@media print {

	.left-side-menu,
	.right-bar,
	.page-title-box,
	.navbar-custom,
	.footer {
		display: none;
	}

	.card-body,
	.content-page,
	.right-bar,
	.content,
	body {
		padding: 0;
		margin: 0;
	}
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 9999;
}

#status {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
}

.spinner {
	margin: 0 auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 5px solid #dee2e6;
	border-right: 5px solid #dee2e6;
	border-bottom: 5px solid #dee2e6;
	border-left: 5px solid #d133d1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: SpinnerAnimation 1.1s infinite linear;
	animation: SpinnerAnimation 1.1s infinite linear;
}

.spinner,
.spinner:after {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

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

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

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

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

.bg-pattern {
	background-image: url("../images/bg-pattern-2.png");
	background-size: cover;
}

.logout-icon {
	width: 140px;
}

.button-list {
	margin-left: 0px;
	margin-bottom: -12px;
}

.button-list .btn {
	margin-top: 5px;
	margin-left: 10px;
}

.icons-list-demo div {
	cursor: pointer;
	line-height: 45px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}

.icons-list-demo div p {
	margin-bottom: 0;
	line-height: inherit;
}

.icons-list-demo i {
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-right: 12px;
	color: rgba(50, 58, 70, 0.7);
	border-radius: 3px;
	display: inline-block;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.icons-list-demo .col-md-4 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-clip: padding-box;
	margin-bottom: 10px;
}

.icons-list-demo .col-md-4:hover,
.icons-list-demo .col-md-4:hover i {
	color: #d133d1;
}

.scrollspy-example {
	position: relative;
	height: 200px;
	margin-top: .5rem;
	overflow: auto;
}

.text-error {
	color: #d133d1;
	text-shadow: rgba(126, 87, 194, 0.3) 5px 1px, rgba(126, 87, 194, 0.2) 10px 3px;
	font-size: 84px;
	line-height: 90px;
	font-family: "Roboto", sans-serif;
}

.error-text-box {
	font-size: 10rem;
	font-family: "Roboto", sans-serif;
	min-height: 200px;
}

.error-text-box .text {
	fill: none;
	stroke-width: 6;
	stroke-linejoin: round;
	stroke-dasharray: 30 100;
	stroke-dashoffset: 0;
	-webkit-animation: stroke 9s infinite linear;
	animation: stroke 9s infinite linear;
}

.error-text-box .text:nth-child(5n+1) {
	stroke: #f1556c;
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s;
}

.error-text-box .text:nth-child(5n+2) {
	stroke: #f7b84b;
	-webkit-animation-delay: -2.4s;
	animation-delay: -2.4s;
}

.error-text-box .text:nth-child(5n+3) {
	stroke: #d133d1;
	-webkit-animation-delay: -3.6s;
	animation-delay: -3.6s;
}

.error-text-box .text:nth-child(5n+4) {
	stroke: #4fc6e1;
	-webkit-animation-delay: -4.8s;
	animation-delay: -4.8s;
}

.error-text-box .text:nth-child(5n+5) {
	stroke: #6FC38A;
	-webkit-animation-delay: -6s;
	animation-delay: -6s;
}

@-webkit-keyframes stroke {
	100% {
		stroke-dashoffset: -400;
	}
}

@keyframes stroke {
	100% {
		stroke-dashoffset: -400;
	}
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.error-text-box .text {
		fill: #f1556c;
		stroke: #f1556c;
		stroke-width: 6;
		stroke-dasharray: 0 0;
		stroke-dashoffset: 0;
		-webkit-animation: none;
		animation: none;
	}
}

.logout-checkmark {
	width: 100px;
	margin: 0 auto;
	padding: 20px 0;
}

.logout-checkmark .path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	-webkit-animation: dash 2s ease-in-out;
	animation: dash 2s ease-in-out;
}

.logout-checkmark .spin {
	-webkit-animation: spin 2s;
	animation: spin 2s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

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

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

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

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

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

	100% {
		opacity: 1;
	}
}

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

	100% {
		opacity: 1;
	}
}

.faq-question-q-box {
	height: 30px;
	width: 30px;
	color: #d133d1;
	text-align: center;
	border-radius: 50%;
	float: left;
	font-weight: 700;
	line-height: 30px;
	background-color: rgba(126, 87, 194, 0.15);
}

.faq-question {
	margin-top: 0;
	margin-left: 50px;
	font-weight: 400;
	font-size: 16px;
}

.faq-answer {
	margin-left: 50px;
	color: #98a6ad;
}

.svg-computer {
	stroke-dasharray: 1134;
	stroke-dashoffset: -1134;
	-webkit-animation: draw-me 5s infinite;
	animation: draw-me 5s infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	height: 160px;
}

@-webkit-keyframes draw-me {
	from {
		stroke-dashoffset: -1134;
	}

	to {
		stroke-dashoffset: 0;
	}
}

@keyframes draw-me {
	from {
		stroke-dashoffset: -1134;
	}

	to {
		stroke-dashoffset: 0;
	}
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.svg-computer {
		stroke-dasharray: 0;
		stroke-dashoffset: 0;
		-webkit-animation: none;
		animation: none;
		-webkit-animation-direction: normal;
		animation-direction: normal;
	}
}

.timeline {
	margin-bottom: 50px;
	position: relative;
}

.timeline:before {
	background-color: #dee2e6;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	top: 30px;
	width: 2px;
	z-index: 0;
}

.timeline .time-show {
	margin-bottom: 30px;
	margin-top: 30px;
	position: relative;
}

.timeline .timeline-box {
	background: #fff;
	display: block;
	margin: 15px 0;
	position: relative;
	padding: 20px;
}

.timeline .timeline-album {
	margin-top: 12px;
}

.timeline .timeline-album a {
	display: inline-block;
	margin-right: 5px;
}

.timeline .timeline-album img {
	height: 36px;
	width: auto;
	border-radius: 3px;
}

@media (min-width: 768px) {
	.timeline .time-show {
		margin-right: -69px;
		text-align: right;
	}

	.timeline .timeline-box {
		margin-left: 45px;
	}

	.timeline .timeline-icon {
		background: #dee2e6;
		border-radius: 50%;
		display: block;
		height: 20px;
		left: -54px;
		margin-top: -10px;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 20px;
	}

	.timeline .timeline-icon i {
		color: #98a6ad;
		font-size: 13px;
		position: absolute;
		left: 4px;
		margin-top: 1px;
	}

	.timeline .timeline-desk {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}

	.timeline-item {
		display: table-row;
	}

	.timeline-item:before {
		content: "";
		display: block;
		width: 50%;
	}

	.timeline-item .timeline-desk .arrow {
		border-bottom: 12px solid transparent;
		border-right: 12px solid #fff !important;
		border-top: 12px solid transparent;
		display: block;
		height: 0;
		left: -12px;
		margin-top: -12px;
		position: absolute;
		top: 50%;
		width: 0;
	}

	.timeline-item.timeline-item-left:after {
		content: "";
		display: block;
		width: 50%;
	}

	.timeline-item.timeline-item-left .timeline-desk .arrow-alt {
		border-bottom: 12px solid transparent;
		border-left: 12px solid #fff !important;
		border-top: 12px solid transparent;
		display: block;
		height: 0;
		left: auto;
		margin-top: -12px;
		position: absolute;
		right: -12px;
		top: 50%;
		width: 0;
	}

	.timeline-item.timeline-item-left .timeline-desk .album {
		float: right;
		margin-top: 20px;
	}

	.timeline-item.timeline-item-left .timeline-desk .album a {
		float: right;
		margin-left: 5px;
	}

	.timeline-item.timeline-item-left .timeline-icon {
		left: auto;
		right: -56px;
	}

	.timeline-item.timeline-item-left:before {
		display: none;
	}

	.timeline-item.timeline-item-left .timeline-box {
		margin-right: 45px;
		margin-left: 0;
		text-align: right;
	}
}

@media (max-width: 767.98px) {
	.timeline .time-show {
		text-align: center;
		position: relative;
	}

	.timeline .timeline-icon {
		display: none;
	}
}

.timeline-sm {
	padding-left: 110px;
}

.timeline-sm .timeline-sm-item {
	position: relative;
	padding-bottom: 20px;
	padding-left: 40px;
	border-left: 2px solid #dee2e6;
}

.timeline-sm .timeline-sm-item:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: -7px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #d133d1;
}

.timeline-sm .timeline-sm-item .timeline-sm-date {
	position: absolute;
	left: -104px;
}

@media (max-width: 420px) {
	.timeline-sm {
		padding-left: 0px;
	}

	.timeline-sm .timeline-sm-date {
		position: relative !important;
		display: block;
		left: 0px !important;
		margin-bottom: 10px;
	}
}

.inbox-leftbar {
	width: 240px;
	float: left;
	padding: 0 20px 20px 10px;
}

.inbox-rightbar {
	margin: -1.5rem 0 -1.5rem 250px;
	border-left: 5px solid #f2f5f7;
	padding: 1.5rem 0 1.5rem 25px;
}

.message-list {
	display: block;
	padding-left: 0;
}

.message-list li {
	position: relative;
	display: block;
	height: 51px;
	line-height: 50px;
	cursor: default;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.message-list li a {
	color: #72747b;
}

.message-list li:hover {
	background: #f1f5f7;
	-webkit-transition-duration: .05s;
	transition-duration: .05s;
}

.message-list li .col-mail {
	float: left;
	position: relative;
}

.message-list li .col-mail-1 {
	width: 320px;
}

.message-list li .col-mail-1 .star-toggle,
.message-list li .col-mail-1 .checkbox-wrapper-mail,
.message-list li .col-mail-1 .dot {
	display: block;
	float: left;
}

.message-list li .col-mail-1 .dot {
	border: 4px solid transparent;
	border-radius: 100px;
	margin: 22px 26px 0;
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0;
}

.message-list li .col-mail-1 .checkbox-wrapper-mail {
	margin: 15px 10px 0 20px;
}

.message-list li .col-mail-1 .star-toggle {
	margin-top: 18px;
	color: #adb5bd;
	margin-left: 10px;
}

.message-list li .col-mail-1 .title {
	position: absolute;
	top: 0;
	left: 100px;
	right: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 0;
	line-height: 50px;
}

.message-list li .col-mail-2 {
	position: absolute;
	top: 0;
	left: 320px;
	right: 0;
	bottom: 0;
}

.message-list li .col-mail-2 .subject,
.message-list li .col-mail-2 .date {
	position: absolute;
	top: 0;
}

.message-list li .col-mail-2 .subject {
	left: 0;
	right: 110px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.message-list li .col-mail-2 .date {
	right: 0;
	width: 100px;
	padding-left: 10px;
}

.message-list li.active,
.message-list li.mail-selected {
	background: #f1f5f7;
	-webkit-transition-duration: .05s;
	transition-duration: .05s;
}

.message-list li.active,
.message-list li.active:hover {
	-webkit-box-shadow: inset 3px 0 0 #4fc6e1;
	box-shadow: inset 3px 0 0 #4fc6e1;
}

.message-list li.unread a {
	font-weight: 500;
	color: #272e37;
}

.message-list .checkbox-wrapper-mail {
	cursor: pointer;
	height: 20px;
	width: 20px;
	position: relative;
	display: inline-block;
	-webkit-box-shadow: inset 0 0 0 2px #ced4da;
	box-shadow: inset 0 0 0 2px #ced4da;
	border-radius: 3px;
}

.message-list .checkbox-wrapper-mail input {
	opacity: 0;
	cursor: pointer;
}

.message-list .checkbox-wrapper-mail input:checked~label {
	opacity: 1;
}

.message-list .checkbox-wrapper-mail label {
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	cursor: pointer;
	background: #98a6ad;
	opacity: 0;
	margin-bottom: 0 !important;
	-webkit-transition-duration: .05s;
	transition-duration: .05s;
}

.message-list .checkbox-wrapper-mail label:active {
	background: #87949b;
}

.mail-list a {
	color: #72747b;
	padding: 7px 10px;
	display: block;
}

.reply-box {
	border: 2px solid #f1f5f7;
}

@media (max-width: 648px) {
	.inbox-leftbar {
		width: 100%;
		float: none;
	}

	.inbox-rightbar {
		margin-left: 0;
		border: 0;
		padding-left: 0;
	}

	.message-list li .col-mail-1 .checkbox-wrapper-mail {
		margin-left: 0;
	}
}

@media (max-width: 520px) {
	.inbox-rightbar>.btn-group {
		margin-bottom: 10px;
	}

	.message-list li .col-mail-1 {
		width: 150px;
	}

	.message-list li .col-mail-1 .title {
		left: 80px;
	}

	.message-list li .col-mail-2 {
		left: 160px;
	}

	.message-list li .col-mail-2 .date {
		text-align: right;
		padding-right: 10px;
		padding-left: 20px;
	}
}

.sitemap {
	list-style: none;
	padding-left: 0;
}

.sitemap>li>ul {
	margin-top: 1rem;
	padding-left: 0;
}

.sitemap li {
	line-height: 2rem;
	vertical-align: top;
	list-style: none;
	position: relative;
}

.sitemap li a {
	text-decoration: none;
	color: #72747b;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sitemap li a:hover {
	color: #d133d1;
}

.sitemap ul {
	margin-left: 1rem;
	margin-bottom: 1rem;
	padding-top: 10px;
}

.sitemap ul li {
	position: relative;
}

.sitemap ul li a {
	margin-left: 2.75rem;
}

.sitemap ul li:before {
	content: "";
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border-bottom: 1px #ccc solid;
	border-left: 1px solid rgba(152, 166, 173, 0.5);
	position: absolute;
	top: -1rem;
}

.search-result-box .tab-content {
	padding: 30px 30px 10px 30px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow: none;
}

.search-result-box .search-item {
	padding-bottom: 20px;
	border-bottom: 1px solid #f1f5f7;
	margin-bottom: 20px;
}

.search-result-box .nav-bordered .nav-link {
	padding: 10px 5px !important;
	margin-right: 10px;
}

.card-pricing {
	position: relative;
}

.card-pricing .card-pricing-plan-name {
	padding-bottom: 20px;
}

.card-pricing .card-pricing-icon {
	font-size: 22px;
	background-color: rgba(126, 87, 194, 0.1);
	height: 60px;
	display: inline-block;
	width: 60px;
	line-height: 62px;
	border-radius: 50%;
}

.card-pricing .card-pricing-price {
	padding: 30px 0 0;
}

.card-pricing .card-pricing-price span {
	font-size: 40%;
	color: #98a6ad;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.card-pricing .card-pricing-features {
	color: #98a6ad;
	list-style: none;
	margin: 0;
	padding: 20px 0 0 0;
}

.card-pricing .card-pricing-features li {
	padding: 10px;
}

.card-pricing-recommended {
	background-color: #d133d1;
	color: #fff;
}

.card-pricing-recommended .card-pricing-icon {
	background-color: rgba(255, 255, 255, 0.1);
}

.card-pricing-recommended .card-pricing-features,
.card-pricing-recommended .card-pricing-price span {
	color: #dee2e6;
}

.filter-menu {
	margin-bottom: 20px;
}

.filter-menu a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #323a46;
	border-radius: 3px;
	padding: 5px 10px;
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}

.filter-menu a:hover {
	background-color: #d133d1;
	color: #fff;
}

.filter-menu a.active {
	background-color: #d133d1;
	color: #fff;
}

.gal-box {
	background-color: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 24px;
}

.gal-box .image-popup {
	padding: 10px;
	display: block;
}

.gal-box .image-popup img {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.gal-box .gall-info {
	padding: 15px;
	border-top: 1px solid #f7f7f7;
	position: relative;
}

.gal-box .gall-info h4 {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.gal-box .gall-info .gal-like-btn {
	position: absolute;
	right: 15px;
	font-size: 22px;
	top: 24px;
}

.counter-number {
	font-size: 32px;
	font-weight: 500;
}

.counter-number span {
	font-size: 15px;
	font-weight: 400;
	display: block;
}

.coming-box {
	float: left;
	width: 25%;
}

.svg-rocket {
	height: 80px;
}

.rocket-clouds__bubble,
.rocket-clouds__cloud,
.rocket-rocket,
.rocket-inner__rocket-and-lines {
	fill: #d133d1;
}

.post-user-comment-box {
	background-color: #f1f5f7;
	margin: 0 -.75rem;
	padding: 1rem;
	margin-top: 20px;
}

.taskList {
	min-height: 40px;
	margin-bottom: 0;
}

.taskList li {
	background-color: #fff;
	border: 1px solid #dee2e6;
	padding: 20px;
	margin-bottom: 15px;
	border-radius: 3px;
}

.taskList li:last-of-type {
	margin-bottom: 0;
}

.taskList li .btn-sm {
	padding: 2px 8px;
	font-size: 12px;
}

.taskList .checkbox {
	margin-left: 20px;
	margin-top: 5px;
}

.task-placeholder {
	border: 1px dashed #dee2e6 !important;
	background-color: #f1f5f7 !important;
	padding: 20px;
}

.product-box {
	position: relative;
	overflow: hidden;
}

.product-box .product-action {
	position: absolute;
	right: 0;
	top: 0;
	padding: 1.5rem 1.5rem 0 1.5rem;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.product-box:hover .product-action {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.product-box .product-info {
	padding-top: 1.5rem;
}

.product-box .product-price-tag {
	height: 48px;
	line-height: 48px;
	font-weight: 700;
	font-size: 20px;
	background-color: #f1f5f7;
	text-align: center;
	padding: 0 10px;
	border-radius: 3px;
}

.product-thumb {
	padding: 3px;
	margin-top: 3px;
}

.product-thumb.active {
	background-color: #72747b !important;
}

.product-img-bg {
	background-color: #f1f5f7;
	text-align: center;
}


/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves
 *
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE */

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: scale(0) translate(0, 0);
	transform: scale(0) translate(0, 0);
	pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
	background: rgba(255, 255, 255, 0.4);
	background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
	background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
	background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

.waves-button,
.waves-circle {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	outline: none;
	color: inherit;
	background-color: rgba(0, 0, 0, 0);
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	z-index: 1;
}

.waves-button {
	padding: 0.85em 1.1em;
	border-radius: 0.2em;
}

.waves-button-input {
	margin: 0;
	padding: 0.85em 1.1em;
}

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
	padding: 0;
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.waves-circle {
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
}

.waves-float {
	-webkit-mask-image: none;
	-webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

.waves-float:active {
	-webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
	display: block;
}

.irs--flat .irs-bar,
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--modern .irs-bar,
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
	background-color: #d133d1;
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child,
.irs--flat .irs-handle>i:first-child,
.irs--modern .irs-handle.state_hover>i:first-child,
.irs--modern .irs-handle:hover>i:first-child,
.irs--modern .irs-handle>i:first-child {
	background-color: #7044bb;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before,
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
	border-top-color: #d133d1;
}

.irs--modern .irs-line {
	border: none;
}

.irs--modern .irs-bar {
	background: #d133d1;
	background: -webkit-gradient(linear, left top, left bottom, from(#d133d1), to(#643da9));
	background: linear-gradient(to bottom, #d133d1 0%, #643da9 100%);
}

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single,
.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-handle,
.irs--sharp .irs-bar {
	background-color: #d133d1;
}

.irs--sharp .irs-line {
	background-color: #dee2e6;
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before,
.irs--sharp .irs-handle>i:first-child {
	border-top-color: #d133d1;
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
	background-color: #593696;
}

.irs--sharp .irs-handle.state_hover>i:first-child,
.irs--sharp .irs-handle:hover>i:first-child {
	border-top-color: #593696;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single,
.irs--round .irs-bar {
	background-color: #d133d1;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-bar:before {
	border-top-color: #d133d1;
}

.irs--round .irs-handle {
	border: 4px solid #d133d1;
	-webkit-box-shadow: 0 1px 3px rgba(126, 87, 194, 0.3);
	box-shadow: 0 1px 3px rgba(126, 87, 194, 0.3);
}

.irs--round .irs-min,
.irs--round .irs-max {
	color: #72747b;
	background-color: #dee2e6;
}

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single,
.irs--square .irs-bar {
	background-color: #343a40;
}

.irs--square .irs-handle {
	border: 3px solid #343a40;
}

.calendar {
	float: left;
	margin-bottom: 0;
}

.fc-view {
	margin-top: 30px;
}

.none-border .modal-footer {
	border-top: none;
}

.fc-toolbar {
	margin: 15px 0 5px 0;
}

.fc-toolbar h2 {
	font-size: 1.25rem;
	line-height: 1.875rem;
	text-transform: uppercase;
}

.fc-day-grid-event .fc-time {
	font-weight: 700;
}

.fc-day {
	background: #fff;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
	z-index: 0;
}

.fc th.fc-widget-header {
	background: #f1f5f7;
	font-size: 13px;
	line-height: 20px;
	padding: 10px 0;
	text-transform: uppercase;
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #dee2e6;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	float: right;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #f1f5f7;
	border-radius: 50%;
	margin: 5px;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
}

.fc-button {
	background: #f1f5f7;
	border: none;
	color: #72747b;
	text-transform: capitalize;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
	margin: 0 3px;
	padding: 6px 12px;
	height: auto;
}

.fc-text-arrow {
	font-family: inherit;
	font-size: 1rem;
}

.fc-state-hover {
	background: #f1f5f7;
}

.fc-state-highlight {
	background: #dee2e6;
}

.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	background-color: #d133d1;
	color: #fff;
	text-shadow: none;
}

.fc-cell-overlay {
	background: #dee2e6;
}

.fc-unthemed .fc-today {
	background: #fff;
}

.fc-event {
	border-radius: 2px;
	border: none;
	cursor: move;
	font-size: 0.8125rem;
	margin: 5px 7px;
	padding: 5px 5px;
	text-align: center;
}

.external-event {
	cursor: move;
	margin: 10px 0;
	padding: 8px 10px;
	color: #fff;
}

.fc-basic-view td.fc-week-number span {
	padding-right: 8px;
}

.fc-basic-view td.fc-day-number {
	padding-right: 8px;
}

.fc-basic-view .fc-content {
	color: #fff;
}

.fc-time-grid-event .fc-content {
	color: #fff;
}

@media (max-width: 767.98px) {

	.fc-toolbar .fc-left,
	.fc-toolbar .fc-right,
	.fc-toolbar .fc-center {
		float: none;
		display: block;
		clear: both;
		margin: 10px 0;
	}

	.fc .fc-toolbar>*>* {
		float: none;
	}

	.fc-today-button {
		display: none;
	}
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: auto !important;
	height: auto !important;
	background-color: #fff !important;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding: 5px 10px !important;
	border-radius: 3px;
	border-color: #fff !important;
}

.jqsfield {
	color: #323a46 !important;
	font-size: 12px !important;
	line-height: 18px !important;
	font-family: "Roboto", sans-serif !important;
	font-weight: 500 !important;
}

.dataTables_wrapper.container-fluid {
	padding: 0;
}

table.dataTable {
	border-collapse: collapse !important;
	margin-bottom: 15px !important;
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
	background-color: #d133d1;
}

table.dataTable tbody>tr.selected td,
table.dataTable tbody>tr>.selected td {
	border-color: #d133d1;
}

table.dataTable tbody td:focus {
	outline: none !important;
}

table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
	outline: 2px solid #d133d1 !important;
	outline-offset: -1px;
	color: #d133d1;
	background-color: rgba(126, 87, 194, 0.15);
}

.dataTables_info {
	font-weight: 500;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	background-color: #6FC38A;
	top: 0.85rem;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
	background-color: #f1556c;
	top: 0.85rem;
}

div.dt-button-info {
	background-color: #d133d1;
	border: none;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
	text-align: center;
	z-index: 21;
}

div.dt-button-info h2 {
	border-bottom: none;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

@media (max-width: 767.98px) {

	li.paginate_button.previous,
	li.paginate_button.next {
		display: inline-block;
		font-size: 1.5rem;
	}

	li.paginate_button {
		display: none;
	}

	.dataTables_paginate ul {
		text-align: center;
		display: block;
		margin: 1.5rem 0 0 !important;
	}

	div.dt-buttons {
		display: inline-table;
		margin-bottom: 1.5rem;
	}
}

.activate-select .sorting_1 {
	background-color: #f1f5f7;
}

.daterangepicker {
	font-family: "Roboto", sans-serif;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker .ranges li.active {
	background-color: #d133d1;
}

.datepicker {
	padding: 10px !important;
}

.datepicker td,
.datepicker th {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
	background-color: #d133d1 !important;
	background-image: none !important;
	color: #fff;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
	background: #f7f7f7;
}

.datepicker table tr td.new,
.datepicker table tr td.old,
.datepicker table tr td span.new,
.datepicker table tr td span.old {
	color: #72747b;
	opacity: 0.4;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
	background: #f7f7f7;
}

.datepicker .datepicker-switch:hover {
	background: none;
}

.datepicker-dropdown:after {
	border-bottom: 6px solid #fff;
}

.datepicker-dropdown:before {
	border-bottom-color: #e7eef1;
}

.datepicker-dropdown.datepicker-orient-top:before {
	border-top: 7px solid #e7eef1;
}

.datepicker-dropdown.datepicker-orient-top:after {
	border-top: 6px solid #fff;
}

.form-wizard-header {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.select2-container .select2-selection--single {
	border: 1px solid #ced4da;
	height: 28px;
	outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 26px;
	padding-left: 12px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
	height: 26px;
	width: 30px;
	right: 3px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
	border-color: #c0d2db transparent transparent transparent;
	border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #c0d2db transparent !important;
	border-width: 0 6px 6px 6px !important;
}

.select2-results__option {
	padding: 6px 12px;
}

.select2-dropdown {
	border: 1px solid #e1e9ee;
	-webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

.select2-container--default .select2-search--dropdown {
	padding: 10px;
	background-color: white;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #e1e9ee;
	outline: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #d133d1;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #f1f5f7;
	color: #323a46;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
	background-color: #d133d1;
	color: #fff;
}

.select2-container .select2-selection--multiple {
	min-height: 38px;
	border: 1px solid #ced4da !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	padding: 1px 10px;
}

.select2-container .select2-selection--multiple .select2-search__field {
	border: 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
	background-color: #d133d1;
	border: none;
	color: #fff;
	border-radius: 3px;
	padding: 0 7px;
	margin-top: 7px;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
	margin-right: 5px;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #fff;
}

.slimScrollDiv {
	height: auto !important;
}

.jq-toast-single {
	padding: 15px;
	font-family: "Roboto", sans-serif;
	background-color: #d133d1;
	font-size: 13px;
	line-height: 22px;
}

.jq-toast-single h2 {
	font-family: "Roboto", sans-serif;
}

.jq-toast-single a {
	font-size: 0.8125rem;
}

.jq-toast-single a:hover {
	color: #fff;
}

.jq-has-icon {
	padding: 10px 10px 10px 50px;
}

.close-jq-toast-single {
	position: absolute;
	top: -12px;
	right: -12px;
	font-size: 20px;
	cursor: pointer;
	height: 32px;
	width: 32px;
	background-color: #323a46;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
}

.jq-toast-loader {
	height: 3px;
	top: 0;
	border-radius: 0;
}

.jq-icon-primary {
	background-color: #d133d1;
	color: #fff;
	border-color: #d133d1;
}

.jq-icon-secondary {
	background-color: #72747b;
	color: #fff;
	border-color: #72747b;
}

.jq-icon-success {
	background-color: #6FC38A;
	color: #fff;
	border-color: #6FC38A;
}

.jq-icon-info {
	background-color: #4fc6e1;
	color: #fff;
	border-color: #4fc6e1;
}

.jq-icon-warning {
	background-color: #f7b84b;
	color: #fff;
	border-color: #f7b84b;
}

.jq-icon-danger {
	background-color: #f1556c;
	color: #fff;
	border-color: #f1556c;
}

.jq-icon-light {
	background-color: #f1f5f7;
	color: #fff;
	border-color: #f1f5f7;
}

.jq-icon-dark {
	background-color: #323a46;
	color: #fff;
	border-color: #323a46;
}

.jq-icon-pink {
	background-color: #f672a7;
	color: #fff;
	border-color: #f672a7;
}

.jq-icon-blue {
	background-color: #4a81d4;
	color: #fff;
	border-color: #4a81d4;
}

.jq-icon-error {
	background-color: #f1556c;
	color: #fff;
	border-color: #f1556c;
}

.swal2-modal {
	font-family: "Roboto", sans-serif;
	-webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
}

.swal2-modal .swal2-title {
	font-size: 24px;
}

.swal2-modal .swal2-content {
	font-size: 16px;
}

.swal2-modal .swal2-spacer {
	margin: 10px 0;
}

.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
	border: 2px solid #dee2e6;
	font-size: 16px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.swal2-modal .swal2-confirm.btn-confirm {
	background-color: #d133d1 !important;
	font-size: 0.8125rem;
}

.swal2-modal .swal2-cancel.btn-cancel {
	background-color: #f1556c !important;
	font-size: 0.8125rem;
}

.swal2-modal .swal2-styled:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.swal2-icon.swal2-question {
	color: #d133d1;
	border-color: #d133d1;
}

.swal2-icon.swal2-success {
	border-color: #6FC38A;
}

.swal2-icon.swal2-success .line,
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long],
.swal2-icon.swal2-success [class^=swal2-success-line] {
	background-color: #6FC38A;
}

.swal2-icon.swal2-success .placeholder,
.swal2-icon.swal2-success .swal2-success-ring {
	border-color: #6FC38A;
}

.swal2-icon.swal2-warning {
	color: #f7b84b;
	border-color: #f7b84b;
}

.swal2-icon.swal2-error {
	border-color: #f1556c;
}

.swal2-icon.swal2-error .line {
	background-color: #f1556c;
}

.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
	outline: 0;
	border: 2px solid #d133d1;
}

.swal2-container.swal2-shown {
	background-color: rgba(50, 58, 70, 0.9);
}

[data-plugin="customselect"] {
	display: none;
}

.nice-select {
	line-height: 26px;
	height: 28px;
	border-color: #ced4da;
	border-radius: 0.2rem;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
	border-color: #b1bbc4;
}

.nice-select.small {
	height: 32px;
	line-height: 30px;
}

.tippy-tooltip {
	font-size: 0.875rem;
}

.tippy-tooltip .light-theme[data-animatefill] {
	background-color: transparent;
}

.light-theme {
	color: #323a46;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	background-color: #fff;
}

.light-theme .tippy-backdrop {
	background-color: #fff;
}

.light-theme .tippy-roundarrow {
	fill: #fff;
}

.gradient-theme .tippy-backdrop {
	background: #d133d1;
	/* fallback for old browsers */
	background: -webkit-gradient(linear, right top, left top, from(#f1556c), to(#d133d1));
	background: linear-gradient(to left, #f1556c, #d133d1);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
	border-top: 7px solid #fff;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
	border-bottom: 7px solid #fff;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
	border-left: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
	border-right: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}

.dd-list .dd-item .dd-handle {
	background: #f1f5f7;
	border: none;
	padding: 8px 16px;
	height: auto;
	font-weight: 500;
	border-radius: 3px;
}

.dd-list .dd-item .dd-handle:hover {
	color: #d133d1;
}

.dd-list .dd-item button {
	height: 36px;
	font-size: 17px;
	margin: 0;
	color: #98a6ad;
	width: 36px;
}

.dd-list .dd3-item {
	margin: 5px 0;
}

.dd-list .dd3-item .dd-item button {
	width: 36px;
	height: 36px;
}

.dd-list .dd3-handle {
	margin: 0;
	height: 36px !important;
	float: left;
}

.dd-list .dd3-content {
	height: auto;
	border: none;
	padding: 8px 16px 8px 46px;
	background: #f1f5f7;
	font-weight: 500;
}

.dd-list .dd3-content:hover {
	color: #d133d1;
}

.dd-list .dd3-handle:before {
	content: "\F35C";
	font-family: "Material Design Icons";
	color: #adb5bd;
}

.dd-empty,
.dd-placeholder {
	background: rgba(206, 212, 218, 0.2);
}

.dd-dragel .dd-handle {
	-webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

div.hopscotch-bubble {
	border: 3px solid #d133d1;
	border-radius: 5px;
}

div.hopscotch-bubble .hopscotch-next,
div.hopscotch-bubble .hopscotch-prev {
	background-color: #d133d1 !important;
	background-image: none !important;
	border-color: #d133d1 !important;
	text-shadow: none !important;
	margin: 0 0 0 5px !important;
	font-family: "Roboto", sans-serif;
	color: #fff !important;
}

div.hopscotch-bubble .hopscotch-bubble-number {
	background: #f1556c;
	padding: 0;
	border-radius: 50%;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
	border-right: 19px solid #d133d1;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
	border: none;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
	border-left: 19px solid #d133d1;
	left: -2px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
	border-left: 0 solid #d133d1;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
	border-bottom: 19px solid #d133d1;
	top: 0;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
	border-bottom: 0 solid rgba(0, 0, 0, 0.5);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
	border-top: 19px solid #d133d1;
	top: -2px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
	border-top: 0 solid rgba(0, 0, 0, 0.5);
}

div.hopscotch-bubble h3 {
	font-family: "Roboto", sans-serif;
	margin-bottom: 10px;
}

div.hopscotch-bubble .hopscotch-content {
	font-family: "Roboto", sans-serif;
}

.flotTip {
	padding: 8px 12px;
	background-color: #323a46;
	z-index: 100;
	color: #fff;
	opacity: 1;
	border-radius: 3px;
}

.legend tr {
	height: 30px;
	font-family: "Roboto", sans-serif;
}

.legendLabel {
	padding-left: 5px !important;
	line-height: 10px;
	padding-right: 20px;
	font-size: 13px;
	font-weight: 500;
	color: #98a6ad;
	text-transform: uppercase;
}

.legendColorBox div div {
	border-radius: 50%;
}

@media (max-width: 767.98px) {
	.legendLabel {
		display: none;
	}
}

.morris-chart text {
	font-family: "Roboto", sans-serif !important;
}

.morris-hover {
	position: absolute;
	z-index: 10;
}

.morris-hover.morris-default-style {
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
	padding: 10px 12px;
	background: #323a46;
	color: #fff;
	font-family: "Roboto", sans-serif;
}

.morris-hover.morris-default-style .morris-hover-row-label {
	font-weight: bold;
	margin: 0.25em 0;
	font-family: "Roboto", sans-serif;
}

.morris-hover.morris-default-style .morris-hover-point {
	white-space: nowrap;
	margin: 0.1em 0;
	color: #fff;
}

.chartjs-chart {
	margin: auto;
	position: relative;
	width: 100%;
}

.ct-golden-section:before {
	float: none;
}

.ct-chart {
	max-height: 300px;
}

.ct-chart .ct-label {
	fill: #adb5bd;
	color: #adb5bd;
	font-size: 12px;
	line-height: 1;
}

.ct-chart.simple-pie-chart-chartist .ct-label {
	color: #fff;
	fill: #fff;
	font-size: 16px;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
	stroke: #d133d1;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
	stroke: #4fc6e1;
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
	stroke: #f672a7;
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
	stroke: #4a81d4;
}

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
	stroke: #323a46;
}

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
	stroke: #6FC38A;
}

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
	stroke: #f7b84b;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
	fill: #d133d1;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
	fill: #4fc6e1;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
	fill: #f672a7;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
	fill: #4a81d4;
}

.ct-area {
	fill-opacity: .33;
}

.chartist-tooltip {
	position: absolute;
	display: inline-block;
	opacity: 0;
	min-width: 10px;
	padding: 2px 10px;
	border-radius: 3px;
	background: #323a46;
	color: #fff;
	text-align: center;
	pointer-events: none;
	z-index: 1;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.chartist-tooltip.tooltip-show {
	opacity: 1;
}

.c3-tooltip {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	opacity: 1;
}

.c3-tooltip td {
	border-left: none;
	font-family: "Roboto", sans-serif;
}

.c3-tooltip td>span {
	background: #323a46;
}

.c3-tooltip tr {
	border: none !important;
}

.c3-tooltip th {
	background-color: #323a46;
}

.c3-chart-arcs-title {
	font-size: 18px;
	font-weight: 500;
}

.c3 text {
	font-family: "Roboto", sans-serif;
	color: #ced4da;
}

.c3-legend-item {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
}

.c3 line,
.c3 path {
	stroke: #ced4da;
}

.c3-chart-arc.c3-target g path {
	stroke: #fff;
}

#legend {
	background: white;
	position: absolute;
	top: 0;
	right: 15px;
}

#legend .line {
	color: #323a46;
}

.rickshaw_graph svg {
	max-width: 100%;
}

.rickshaw_legend .label {
	font-family: inherit;
	letter-spacing: 0.01em;
	font-weight: 500;
}

.rickshaw_graph .detail .item,
.rickshaw_graph .detail .x_label,
.rickshaw_graph .x_tick .title {
	font-family: "Roboto", sans-serif;
}

.gauge-chart text {
	font-family: "Roboto", sans-serif !important;
}

.responsive-table-plugin .dropdown-menu li.checkbox-row {
	padding: 7px 15px;
}

.responsive-table-plugin .table-responsive {
	border: none;
	margin-bottom: 0;
}

.responsive-table-plugin .btn-toolbar {
	display: block;
}

.responsive-table-plugin tbody th {
	font-size: 14px;
	font-weight: normal;
}

.responsive-table-plugin .checkbox-row {
	padding-left: 40px;
}

.responsive-table-plugin .checkbox-row label {
	display: inline-block;
	padding-left: 5px;
	position: relative;
	margin-bottom: 0;
}

.responsive-table-plugin .checkbox-row label::before {
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #ced4da;
	content: "";
	display: inline-block;
	height: 17px;
	left: 0;
	margin-left: -20px;
	position: absolute;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	width: 17px;
	outline: none;
}

.responsive-table-plugin .checkbox-row label::after {
	color: #ced4da;
	display: inline-block;
	font-size: 11px;
	height: 16px;
	left: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	position: absolute;
	top: -2px;
	width: 16px;
}

.responsive-table-plugin .checkbox-row input[type="checkbox"] {
	cursor: pointer;
	opacity: 0;
	z-index: 1;
	outline: none;
}

.responsive-table-plugin .checkbox-row input[type="checkbox"]:disabled+label {
	opacity: 0.65;
}

.responsive-table-plugin .checkbox-row input[type="checkbox"]:focus+label::before {
	outline-offset: -2px;
	outline: none;
}

.responsive-table-plugin .checkbox-row input[type="checkbox"]:checked+label::after {
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.responsive-table-plugin .checkbox-row input[type="checkbox"]:disabled+label::before {
	background-color: #dee2e6;
	cursor: not-allowed;
}

.responsive-table-plugin .checkbox-row input[type="checkbox"]:checked+label::before {
	background-color: #fff;
	border-color: #d133d1;
}

.responsive-table-plugin .checkbox-row input[type="checkbox"]:checked+label::after {
	color: #d133d1;
}

.responsive-table-plugin table.focus-on tbody tr.focused th,
.responsive-table-plugin table.focus-on tbody tr.focused td,
.responsive-table-plugin .sticky-table-header {
	background: #d133d1;
	color: #fff;
	border-color: #d133d1;
}

.responsive-table-plugin table.focus-on tbody tr.focused th table,
.responsive-table-plugin table.focus-on tbody tr.focused td table,
.responsive-table-plugin .sticky-table-header table {
	color: #fff;
}

.responsive-table-plugin .fixed-solution .sticky-table-header {
	top: 130px !important;
}

.responsive-table-plugin .btn-default {
	background-color: #fff;
	color: #323a46;
	border: 1px solid rgba(50, 58, 70, 0.3);
}

.responsive-table-plugin .btn-default.btn-primary {
	background-color: #d133d1;
	border-color: #d133d1;
	color: #fff;
	-webkit-box-shadow: 0 0 0 2px rgba(126, 87, 194, 0.5);
	box-shadow: 0 0 0 2px rgba(126, 87, 194, 0.5);
}

.responsive-table-plugin .btn-group.pull-right {
	float: right;
}

.responsive-table-plugin .btn-group.pull-right .dropdown-menu {
	left: auto;
	right: 0;
}

@font-face {
	font-family: 'footable';
	src: url("../fonts/footable.eot");
	src: url("../fonts/footable.eot?#iefix") format("embedded-opentype"), url("../fonts/footable.woff") format("woff"), url("../fonts/footable.ttf") format("truetype"), url("../fonts/footable.svg#footable") format("svg");
	font-weight: normal;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	@font-face {
		font-family: 'footable';
		src: url("../fonts/footable.svg#footable") format("svg");
		font-weight: normal;
		font-style: normal;
	}
}

.footable-odd {
	background-color: #fff;
}

.footable-detail-show {
	background-color: #f1f5f7;
}

.footable-row-detail {
	background-color: #fff;
}

.footable-pagination li {
	margin-left: 5px;
	float: left;
}

.footable-pagination li a {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #323a46;
	background-color: #fff;
	border: 1px solid #f1f5f7;
	border-radius: 2px;
}

.footable-pagination li.active a {
	color: #fff;
	background-color: #d133d1;
	border-color: #d133d1;
}

.footable>thead>tr>th>span.footable-sort-indicator {
	float: right;
}

.bootstrap-table .table:not(.table-sm)>tbody>tr>td,
.bootstrap-table .table:not(.table-sm)>tbody>tr>th,
.bootstrap-table .table:not(.table-sm)>tfoot>tr>td,
.bootstrap-table .table:not(.table-sm)>tfoot>tr>th,
.bootstrap-table .table:not(.table-sm)>thead>tr>td {
	padding: 0.85rem;
}

.bootstrap-table .table {
	border-bottom: none;
}

.bootstrap-table .table>thead>tr>th {
	border-bottom: 2px solid transparent;
}

table[data-toggle="table"] {
	display: none;
}

.fixed-table-pagination .pagination-detail,
.fixed-table-pagination div.pagination {
	margin-top: 20px;
	margin-bottom: 0;
}

.fixed-table-pagination .pagination .page-link {
	border-radius: 30px !important;
	margin: 0 3px;
	border: none;
}

.fixed-table-container {
	border: none;
}

.fixed-table-container tbody td {
	border-left: none;
}

.fixed-table-container thead th .th-inner {
	padding: 0.85rem;
}

.fixed-table-toolbar .fa {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
}

.fixed-table-toolbar .fa-toggle-down:before {
	content: "\f150";
}

.fixed-table-toolbar .fa-toggle-up:before {
	content: "\f151";
}

.fixed-table-toolbar .fa-refresh:before {
	content: "\f01e";
	font-weight: 900;
}

.fixed-table-toolbar .fa-th-list:before {
	content: "\f0ca";
	font-weight: 900;
}

.tablesaw thead {
	background: #f1f5f7;
	background-image: none;
	border: none;
}

.tablesaw thead th {
	text-shadow: none;
}

.tablesaw thead tr:first-child th {
	border: none;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}

.tablesaw td {
	border-top: 1px solid #f1f5f7 !important;
}

.tablesaw td,
.tablesaw tbody th {
	font-size: inherit;
	line-height: inherit;
	padding: 10px !important;
}

.tablesaw-stack tbody tr,
.tablesaw tbody tr {
	border-bottom: none;
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
	font-size: 8px;
	padding-right: 10px;
}

.tablesaw-swipe .tablesaw-cell-persist {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #f1f5f7;
}

.tablesaw-enhanced .tablesaw-bar .btn {
	text-shadow: none;
	background-image: none;
	text-transform: none;
	border: 1px solid #dee2e6;
	padding: 3px 10px;
	color: #323a46;
}

.tablesaw-enhanced .tablesaw-bar .btn:after {
	display: none;
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {
	background: #fff;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus,
.tablesaw-enhanced .tablesaw-bar .btn:active {
	color: #d133d1 !important;
	background-color: #f1f5f7;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-image: none;
}

.tablesaw-columntoggle-popup .btn-group {
	display: block;
}

.tablesaw-swipe .tablesaw-swipe-cellpersist {
	border-right: 2px solid #f1f5f7;
}

.tablesaw-sortable-btn {
	cursor: pointer;
}

.jsgrid-cell {
	padding: 0.85rem;
}

.jsgrid-grid-header,
.jsgrid-grid-body,
.jsgrid-header-row>.jsgrid-header-cell,
.jsgrid-filter-row>.jsgrid-cell,
.jsgrid-insert-row>.jsgrid-cell,
.jsgrid-edit-row>.jsgrid-cell {
	border: none;
}

.jsgrid-alt-row>.jsgrid-cell {
	background: #fff;
}

.jsgrid-selected-row>.jsgrid-cell {
	background: #f1f5f7;
	border-color: #f1f5f7;
}

.jsgrid-header-row>.jsgrid-header-cell {
	background: #f1f5f7;
	text-align: center !important;
}

.jsgrid-filter-row>.jsgrid-cell {
	background: #f7fafb;
}

.jsgrid-edit-row>.jsgrid-cell,
.jsgrid-insert-row>.jsgrid-cell {
	background: #f1f5f7;
}

.jsgrid input,
.jsgrid select,
.jsgrid textarea {
	border: 1px solid #f1f5f7;
	padding: .4em .6em;
	outline: none !important;
}

.jsgrid-pager-container {
	margin-top: 10px;
}

.jsgrid-pager-page {
	padding: 0;
	margin: 0 2px;
}

.jsgrid-pager-page.jsgrid-pager-current-page {
	background-color: #d133d1;
	color: #fff;
}

.jsgrid-pager-page a,
.jsgrid-pager-current-page {
	background-color: #f1f5f7;
	border-radius: 50%;
	height: 24px;
	width: 24px;
	display: inline-block;
	text-align: center;
	line-height: 24px;
	color: #72747b;
}

.jsgrid-pager-nav-button a {
	color: #72747b;
	font-weight: 500;
}

.jsgrid-pager-nav-button a:hover {
	color: #d133d1;
}

.jsgrid .jsgrid-button {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-image: url("../images/jsgrid.png");
	background-color: #f7f7f7;
	outline: none !important;
}

.jsgrid .jsgrid-button:hover {
	opacity: 0.9;
	background-color: #f1f5f7;
}

.jsgrid-search-mode-button {
	background-position: 0 -295px;
}

.jsgrid-insert-button {
	background-position: 0 -160px;
}

.jsgrid-header-sort:before {
	position: absolute;
}

.ms-container {
	background: transparent url("../images/multiple-arrow.png") no-repeat 50% 50%;
	width: auto;
	max-width: 370px;
}

.ms-container .ms-list {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ced4da;
}

.ms-container .ms-list.ms-focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #b1bbc4;
}

.ms-container .ms-selectable li.ms-elem-selectable {
	border: none;
	padding: 5px 10px;
}

.ms-container .ms-selectable li.ms-hover {
	background-color: #d133d1;
}

.ms-container .ms-selection li.ms-elem-selection {
	border: none;
	padding: 5px 10px;
}

.ms-container .ms-selection li.ms-hover {
	background-color: #d133d1;
}

.ms-selectable {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none !important;
}

.ms-optgroup-label {
	font-weight: 500;
	font-family: "Roboto", sans-serif;
	color: #323a46 !important;
	font-size: 13px;
}

.autocomplete-suggestions {
	border: 1px solid #f9f9f9;
	background: #fff;
	cursor: default;
	overflow: auto;
	max-height: 200px !important;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.autocomplete-suggestion {
	padding: 5px 10px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-no-suggestion {
	padding: 5px;
}

.autocomplete-selected {
	background: #f7f7f7;
	cursor: pointer;
}

.autocomplete-suggestions strong {
	font-weight: bold;
	color: #323a46;
}

.autocomplete-group {
	padding: 5px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}

.autocomplete-group strong {
	font-weight: bold;
	font-size: 16px;
	color: #323a46;
	display: block;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100% !important;
}

.bootstrap-select .dropdown-toggle:before {
	content: "\F140";
	display: inline-block;
	font-family: "Material Design Icons";
}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	outline-offset: 0;
}

.bootstrap-select a {
	outline: none !important;
}

.bootstrap-select .inner {
	overflow-y: inherit !important;
}

.bootstrap-touchspin .btn .input-group-text {
	padding: 0;
	border: none;
	background-color: transparent;
	color: inherit;
}

.parsley-errors-list {
	margin: 0;
	padding: 0;
}

.parsley-errors-list>li {
	list-style: none;
	color: #f1556c;
	margin-top: 5px;
	padding-left: 20px;
	position: relative;
}

.parsley-errors-list>li:before {
	content: "\F159";
	font-family: "Material Design Icons";
	position: absolute;
	left: 2px;
	top: -1px;
}

.parsley-error {
	border-color: #f1556c;
}

.parsley-success {
	border-color: #6FC38A;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: #d133d1;
	border-color: #d133d1;
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
	-webkit-box-shadow: -10px 0 0 #d133d1;
	box-shadow: -10px 0 0 #d133d1;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
	background: #f1f5f7;
}

.flatpickr-months .flatpickr-month {
	height: 36px;
}

.clockpicker-popover .btn-default {
	background-color: #d133d1;
	color: #fff;
}

@font-face {
	font-family: "summernote";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/summernote.eot");
	src: url("../fonts/summernote.eot?#iefix") format("embedded-opentype"), url("../fonts/summernote.woff?") format("woff"), url("../fonts/summernote.ttf?") format("truetype");
}

.note-editor.note-frame {
	border: 1px solid #ced4da;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}

.note-editor.note-frame .note-statusbar {
	background-color: #fcfcfc;
	border-top: 1px solid #f7f7f7;
}

.note-editor.note-frame .note-editable {
	border: none;
}

.note-status-output {
	display: none;
}

.note-editable {
	border: 1px solid #ced4da;
	border-radius: 0.2rem;
	padding: 0.45rem 0.9rem;
}

.note-editable p:last-of-type {
	margin-bottom: 0;
}

.note-popover .popover-content .note-color .dropdown-menu,
.card-header.note-toolbar .note-color .dropdown-menu {
	min-width: 344px;
}

.note-toolbar {
	z-index: 1;
}

.ql-container {
	font-family: "Roboto", sans-serif;
}

.ql-bubble {
	border: 1px solid #ced4da;
	border-radius: 0.2rem;
}

.ql-toolbar {
	font-family: "Roboto", sans-serif !important;
}

.ql-toolbar span {
	outline: none !important;
}

.dropzone {
	border: 2px dashed rgba(50, 58, 70, 0.3);
	background: #fff;
	border-radius: 6px;
}

@font-face {
	font-family: 'dropify';
	src: url("../fonts/dropify.eot");
	src: url("../fonts/dropify.eot#iefix") format("embedded-opentype"), url("../fonts/dropify.woff") format("woff"), url("../fonts/dropify.ttf") format("truetype"), url("../fonts/dropify.svg#dropify") format("svg");
	font-weight: normal;
	font-style: normal;
}

.dropify-wrapper {
	border: 2px dashed rgba(50, 58, 70, 0.3);
	background: #fff;
	border-radius: 6px;
	font-family: "Roboto", sans-serif;
}

.editable-clear-x {
	background: url("../images/clear.png") center center no-repeat;
}

.editableform-loading {
	background: url("../images/loading.gif") center center no-repeat;
}

.editable-checklist label {
	display: block;
}

.image-crop-preview .img-preview {
	float: left;
	margin-bottom: .5rem;
	margin-right: .5rem;
	overflow: hidden;
	background-color: #f1f5f7;
	text-align: center;
	width: 100%;
}

.image-crop-preview .img-preview>img {
	max-width: 100%;
}

.image-crop-preview .preview-lg {
	height: 9rem;
	width: 16rem;
}

.image-crop-preview .preview-md {
	height: 4.5rem;
	width: 8rem;
}

.image-crop-preview .preview-sm {
	height: 2.25rem;
	width: 4rem;
}

.image-crop-preview .preview-xs {
	height: 1.125rem;
	margin-right: 0;
	width: 2rem;
}

.img-crop-preview-btns>.btn,
.img-crop-preview-btns>.btn-group {
	margin-bottom: 8px;
	margin-right: 8px;
}

.docs-cropped .modal-body>img,
.docs-cropped .modal-body>canvas {
	max-width: 100%;
}

.docs-drop-options {
	max-height: 400px;
	overflow-y: auto;
}

.gmaps,
.gmaps-panaroma {
	height: 300px;
	background: #f1f5f7;
	border-radius: 3px;
}

.gmaps-overlay {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	background: #d133d1;
	border-radius: 4px;
	padding: 10px 20px;
}

.gmaps-overlay_arrow {
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	position: absolute;
}

.gmaps-overlay_arrow.above {
	bottom: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #d133d1;
}

.gmaps-overlay_arrow.below {
	top: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #d133d1;
}

.jvectormap-label {
	border: none;
	background: #323a46;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 0.8125rem;
	padding: 5px 8px;
}

.mapael .map {
	position: relative;
}

.mapael .map .zoomIn {
	top: 25px;
}

.mapael .map .zoomOut {
	top: 50px;
}

.mapael .mapTooltip {
	position: absolute;
	background-color: #d133d1;
	opacity: 0.95;
	border-radius: 3px;
	padding: 2px 10px;
	z-index: 1000;
	max-width: 200px;
	display: none;
	color: #fff;
	font-family: "Roboto", sans-serif;
}

.mapael .zoomIn,
.mapael .zoomOut,
.mapael .zoomReset {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border-radius: 2px;
	font-weight: 500;
	cursor: pointer;
	background-color: #d133d1;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 10px;
	width: 24px;
	height: 24px;
	line-height: 24px;
}

.mapael .plotLegend text {
	font-family: "Roboto", sans-serif !important;
}


/********************** NAYITH ***************************/

.ny-boxfull-lo {
	height: 100vh;
	justify-content: center;
	align-items: center;
	display: flex;
}

.ny-boxfull-lo-1 {
	height: 100vh;
	justify-content: center;
	align-items: center;
	display: flex;
	padding: 0 50px;
}

.ny-boxfull-lo22 {
	justify-content: center;
	align-items: center;
	display: flex;
	padding: 0 50px;
}

.ny-loh-text h1 {
	color: #FFF;
	float: left;
	width: 100%;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 40px;
}

.ny-loh-text h1 span {
	font-size: 30px;
	font-weight: 500;
}

.ny-loh-text h1 b {
	font-size: 15px;
	font-weight: 500;
}

.lg-login {
	text-align: center;
	padding: 10px 0;
	background-color: #6c1c82;
	border-radius: 10px 10px 0px 0px;
}

.box-foo-login {
	position: absolute;
	bottom: 10px;
	color: #FFF;
	text-align: center;
	padding: 10px 0;
}

.ny-btn-modulos {
	background-color: #d133d1;
	text-transform: uppercase;
}

.ny-btn-modulos a {
	color: #FFF !important;
}

.ny-btn-modulos i {
	color: #FFF;
}

.m-t-20 {
	margin-top: 20px;
}

.ny-tit-modulo h4 {
	float: left;
	background-color: #444;
	margin-left: 10px;
	border-radius: 8px 0 0px 8px;
	color: #FFF;
	float: left;
	font-size: 15px;
	padding: 9.5px 10px;
	margin-left: 0;
}

.ny-tit-modulo a {
	float: left;
}

.ny-tit-modulo .dropdown {
	float: left;
	margin-top: 10px;
}

.ny-tit-modulo .dropdown button {
	border-radius: 0 8px 8px 0px;
	padding: 7px 10px;
}

.btns-right button {
	float: right;
}

.box-mod-menu {
	margin: 0px auto;
	width: 100%;
	height: auto;
	float: left;
}

.link-mod-menu {
	margin: 0 15px;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 64px;
	cursor: pointer;
	text-align: right;
}

.link-mod-menu img {
	float: left;
}

.separa-top {
	margin-top: 30px !important;
}

.box-subm-exp {
	margin-left: 15px;
	width: 88%;
}

.sep-btn-tbiz a {
	margin-top: 10px;
}

.btn-red-50 {
	border-radius: 50px;
}

.iten-centro {
	text-align: center;
}

.icon-blan i {
	color: #FFF;
}

.tit-top-mod img {
	padding: 0 10px 0 0;
}

.tit-top-mod h4 {
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 15px;
}

.tit-top-mod img {
	height: 30px;
}

.form-extra-modal {
	background-color: #f2f5f7;
	width: 95%;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	border-radius: 20px;
}

.table td button {
	margin-bottom: 2px !important;
}

.table td a {
	margin-bottom: 2px !important;
}

.footable-even:hover {
	background-color: #f9f9f9;
}

.footable-odd:hover {
	background-color: #f9f9f9;
}

.logo-lg img {
	height: 40px;
}

.lg-login img {
	height: 60px
}

.ny-boxregistro form {
	padding: 30px 30px;
}

.ny-boxregistro label {
	padding: 0 0 5px 0;
}


/*.ny-boxregistro input{
  padding: 6px 10px;
  height: auto;
}
.ny-boxregistro .nice-select{
  height: 35px;
  line-height: 32px;
}*/

.list-pasos {
	text-align: center;
}

.stage-container {
	display: flex;
	position: relative;
	justify-content: space-around;
}

.stage-line {
	position: absolute;
	height: 5px;
	min-width: 70%;
	top: 9px;
	background: #e1e7eb;
}

.stage {
	z-index: 1;
}

.stage.completed::after {
	border: 5px solid #e1e7eb;
	background: #6c1c82;
}

.stage::after {
	content: '';
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	border-radius: 0.75rem;
	background: #e1e7eb;
}

.stage-names {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-around;
}

.stage-name {
	width: 6rem;
	line-height: 14px;
}

.text-extra-muted {
	color: #d1d8dd !important;
}

.btn-esperando {
	opacity: 0.7;
	cursor: no-drop !important;
}

.nota-box-log {
	border-top: 1px solid #ced4da;
	padding-top: 10px;
	text-align: center;
}

.btn-red-50-select .select2-container--default .select2-selection--single {
	border-radius: 50px;
}

.bg-pagos {
	background-color: #FFF;
	padding: 20px 20px 50px 20px;
}

.bg-pagos-card {
	background-color: #f2f5f7;
	margin: 0 5px;
	border-radius: 10px;
}

.logo-pago {
	text-align: center;
	padding: 20px 0;
}

.logo-pago img {
	height: 90px;
}

.bg-datos-fact {
	background-color: #f2f5f7;
	border-radius: 5px;
	padding: 10px;
}

.bg-datos-fact li {
	list-style: none;
	padding: 0 0 5px 0;
}

.tabl-bordertop-n th {
	border-top: none;
}

.tabla-expande td {
	padding: 15px 5px;
}

.ic-tab-pago img {
	height: 35px;
}


/*.tab-content > .active::before {
    width: 0px;
    height: 0px;
    content: "";
    position: relative;
    border-top: 10px solid #d133d1;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: 0 auto;
    top: 8px;
}*/

.table-scrol-off {
	overflow-x: initial;
}

.padd-off {
	padding: 0;
}

.list-factur-detalle {
	border-radius: 0px 0 10px 10px;
	border: 1px solid #e3e1e1;
	margin-top: -1px;
	/*margin-left: 8px;*/
	border-top: 1px solid #FFF;
}

.list-factur-detalle ul {
	float: right;
	width: 100%;
	padding: 20px 0 0 0;
}

.list-factur-detalle ul li {
	width: 100%;
	list-style: none;
	float: right;
	text-align: left;
	padding: 3px 10px;
	font-size: 16px;
	font-weight: 300;
}

.list-factur-detalle ul li b {
	float: right;
	font-weight: 500;
}

.list-factur-detalle ul li.fact-total {
	background-color: #f2f5f7;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}

.fact-total b {
	color: white;
}

.box-factura-deta {
	border: 1px solid #e3e1e1;
	border-radius: 10px 10px 0 10px;
}

.box-padd-adicional {
	padding: 0 40px;
}

.btn-minis {
	padding: 3px;
	height: 15px;
	border-radius: 3px;
	line-height: 7px;
}

.btn-dian {
	padding: 0;
	/*margin-left: 7px;*/
}

.border-3p {
	border-radius: 3px !important;
}

.border-4p {
	border-radius: 4px !important;
}

.padd-2-5 {
	padding: 2px 5px !important;
}

/************************ responsive nayith *******************************/

@media (max-width: 767px) {
	.oculta-mob {
		display: none;
	}

	.box-pad-50 {
		padding: 20px 30px;
	}

	.tit-top-mod h4 {
		text-align: center;
		margin-top: 30px;
		border-radius: 20px;
		border: 1px solid #E0E0E0;
		padding: 10px 0;
	}

	.box-mod-menu {
		height: 60px;
	}

	.link-mod-menu img {
		height: 40px;
	}

	.link-mod-menu {
		line-height: 44px;
	}

	.logo-sm img {
		border-radius: 10px;
		margin-bottom: 0.5rem;
	}

	.logo-sm {
		line-height: 65px;
	}

	.exp-btn-full {
		width: 100%;
	}

	.exp-btn-full-icon {
		width: 100%;
		text-align: left;
	}

	.exp-btn-full-icon span {
		float: right;
	}

	.none-phone {
		display: none;
	}

	.ny-boxregistro {
		width: 100%;
	}

	.stage-name {
		width: 4rem;
		font-size: 12px;
	}

	.ny-boxlogin {
		width: 100%;
	}

	.ny-boxlogin-1 {
		width: 100%;
	}
}


/************************ responsive nayith *******************************/


/************************ GINA *******************************/

.btn-centrar {
	display: block;
	margin: auto;
}

.wrapper-dashboard {
	padding: 63px 12px 0 12px;
}

.card-resumen {
	background-color: #fff;
	padding: 2rem;
}

.conten-dashboard {
	padding: 30px 40px;
}

.title-dashboard {
	font-size: 1.2rem;
	color: #2B2A2A;
	font-weight: 400;
	margin-bottom: 8px;
}

.title-dashboard-1 {
    font-size: 1.8rem;
    color: #5e227e;
    font-weight: 500;
    margin-bottom: 0.3rem;
}

.card-dashboard {
	background-color: #fff;
	margin-top: 1.3rem;
	padding: 1rem;
	border-radius: 15px;
	width: 100%;
}

.more-item {
	float: right;
	background-color: #f3f6f9;
	padding: 5px 8px;
	border-radius: 16px;
}

.title-card {
	text-align: center;
	color: #62218f;
	font-weight: 800;
	letter-spacing: 0.3px;
	font-size: 1.1rem;
	margin-bottom: 0.4rem;
	margin-top: 3px;
}

.title-card-1 {
	text-align: center;
	color: #62218f;
	font-weight: 800;
	letter-spacing: 0.8px;
	font-size: 1.3rem;
	margin-bottom: 0.4rem;
}

.title-card-2 {
	text-align: left;
	color: #62218f;
	font-weight: 500;
	font-size: 2.1rem;
	margin-bottom: 1.4rem !important;
}

.img-card {
	margin: 0 auto;
	display: block;
	padding: 9px;
}

.img-card-1 {
	margin: 0 auto;
	display: block;
	padding: 2px;
	margin-top: 20px;
}

.items-card {
	padding: 8px;
}

.space-item {
	padding-left: 20px;
	margin-bottom: 0.7rem;
	color: #4b4b4b;
	font-weight: 400;
}
@media(max-width: 320px) {
	.space-item {
		padding-left: 0px;
	}
}

.separador {
	margin-top: 0.7rem;
	margin-bottom: 0.7rem;
}

.icon-item {
	margin: 4px;
}

.btn-modal {
	display: block;
	margin: 0 auto;
}

.space-btn {
	margin: 0.5rem;
}

.btn-mas {
	border-color: #d133d1;
	color: #d133d1;
	background-color: transparent !important;
}

.btn-mas:hover {
	background-color: #62218f !important;
	color: #fff;
	border-color: transparent;
}

.title-resumen {
	color: #2B2A2A;
	font-weight: 400;
	font-size: 1.05rem;
	margin-bottom: 2px;
}

.title-resumen-1 {
	color: #2B2A2A;
	font-weight: 400;
	font-size: 1.05rem;
	margin-bottom: 2px;
	margin-left: -12px;
}

.title-resumen-6 {
	color: #2B2A2A;
	font-weight: 400;
	font-size: 1.05rem;
	margin-bottom: 5px;
	text-align: center;
}

.subtitle-resumen {
	font-size: 0.75rem;
}

.subtitle-resumen-3 {
	font-size: 0.75rem;
	margin-left: -10px;
}

.subtitle-resumen-1 {
	font-size: 1.3rem;
	text-align: right;
	margin-bottom: 0px;
	font-weight: 500;
}

.subtitle-resumen-6 {
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 0px;
	font-weight: 500;
}

.subtitle-resumen-2 {
	font-size: 0.75rem;
	text-align: left;
}

.subtitle-resumen-7 {
	font-size: 0.75rem;
	text-align: center;
	margin-bottom: 5px;
}

.item-1 {
	float: left;
}

.resultado-1 {
	float: right;
}

.content-resumen {
	background-color: #62218f;
	color: #fff;
	height: 1.8rem;
	padding: 0.3rem 0.9rem;
	border-radius: 30px;
	margin-bottom: 8px;
}

.content-resumen-1 {
	background-color: #f3f6f9;
	color: #4b4b4b;
	height: 1.8rem;
	padding: 0.3rem 0.9rem;
	border-radius: 30px;
	margin-bottom: 8px;
}

.btn-dashboard {
	text-align: right;
}

.btn-dashboard-1 {
	text-align: center;
}

.btn-board {
	font-size: 0.7rem;
	margin: 0.5rem 0 0.8rem;
}

.btn-board-1 {
	font-size: 0.7rem;
	margin: 0.8rem 0 0.3rem;
}

.subtitle-pasos {
	font-size: 0.9rem;
	margin-bottom: 1.5rem;
}

.btn-gn {
	color: #343a40;
	background-color: #d9e4e9;
	border-color: #d1dee4;
}

.badge {
	font-size: 0.8rem;
	padding: 7px 11px;
}

.sub-item-gn {
	font-size: 1.4rem;
	margin-bottom: 6px;
}

.sub-faltante {
	font-size: 1.4rem;
	margin-bottom: 6px;
	color: #f1556c;
}

.title-item-gn {
	margin-bottom: 0.2rem;
	font-size: 0.8125rem;
	font-weight: 700;
}

.margen-ic {
	margin-right: 10px;
	color: #d133d1;
}

.margen-ic-1 {
	margin-left: 10px;
	color: #d133d1;
}

.aling-der {
	text-align: right;
}

.aling-der-1 {
	text-align: right;
	background-color: #f2f5f7;
	height: 28px;
	padding: 4px 15px;
	border-radius: 11px;
	margin-left: 49px;
}

.descuento {
	width: 52%;
	float: right;
}

.item-medio {
	margin-top: 5px;
	margin-left: -24px;
}

.margen-top {
	margin-top: 12px;
}

.credito-title {
	margin-bottom: 0.5rem;
}

.sub-credito {
	font-size: 2rem;
	margin-bottom: 0px;
}

.sub-credito-1 {
	font-size: 1rem;
	background-color: #f2f5f7;
	padding: 10px;
	border-radius: 10px;
	text-align: right;
}

.required {
	color: red;
}

.sep-1 {
	width: 97%;
}

.custom-control-inline {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 0rem;
	margin-left: 20px;
}

.list-factur-detalle-responsive {
	display: none;
}

.list-factur-detalle-1 ul li {
	width: 100%;
	list-style: none;
	float: right;
	text-align: left;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 300;
}

.list-factur-detalle-1 {
	border-radius: 0px 0 10px 10px;
	border: 1px solid #e3e1e1;
	margin-top: -66px;
	/* margin-left: 8px; */
	margin-bottom: 1rem;
	border-top: 1px solid #FFF;
}

.list-factur-detalle-1 ul {
	float: right;
	width: 100%;
	padding: 20px 0 0 0;
}

.list-factur-detalle-1 ul li b {
	float: right;
	font-weight: 500;
}

.list-factur-detalle-1 ul li.fact-total {
	background-color: #f2f5f7;
	padding: 10px;
	border-radius: 10px;
}

.custom-control {
	position: relative;
	display: block;
	min-height: 1.21875rem;
	padding-left: 1.5rem;
	margin-left: 19px;
	margin-top: 5px;
}

.subir-img {
	content: "";
	background-color: #fff;
	width: 200px;
	height: 52px;
	float: right;
	border: 1px solid #ced4da;
	border-radius: 0.2rem;
	margin-right: 1rem;
	padding: 1rem;
	text-align: center;
}

.margen {
	margin-top: 12px;
}

.margenform {
	margin-top: 2rem;
}

.form-control-1 {
	display: block;
	width: 100%;
	height: auto;
	padding: 3px 5px;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.5;
	color: #72747b;
	background-color: #f2f5f7;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.2rem;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.margen-anadir {
	margin-top: 24px;
}

.divisor {
	border-bottom: 1px solid #e9e9e9;
}

.btn-menu {
	/*border-radius: 21px;*/
	/*border: 1.2px solid #643da9;*/
	padding: 1rem 1.5rem;
	margin: 0.5rem 0.9rem;
	display: block;
	color: #72747b;
	text-decoration: none;
}

.btn-menu:hover {
	/*box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.1);
    border: 1.2px solid #fff;*/
	color: #643da9;
	font-weight: 700;
}

.btn-menu:focus {
	-webkit-box-shadow: none;
}

.size-plan {
	font-size: 1.4rem;
}

.tabla-gn {
	margin-left: 0px;
}

.btn-historial {
	display: none;
}

.btn-historial-1 {
	display: block;
}

.margen-btn {
	margin-right: 8px;
}

.container-info {
	background-color: #fdf7fd;
	margin-bottom: 2rem;
	border-radius: 15px;
	border: 1px solid #d133d1;
}

.container-info-exitoso {
	background-color: #f2fbf9;
	margin-left: 1rem;
	margin-bottom: 2.5rem;
	border-radius: 15px;
	border: 1px solid #6FC38A;
}

.container-info-validacion {
	background-color: #fffcf8;
	margin-left: 1rem;
	margin-bottom: 2.5rem;
	border-radius: 15px;
	border: 1px solid #f7b84b;
}

.container-info-alerta {
	background-color: #fef3f5;
	margin-left: 1rem;
	margin-bottom: 2.5rem;
	border-radius: 15px;
	border: 1px solid #f1556c;
}

.text-banner {
	padding-top: 0.6rem;
	margin-left: -31px;
	font-size: 1.1rem;
	color: #62218f;
}

.text-banner-1 {
	padding-top: 0.6rem;
	margin-left: -31px;
	font-size: 1.1rem;
	color: #62218f;
	margin-right: 1rem;
}

.btn-assistant {
	width: 100%;
	height: 41px;
	margin-top: 1.15rem;
	padding: 9px;
	font-size: 0.9rem;
	margin-left: -28px;
	border-radius: 20px;
	background-color: #6FC38A;
	border-color: #6FC38A;
	color: #ffffff;
	font-weight: 500
}

.btn-banner {
	width: 100%;
	height: 41px;
	margin-top: 1.15rem;
	padding: 9px;
	font-size: 0.9rem;
	margin-left: -28px;
	border-radius: 20px;
	background-color: #ffd700;
	border-color: #ffd700;
	color: #5e227f;
	font-weight: 500
}

.btn-banner-1 {
	width: 100%;
	height: 41px;
	margin-top: 1.15rem;
	padding: 9px;
	font-size: 0.9rem;
	margin-left: -28px;
	border-radius: 20px;
	border-color: #6FC38A;
	font-weight: 500;
	background-color: #6FC38A;
}

.btn-banner-2 {
	width: 63%;
	padding: 11px;
	font-size: 0.9rem;
	margin-left: -28px;
	border-radius: 27px;
	background-color: #ffd700;
	border-color: #ffd700;
	color: #5e227f;
	font-weight: 500
}

.btn-banner-3 {
	width: 72%;
	padding: 9px;
	font-size: 0.9rem;
	margin-left: -28px;
	border-radius: 20px;
	background-color: #ffd700;
	border-color: #ffd700;
	color: #5e227f;
	font-weight: 500
}

.btn-planes {
	margin-top: -8px;
}

.bg-plan-mensual {
	background-color: #5e227f;
	color: #fff;
	padding: 1rem;
	text-align: center;
	border-radius: 15px;
}

.title-plan {
	font-size: 2rem;
	margin-bottom: 0px;
	font-weight: 500;
}

.price-plan {
	background-color: #fff;
	color: #5e227f;
	width: 100%;
	width: 256px;
	margin-left: -16px;
	padding: 0.05rem;
	margin-bottom: 1rem
}

.vigencia {
	font-size: 1.2rem;
	margin-left: 2rem;
	font-weight: 400;
	color: #343a40;
}

.items-plan {
	margin-left: 1rem;
	line-height: 2rem;
	font-size: 0.9rem;
	letter-spacing: 0.5px;
}

.items-plan-1 {
	margin-left: 1rem;
	line-height: 2rem;
	font-size: 1rem;
	letter-spacing: 0.5px;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.select2-container {
	width: 100% !important;
}

.price-premium {
	text-align: left;
	font-size: 2.2rem;
	color: #d133d1;
	font-weight: 400;
	margin-bottom: -4px;
	margin-left: 29px;
}

.sub-price {
	text-align: left;
	font-size: 1rem;
	letter-spacing: 0.9px;
	margin-left: 29px;
	color: #d133d1;
}

.centrar-btn {
	float: left;
}

.centrar-btn-1 {
	margin: 0 auto !important;
	display: block;
}

.centrar-btn-5 {
	margin: 0 auto !important;
	display: block;
}

.alineacion-btn {
	margin-top: -8px;
}

.nav-pills .nav-link {
	border-radius: 2rem;
}

.margen-tab {
	margin-left: 31px;
}

.gif-modal {
	margin-left: 14px !important;
	width: 98%;
	margin: auto;
	margin-top: 4rem;
}

.title-premium {
	text-align: center;
	color: #62218f;
	font-weight: 800;
	font-size: 1.8rem;
	margin-bottom: 0.4rem;
	padding: 1rem;
	margin-top: 1rem;
}

.title-premium-1 {
	text-align: left;
	color: #62218f;
	font-weight: 800;
	font-size: 1.6rem;
	margin-bottom: 0.4rem;
	padding: 0px 2.5rem;
	margin-top: 1.5rem;
}

.cerrar {
	padding: 0px 5px !important;
}

.margen-premium {
	margin-left: 26px;
	margin-bottom: 1.5rem;
}

.wrapper-1 {
	margin-bottom: -70px;
}

.margen-btn-1 {
	margin: -1rem 2rem 2rem;
}

.nilo-flota {
	position: fixed;
	z-index: 1;
	width: 5%;
	left: 8px;
	bottom: 15%;
	cursor: pointer;
}

.fecha-dash-1 {
	font-size: 0.7rem;
	border-left: 1px solid #fff !important;
	border-color: #d133d1;
	border-radius: 0px;
	height: 24px;
}

.fecha-dash-2 {
	font-size: 0.7rem;
	border-left: 1px solid #fff !important;
	border-color: #d133d1;
	border-radius: 0px 15px 15px 0px;
	height: 24px;
}

.title-fecha-dash-2 {
	padding-left: 5px;
	border: 1px solid #d133d1;
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
	height: 24px;
	margin-left: -7px;
	padding-right: 41px;
	padding-top: 1px;
	color: #d133d1;
}

.spac-1 {
	padding-right: 7px !important;
	padding-left: 0px;
	margin-right: -8px;
	margin-left: -2px;
}

.spac-2 {
	border: 1px solid #d133d1;
	height: 24px;
	border-radius: 15px 0px 0px 15px;
	border-right: 1px solid #fff !important;
	margin-right: -1px;
	padding-top: 1px;
	color: #d133d1;
}

.spac-3 {
	margin-left: -3px;
}

.bg-cuenta-cobro {
	background-color: #f6f8fa;
	padding: 1.5rem;
	margin: 1rem 0;
	border-radius: 17px;
}

.btn-ppal-dash {
	width: 100%;
	padding: 7px;
	border-radius: 15px;
}

.ppal-dash {
	padding: 0;
	margin-top: 2rem;
}

.subtitle-invitacion {
	text-align: center;
	font-size: 1rem;
	padding: 0px 3rem 0px;
	margin-bottom: 10px;
}

.box-pad-50-1 {
	padding: 0px 50px 30px;
}

.error-403-gif {
	margin-left: 7rem !important;
	width: 60%;
	margin: auto;
	margin-top: 0rem;
}

.gif-mensaje {
	margin-left: 6rem !important;
	width: 70%;
	margin: auto;
	margin-top: 0rem;
}

.wrapper-3 {
	padding: 34px 50px 0 50px;
}

.title-error-403 {
	text-align: center;
	color: #62218f;
	font-weight: 800;
	font-size: 6.8rem;
	margin-bottom: 0.4rem;
	margin-top: 1rem;
}

.item-error-403 {
	text-align: center;
	color: #62218f;
	font-size: 2rem;
	margin-bottom: -3rem;
	margin-top: 3rem;
}

.subtitle-error-403 {
	text-align: center;
	font-size: 1.3rem;
	padding: 0px 7rem;
	line-height: 1.6rem;
	color: #343a40;
}

.text-error-403 {
	text-align: center;
	font-size: 1rem;
}

.text-mensaje {
	text-align: left;
	font-size: 1rem;
	padding: 1rem 2.5rem 1rem;
}

.btn-error-403 {
	width: 80%;
}

.btn-login {
	width: 100%;
	padding: 0.4rem;
	margin-top: -0.3rem;
}

.card-igual {
	display: flex;
}

@media(max-width: 767px) {
	.subtitle-resumen-1 {
		margin-left: 3rem;
	}

	.btn-mensaje {
		width: 100%;
		margin-left: -12px !important;
		margin-top: -5px !important;
	}

	.title-premium-1 {
		padding: 0px 1.9rem;
	}

	.text-mensaje {
		padding: 1rem 1.9rem 1rem;
	}

	.btn-error-403 {
		width: 100%;
		margin-left: -12px !important;
		margin-top: -5px !important;
	}

	.text-error-403 {
		font-size: 1.3rem;
	}

	.subtitle-error-403 {
		font-size: 1.4rem;
		padding: 0px 0rem;
		line-height: 1.8rem;
		margin-top: -20px;
	}

	.item-error-403 {
		margin-top: 1rem;
	}

	.wrapper-3 {
		padding: 34px 10px 0 10px;
	}

	.error-403-gif {
		margin-left: 3.6rem !important;
		width: 70%;
	}

	.gif-mensaje {
		margin-left: 3.6rem !important;
		width: 70%;
	}

	.subtitle-invitacion {
		padding: 0px 2rem 0px;
		margin-bottom: 24px;
		font-size: 0.8rem;
	}

	.ny-boxfull-lo-1 {
		height: 137vh;
		justify-content: center;
		align-items: center;
		display: flex;
		padding: 0 30px;
	}

	.divisor {
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 6rem;
	}

	.banner-respon {
		width: 81% !important;
		display: block !important;
		margin: 0 auto !important;
		margin-bottom: 2rem !important;
	}

	.nilo-flota {
		display: none;
	}

	.margen-premium {
		margin-left: -2px
	}

	.price-premium {
		margin-left: 3px;
	}

	.sub-price {
		margin-left: 6px;
	}

	.margen-tab {
		margin-left: 19px;
	}

	.title-card-2 {
		font-size: 2rem;
	}

	.title-card-1 {
		text-align: left;
		margin-left: 1.2rem;
	}

	.plan-1 {
		margin-left: -14px;
	}

	.plan-2 {
		margin-left: -14px;
	}

	.title-plan-1 {
		font-size: 5rem;
	}

	.title-plan-2 {
		font-size: 5rem;
	}

	.subtitle-plan-1 {
		font-size: 1.5rem;
	}

	.subtitle-plan-2 {
		font-size: 1.5rem;
	}

	.centrar-btn-1 {
		height: 45px !important;
		font-size: 1.1rem;
	}

	.centrar-btn-5 {
		height: 72px !important;
		font-size: 1.6rem;
		margin-bottom: 5rem !important;
	}

	.items-plan-1 {
		margin-left: -0.3rem;
		line-height: 2.5rem;
		font-size: 1.1rem;
		width: 113%;
	}

	.title-premium {
		font-size: 1.6rem;
		margin-top: -1rem;
		width: 108%;
	}

	.title-premium-1 {
		font-size: 1.5rem;
		margin-top: -1rem;
		width: 108%;
	}

	.gif-modal {
		width: 80%;
		display: block;
		margin: 0 auto;
	}

	.text-banner-1 {
		margin-bottom: 2rem;
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}

	.img-card {
		padding: 0px;
	}

	.container-info {
		margin-left: 2rem;
	}

	.container-info-exitoso {
		margin-left: 2rem;
	}

	.btn-banner {
		margin-left: 0px;
		margin-bottom: 2rem;
	}

	.btn-banner-2 {
		margin-left: 0px;
		margin-bottom: 2rem;
	}

	.btn-banner-1 {
		margin-left: 0px;
		margin-bottom: 2rem;
	}

	.text-banner {
		text-align: center;
		margin-left: 0px;
		padding: 0.3rem;
	}

	.margen-btn-1 {
		margin: -5px -13px 51px 17px !important;
		height: 31px !important;
		padding-top: 4px !important;
	}

	.btn-historial-1 {
		display: none;
	}

	.btn-historial {
		display: block;
	}

	.aling-der-1 {
		text-align: right;
		background-color: #f2f5f7;
		height: 28px;
		padding: 5px 15px;
		border-radius: 11px;
		/* margin-left: 49px; */
		margin: 0 10px;
	}

	.resp-btn {
		width: 36% !important;
		height: 31px !important;
		padding-top: 4px !important;
		margin: 15px 0px !important;
	}

	.subir-img {
		width: 100%;
		height: 85px;
		margin-right: 0rem;
		margin-top: 1rem;
		padding: 2rem;
	}

	.list-factur-detalle-1 {
		display: none;
	}

	.list-factur-detalle-responsive {
		display: block;
		border: 1px solid #e3e1e1;
		margin-top: 22px;
		/* margin-left: 8px; */
		margin-bottom: 1rem;
		border-top: 1px solid #e3e1e1;
		border-radius: 10px;
	}

	.list-factur-detalle-responsive ul {
		float: right;
		width: 100%;
		padding: 20px 0 0 0;
	}

	.list-factur-detalle-responsive ul li b {
		float: right;
		font-weight: 500;
	}

	.list-factur-detalle-responsive ul li.fact-total {
		background-color: #f2f5f7;
		padding: 10px;
		border-radius: 10px;
	}

	.list-factur-detalle-responsive ul li {
		width: 100%;
		list-style: none;
		float: right;
		text-align: left;
		padding: 5px 10px;
		font-size: 16px;
		font-weight: 300;
	}

	.conten-dashboard {
		padding: 32px 27px;
	}

	.line-pasos:before {
		display: none;
	}

	.btn-outline-primary {
		color: #d133d1;
		border-color: #d133d1;
		width: 100%;
		height: 37px;
		padding-top: 8px;
		font-size: 0.8rem;
	}

	.btn-primary {
		width: 100%;
		height: 37px;
		padding-top: 8px;
	}

	.btn-primary-2 {
		width: 100%;
		height: 37px;
		padding-top: 4px;
		border-radius: 17px;
	}

	.btn-primary-1 {
		width: 100%;
		height: 37px;
		padding-top: 0px;
	}

	.exp-btn-full-1 {
		width: 47%;
	}

	.sub-item-gn {
		margin-bottom: 23px;
	}

	.list-factur-detalle-1 {
		margin-top: 0px;
		border-top: 1px solid #e3e1e1;
		border-radius: 10px;
	}
}


/************** paso completo **************/

.paso-completado a {
	background-color: #62218f;
	border: 1.2px solid #62218f;
	border-radius: 16px;
	color: #fff;
	font-size: 14px;
	line-height: 60px;
	padding: 0 10px;
	float: left;
	width: 100%;
	margin-bottom: 0.8rem;
	cursor: no-drop;
}

.paso-completado a i {
	float: right;
	line-height: 60px;
	padding-right: 10px;
}

.paso-completado a b {
	font-size: 26px;
	float: left;
	margin-left: 5px;
}

.paso-completado a span {
	padding-left: 10px;
}

.line-pasos:before {
	content: "";
	width: 73%;
	height: 2px;
	background-color: #c5c5c5;
	position: absolute;
	top: 40%;
	left: 5%;
}


/*.paso-completado a:hover {
    background-color: #d133d1;
    text-decoration: none;
}*/


/************** seleccion tenant **************/

.seleccion-tenant a {
	border: 1.2px solid #62218f;
	border-radius: 16px;
	color: #62218f;
	font-size: 0.8rem;
	;
	line-height: 60px;
	padding: 0 10px;
	float: left;
	width: 100%;
	margin-bottom: 0.8rem;
	background-color: #fff;
}

.seleccion-tenant a i {
	float: right;
	line-height: 60px;
	padding-right: 10px;
}

.seleccion-tenant a b {
	font-size: 18px;
	float: left;
	margin-left: 5px;
}

.seleccion-tenant a:hover {
	background-color: #d133d1;
	text-decoration: none;
	border: none;
	color: #fff;
}


/************** paso actual **************/

.paso-actual a {
	border: 1.2px solid #62218f;
	border-radius: 16px;
	color: #62218f;
	font-size: 0.75rem;
	line-height: 60px;
	padding: 0 10px;
	float: left;
	width: 100%;
	margin-bottom: 0.8rem;
	background-color: #fff;
}

.paso-actual a i {
	float: right;
	line-height: 60px;
	padding-right: 10px;
}

.paso-actual a b {
	font-size: 26px;
	float: left;
	margin-left: 5px;
}

.paso-actual a span {
	padding-left: 10px;
}

.paso-actual a:hover {
	background-color: #d133d1;
	text-decoration: none;
	border: none;
	color: #fff;
}


/************** paso inactivo **************/

.paso-inactivo a {
	background-color: #fff;
	border-radius: 16px;
	color: #4b4b4b;
	font-size: 0.75rem;
	;
	line-height: 60px;
	padding: 0 10px;
	float: left;
	width: 100%;
	margin-bottom: 0.8rem;
	cursor: no-drop;
}

.paso-inactivo a i {
	float: right;
	line-height: 60px;
	padding-right: 10px;
}

.paso-inactivo a b {
	font-size: 26px;
	float: left;
	margin-left: 5px;
}

.paso-inactivo a span {
	padding-left: 10px;
}


/*.paso-inactivo a:hover {
    background-color: #d133d1;
    text-decoration: none;
}*/


/************** card paso completo **************/

.card-paso-completo a {
	background-color: #62218f;
	margin: 1rem 1rem 1rem 0px;
	padding: 1rem;
	border-radius: 8px;
	color: #fff;
	border: 1.2px solid #62218f;
	width: 100%;
	float: left;
	cursor: no-drop;
}

.title-paso-completo {
	text-align: center;
	color: #fff;
	font-weight: 800;
	letter-spacing: 0.8px;
	font-size: 1.1rem;
	margin-bottom: 0.4rem;
}

.subtitle-paso-completo {
	font-size: 0.9rem;
	text-align: center;
	color: #fff;
}

.card-paso-completo i {
	float: right;
	color: #fff;
}


/************** card paso actual **************/

.card-paso-actual a {
	background-color: #fff;
	margin: 1rem 1rem 1rem 0px;
	padding: 1rem;
	border-radius: 8px;
	color: #62218f;
	border: 1.2px solid #62218f;
	width: 100%;
	float: left;
}

.title-paso-actual {
	text-align: center;
	color: #62218f;
	font-weight: 800;
	letter-spacing: 0.8px;
	font-size: 1.1rem;
	margin-bottom: 0.4rem;
}

.subtitle-paso-actual {
	font-size: 0.9rem;
	text-align: center;
	color: #62218f;
}

.card-paso-actual i {
	float: right;
	color: #62218f;
}

.card-paso-actual a:hover {
	box-shadow: 0px 0px 13px -2px rgba(0, 0, 0, 0.1);
	border: 1.2px solid #fff;
}


/************** card paso inactivo **************/

.card-paso-inactivo a {
	background-color: #fff;
	margin: 1rem 1rem 1rem 0px;
	padding: 1rem;
	border-radius: 8px;
	color: #4b4b4b;
	width: 100%;
	float: left;
	cursor: no-drop;
	border: 1.2px solid #fff;
}

.title-paso-inactivo {
	text-align: center;
	color: #4b4b4b;
	font-weight: 800;
	letter-spacing: 0.8px;
	font-size: 1.1rem;
	margin-bottom: 0.4rem;
}

.subtitle-paso-inactivo {
	font-size: 0.9rem;
	text-align: center;
	color: #4b4b4b;
}

.card-paso-inactivo i {
	float: right;
	color: #62218f;
}


/************** plan 1 **************/

.plan-1 a {
	background-color: #62218f;
	margin: 1rem 1rem 1rem 0px;
	padding: 1rem;
	border-radius: 8px;
	color: #fff;
	border: 1.2px solid #62218f;
	width: 100%;
	float: left;
}

.title-plan-1 {
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.8px;
	font-size: 3rem;
	margin-bottom: 0rem;
}

.subtitle-plan-1 {
	font-size: 0.9rem;
	text-align: center;
	color: #fff;
	margin-bottom: 0.3rem;
}

.plan-1 i {
	float: right;
	color: #fff;
}


/************** plan 2 **************/

.plan-2 a {
	background-color: #fff;
	margin: 1rem 1rem 1rem 0px;
	padding: 1rem;
	border-radius: 8px;
	color: #62218f;
	border: 1.2px solid #62218f;
	width: 100%;
	float: left;
}

.title-plan-2 {
	text-align: center;
	color: #62218f;
	font-weight: 700;
	letter-spacing: 0.8px;
	font-size: 3rem;
	margin-bottom: 0rem;
}

.subtitle-plan-2 {
	font-size: 0.9rem;
	text-align: center;
	color: #62218f;
	margin-bottom: 0.3rem;
}

.plan-2 i {
	float: right;
	color: #62218f;
}

.plan-2 a:hover {
	box-shadow: 0px 0px 13px -2px rgba(0, 0, 0, 0.1);
	border: 1.2px solid #fff;
}


/************** background degradado **************/

.bg-degradado {
	width: 100%;
	height: 5000px;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(130, 130, 130, 0) 55%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(55%, rgba(130, 130, 130, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(130, 130, 130, 0) 55%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(130, 130, 130, 0) 55%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(130, 130, 130, 0) 55%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(130, 130, 130, 0) 55%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#828282', GradientType=1);
}

.seleccion-tenant a i {
	float: right;
	line-height: 60px;
	padding-right: 10px;
}

.seleccion-tenant a b {
	font-size: 18px;
	float: left;
	margin-left: 5px;
}

.seleccion-tenant a:hover {
	background-color: #d133d1;
	text-decoration: none;
	border: none;
	color: #fff;
}

/************** seleccion sede **************/

.seleccion-headquarter button {
	border: 1.2px solid #62218f;
	border-radius: 16px;
	color: #62218f;
	font-size: 0.8rem;
	;
	line-height: 60px;
	padding: 0 10px;
	float: left;
	width: 100%;
	margin-bottom: 0.8rem;
	background-color: #fff;
}

.seleccion-headquarter button i {
	float: right;
	line-height: 60px;
	padding-right: 10px;
}

.seleccion-headquarter button b {
	font-size: 18px;
	float: left;
	margin-left: 5px;
}

.seleccion-headquarter button:hover {
	background-color: #d133d1;
	text-decoration: none;
	border: none;
	color: #fff;
}

/************** paso actual **************/

/************** sección iconos dashboard **************/

.img-btn-dsh {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 15px;
	height: 5.5rem;
}

.bg-dashboard p {
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 300;
	text-align: right;
	padding-left: 3rem;
	line-height: 1.3;
	letter-spacing: 0.3px;
	margin-top: 5px;
}

.bg-dashboard {
	background: #fff;
	color: #4b4b4b;
	border-radius: 15px;
	padding: 1.3rem 1rem;
	width: 100%;
	text-align: center;
	float: left;
	height: 5.4rem;
	margin: auto 0;
	display: block;
	box-shadow: 0px 0px 27px -5px rgba(0, 0, 0, 0.12);
}

.card-carousel {
    width: 100%;
    height: 300px;
	background-color: white;
    border-radius: 15px;
    text-align: center;
    display: flex;
	justify-content: center;
    align-items: center;
	margin: 0;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.card-carousel-purple {
	width: 100%;
    height: 300px;
    border-radius: 15px;
    text-align: center;
    display: flex;
	justify-content: center;
    align-items: center;
	margin: 0;
	background-color: #400944;
	color: white;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.card-carousel-purple h4 {
	color: white;
}

.card-carousel-blue {
	width: 100%;
    height: 300px;
    border-radius: 15px;
    text-align: center;
    display: flex;
	justify-content: center;
    align-items: center;
	margin: 0;
	background-color: #150230;
	color: white;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.card-carousel-blue h4 {
	color: white;
}

.card-carousel-gray {
	width: 100%;
    height: 300px;
    border-radius: 15px;
    text-align: center;
    display: flex;
	justify-content: center;
    align-items: center;
	margin: 0;
	background-color: #f0f1f5;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.card-carousel-image {
    width: 100% !important;
    max-width: 100%;
    height: 180px;
    object-fit: scale-down;
    border-radius: 8px;
}

.card-carousel-content {
	width: 100%;
	height: 100%;
	padding: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.rounded-image {
    border-radius: 15px;
	width: 100%;
}

.btn-black {
	background-color: black !important;
	color: #EFC818 !important;
	border-color: black !important;
	font-weight: 600;
	width: 30%;
	height: 37px;
	padding-top: 8px;
	font-size: 0.8rem;
	border-radius: 5px !important;
}

@media (max-width: 1400px) {
	.btn-black {
		width: 75%;
		font-size: 1rem;
	}
}

.header-carousel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.text-container {
    flex: 1;
}

.carousel-nav-buttons {
    display: flex;
    gap: 8px;
}

.nav-button {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.nav-button:hover {
    background-color: #f0f0f0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}

.nav-button i {
    font-size: 18px;
    color: #333;
}

.hover-btn a:hover {
	background-color: #d133d1;
	text-decoration: none;
	border: 0.5px solid #d133d1;
	color: #fff !important;
}

.hover-btn-verde a:hover {
	background-color: #50d890;
	text-decoration: none;
	border: 0.5px solid #50d890;
	color: #fff !important;
}

.hover-btn-azul a:hover {
	background-color: #42dee1;
	text-decoration: none;
	border: 0.5px solid #42dee1;
	color: #fff !important;
}

.hover-btn-salmon a:hover {
	background-color: #ff7e67;
	text-decoration: none;
	border: 0.5px solid #ff7e67;
	color: #fff !important;
}

.carousel-movil {
	display: none;
}

.carousel-desktop {
	display: block;
}

@media(max-width: 767px) {
	.bg-dashboard {
		margin-top: 1rem;
		padding: 1.5rem 1rem;
		box-shadow: none;
	}

	.img-btn-dsh {
		top: 1rem;
	}

	.carousel-movil {
		display: block;
	}

	.carousel-desktop {
		display: none;
	}

	.container-info-alerta {
		margin-left: 0rem;
	}

	.container-info-validacion {
		margin-left: 0rem;
	}

	.container-info-exitoso {
		margin-left: 0rem;
	}

	.card-resumen {
		padding: 2rem 1rem;
	}
}

/* Ajustes estilos */
.fs-12 {
	font-size: 12px;
}

.fs-14 {
	font-size: 14px;
}

.fs-16 {
	font-size: 16px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.fs-22 {
	font-size: 22px;
}

.fs-90 {
	font-size: 90px;
}

.fs-160 {
	font-size: 160px;
}

.fw-200 {
	font-weight: 200;
}

.fw-500 {
	font-weight: 500;
}

.lh-1 {
	line-height: 1;
}

.mt-m-5 {
	margin-top: -5px;
}

.navbar-custom {
	background-color: #5e227e;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	position: fixed;
	left: 0;
	right: 0;
	height: 52px;
	z-index: 100;
	padding: 0 0 0 12px;
}

.navbar-custom .topnav-menu>li {
	float: left;
}

.navbar-custom .topnav-menu .nav-link {
	padding: 0 10px;
	color: #72747b;
	min-width: 32px;
	display: block;
	line-height: 52px;
	text-align: center;
	max-height: 52px;
	letter-spacing: 1px;
}

.quick-button {
	background-color: #eec55d;
	border-radius: 5px 0 0 5px;
	padding: 5px 8px;
	color: var(--purple-color);
}

.quick-button-chevron {
	background-color: #EDBB3B;
	border-radius: 0 5px 5px 0;
	padding: 5px 8px;
	cursor: pointer;
	color: var(--purple-color);
}

.button-disabled {
	background-color: #CBCBCB;
	border-radius: 5px 0 0 5px;
	padding: 5px 8px;
	pointer-events: none;
	color: #7F7F7F;
}

.button-chevron-disabled {
	background-color: #CBCBCB;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	padding: 5px 8px;
	color: #7F7F7F;
}

.text-featured {
	color: #eec55d !important;
	font-weight: bold;
}

.navbar-logo {
	display: block;
	line-height: 52px;
}

.navbar-logo-box {
	height: 52px;
	float: left;
	padding-right: 40px;
}

.main-pt {
	padding-top: 52px;
}

.wrapper {
	padding: 0px 12px 0 12px;
}

.bread-crumbs {
	color: #6c6c6c !important;
}

.bread-crumbs:hover {
	color: #5e227e !important;
}

.list-group-header {
	background-color: #350051;
	border: 1px solid #350051 !important;
	color: #eec55d !important;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 0.8rem 1.1rem !important;
	text-decoration: none;
	width: 100%;
	overflow: hidden;
}

.menu-list-icon-background {
	color: #e5e5e5;
	font-size: 37px;
	padding-right: 15px;
}

.menu-list-icon {
	color: #aeaeae;
	font-size: 17px;
	position: absolute;
	top: 19px;
	left: 23px;
}

.v-text-center {
	display: inline-flex;
	align-items: center;
}

.list-group-item.active {
	z-index: 2;
	color: #6c6c6c;
	font-weight: bold;
	background-color: #f6f6f6;
	border-color: #d6d5d5;
}

.list-group-item.active i.menu-list-icon-background {
	color: #eec55d;
}

.list-group-item.active i.menu-list-icon {
	color: white !important;
}

.module-header-title {
	font-size: 18px;
	font-weight: bold;
}

.placeholder-input-icon {
	color: #aeaeae;
	position: absolute;
	top: 9px;
	left: 16px;
}

.text-download {
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

.item-main-thumbnail {
	height: 80px;
	width: 86px;
	border: 1px solid #c4c4c4;
	box-sizing: border-box;
}

.cursor-pointer {
	cursor: pointer;
}

.subicon {
	position: absolute;
	font-size: 10px;
	margin-left: -2px;
	margin-top: 1px;
}

.remove-item-right {
	position: absolute;
	right: 10px;
	top: -3px;
}

/* Filtros en ventana flotante */
.floating-filters .dropdown-menu.show {
	margin-top: 10px;
	padding: 20px;
	width: 300px;
}

.absolute-br {
	position: absolute;
	bottom: 26px;
	right: 8px;
}

.el-disabled {
	opacity: 0.65;
}

/* Notification manager */

.add-tenant-button {
	margin-block-start: 0px !important;
	margin-block-end: 21px;
}

.image-uploader-container {
	justify-content: center;
	text-align: center;
}

.tenant-multiselect-delete {
	padding-inline-end: 12px;
}

/* Notification slider css options */

.notification-slider {
	cursor: pointer;
}

.urgent-notifications-close-icon {
    top: -10px;
    font-size: 20px;
    left: -7px;
    color: #5e227e;
}

.slider-header {
	flex-wrap: wrap;
}

.slider-content {
	padding-block-end: 5px;
	padding-inline-start: 12px;
}

.badge-container {
	display: flex;
	justify-content: center;
	align-items: end;
}

@media (max-width: 519px) {

	.slider-badge {
		display: none !important;
	}

}

@media (min-width: 520px) {

	.slider-badge {
		display: block;
		justify-content: flex-start;
		margin-block-end: 14px;
	}

	.slider-badge > .badge {
		width: 60px;
		height: 25px;
	}

}

.notifications-bullets {
	justify-content: center;
	flex-wrap: nowrap;
}

.notifications-bullets > input {
	accent-color: #d133d1;
	margin-inline-end: 5px;
}

@media (max-width: 1280px) {

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

}

.carousel-movil {
	display: block;
}

.carousel-desktop {
	display: none;
}


.container-info-alerta {
	margin-left: 0rem;
}

.container-info-validacion {
	margin-left: 0rem;
}

.container-info-exitoso {
	margin-left: 0rem;
}

.card-resumen {
	padding: 2rem 1rem;
}

.custom-fields-title {
	margin-block-end: 7px;
}

.purple-text {
	color: #5E227E;
}

.green-button {
	background-color: #6FC48A;
	border-color: #6FC48A;
	border-radius: 7px !important;
}

.green-button-half-left-rounded {
	background-color: #6FC48A;
	border-color: #6FC48A;
	border-top-left-radius: 7px !important;
	border-bottom-left-radius: 7px !important;
}

.green-button-half-right-rounded {
	background-color: #6FC48A;
	border-color: #6FC48A;
	border-top-right-radius: 7px !important;
	border-bottom-right-radius: 7px !important;
}

.white-button {
	background-color: white;
	border-color: #5E227E;
	color: #5E227E;
	border-radius: 7px !important;
}

.no-margin-top {
	margin-block-start: 0px !important;
}

.list-factur-detalle {
	margin-block-start: 13px;
	border: 1px solid #57297A;
	border-radius: 5px;
}

.detail-title {
	margin: 21px 0px 0px 7px;
}

.fact-total {
	background-color: #5E227E !important;
	color: white;
	bottom: 0;
}

:root {
	--purple-color: #5E227E;
}
.factura-title,
.factura-title-2 {
	background: #FAFAFA;height: 90px;border-radius: 6px;display: flex;justify-content: center;align-items: center;
}
.factura-title .factura-item,
.factura-title-2 .factura-item {
	color: black;;font-size: 0.9rem;margin: 0;
}
.factura-sub-item {
	font-size: 1rem;
}
.factura-title {
	height: auto !important;align-items: center;
}
.factura-title-2 {
	height: auto !important;align-items: center;justify-content: start;
}
.factura-title .factura-item {
	font-size: 0.8rem;
}
.factura-sub-item {
	font-size: 1rem;
}
.factura-title-2 .factura-item {
	margin-right: 10px;
}
.text-align-end {
	text-align: end;
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(209, 51, 209, 0.5) !important;
}

/* NEW LOGIN STYLES */

:root {
    --text: #2B2A2A;
    --danger: #E1606F;
}

.login-inner-box {
    padding: 1rem 0;
    overflow-y: auto;
    width: 100%;
    max-height: 100vh !important;
    height: auto;
    min-height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: rgba(245, 245, 245, 1);
}

.login-content-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
    margin: auto 0; /* Centra verticalmente */
}

.login-welcome {
    display: flex;
    justify-content: space-between;
}

.login-welcome h2 {
    font-size: 1.3rem;
}

.box-login {
    margin: 1rem auto;
    background-color: #FFF;
    border-radius: 10px;
    padding: 0;
    width: 75%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.alert-box {
    margin: 0.5rem auto;
    width: 75%;
}

.alert-box-header {
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
}

.alert-box-header span {
    font-weight: 700;
    color: gray;
    font-size: 1rem;
}

.alert-box-header button {
    background: transparent;
    border: none;
}


.alert-box-body {
    background-color: #FFF9E9;
	border-radius: 10px 10px 10px 10px;
	padding: 0;
    border: 1px solid #EEC55D;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.alert-box-body p {
    text-align: center;
}

/* Media query específico para pantallas entre 1000px y 1400px */
@media (min-width: 1024px) and (max-width: 1400px) {
    /* Ajuste de tamaños de texto */
    .login-welcome h2 {
        font-size: 1.1rem;
    }

    .title-invitacion-1 {
        font-size: 1.1rem;
        margin-top: 1.2rem;
    }

    .link-text, .link-text-button {
        font-size: 0.75rem;
    }

    .error-msg small {
        font-size: 0.8rem !important;
    }

    /* Ajuste de tamaños de inputs y botones */
    .input-modern {
        height: 34px;
        font-size: 17px;
        padding: 0.6rem 1rem 0.6rem 42px;
    }

    .input-icon {
        width: 20px;
        height: 20px;
        left: 14px;
    }

    .password-toggle {
        right: 10px;
    }

    .password-toggle svg {
        width: 20px;
        height: 20px;
    }

    .btn-login-new {
        padding: 8px 0 5px 0;
        font-size: 0.9rem;
    }

    /* Ajuste de espaciado */
    .box-pad-50 {
        padding: 8px 20px 20px 20px;
    }
}

@media (max-width: 1024px) {
    .box-login {
        width: 60% !important;
    }

    .alert-box {
        width: 60% !important;
        display: flex;
        flex-direction: column;
    }

    .login-welcome {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 765px) {
    .box-login {
        width: 90% !important;
    }

    .alert-box {
        width: 90% !important;
        display: flex;
        flex-direction: column;
    }

    .login-welcome {
        width: 100%;
        padding: 0;
    }
}

.ny-boxlogin-1 {
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 10px 10px 10px 10px;
	padding: 0;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.ny-boxregistro {
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 50px 50px 10px 10px;
	padding: 0;
	width: 80%;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.title-invitacion {
	text-align: center;
	font-size: 1.5rem;
	color: #6c1c82;
	font-weight: 500;
	margin-top: 1.5rem;
}

.title-invitacion-1 {
	text-align: center;
	font-size: 1.3rem;
	color: var(--text);
	font-weight: 500;
	margin-top: 1.5rem;
	margin-bottom: 0;
}

.btn-login-new {
	width: 100%;
    border: none;
    background: #000000;
    color: #FAB649;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 10px 0 6px 0;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.link-text {
    color: var(--text);
    text-decoration: underline;
    font-size: 0.85rem;
}

.link-text-button {
    color: var(--text);
    text-decoration: underline;
    font-size: 0.85rem;
    border: none !important;
    background: transparent;
}

.box-pad-50 {
	padding: 10px 25px 25px 25px;
}

/* INPUT */


/* Contenedor del input con icono */
.input-icon-container {
    position: relative;
    width: 100%;
}

/* Estilos para el icono */
.input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}

/* Estilos base para el input */
.input-modern {
    display: block;
    width: 100%;
    height: 40px; /* Input más alto */
    padding: 0.75rem 1rem 0.75rem 48px; /* Espacio a la izquierda para el icono */
    font-size: 17px;
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #495057;
    border-radius: 6px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-modern:focus {
    color: var(--text);
    background-color: #fff;
    border-color: var(--purple-color);
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(128, 0, 128, 0.25);
}

.input-modern::placeholder {
    color: #6c757d;
    opacity: 0.8;
}

.password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.password-toggle svg {
    width: 24px;
    height: 24px;
    transition: opacity 0.2s ease;
}

.password-toggle:hover svg {
    opacity: 0.7;
}

/* Ajustar el padding del input para dejar espacio al botón de toggle */
input[type="password"].input-modern,
input[type="text"].input-modern.password-field {
    padding-right: 48px;
}

.error-msg {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--danger);
}

.error-msg small {
    font-size: 0.9rem !important;
    margin-left: 5px;
}

.login-box-header {
    position: relative;
}

.info-btn {
    border: none;
    padding: 0;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.search-input {
    width: 100%;
    padding: 7px 11px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
}

.select-input {
    width: 100%;
    padding: 7px 11px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%236c757d%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.5%205.5l6%206%206-6H1.5z%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 12px;
}


/* Paginación personalizada para selección de tenants */
.tenant-pagination-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

.tenant-pagination {
    display: flex;
    gap: 8px;
    align-items: center;
}

.tenant-pagination .pagination-btn {
    min-width: 45px;
    height: 45px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid #dee2e6;
    background-color: #fff;
    color: #495057;
}

.tenant-pagination .pagination-btn:hover:not(:disabled) {
    background-color: #f8f9fa;
    border-color: #adb5bd;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.tenant-pagination .pagination-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.tenant-pagination .pagination-btn.active {
    background-color: #5e227e;
    color: #ffc107;
    border-color: #5e227e;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(94, 34, 126, 0.3);
}

.tenant-pagination .pagination-btn.active:hover {
    background-color: #4a1a62;
    border-color: #4a1a62;
}

.tenant-per-page-selector {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tenant-per-page-selector label {
    font-size: 14px;
    font-weight: 500;
    color: #495057;
    margin: 0;
    white-space: nowrap;
}

.tenant-per-page-selector select {
    height: 45px;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    background-color: #fff;
    color: #495057;
    font-size: 14px;
    font-weight: 500;
    padding: 0 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 80px;
}

.tenant-per-page-selector select:hover {
    border-color: #adb5bd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.tenant-per-page-selector select:focus {
    outline: none;
    border-color: #5e227e;
    box-shadow: 0 0 0 0.2rem rgba(94, 34, 126, 0.25);
}

@media (max-width: 768px) {
    .tenant-pagination-wrapper {
        flex-direction: column;
        gap: 12px;
    }

    .tenant-per-page-selector {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  input[type="number"],
  textarea,
  select {
    font-size: 13px;
    transform: scale(1);
    zoom: 1;
  }
}