@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:500,600&display=swap);

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

body {
	overflow-x: hidden
}

.metismenu {
	padding: 0
}

.metismenu li {
	list-style: none
}

.metismenu ul {
	padding: 0
}

.metismenu ul li {
	width: 100%
}

.metismenu .mm-collapse:not(.mm-show) {
	display: none
}

.metismenu .mm-collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility
}

.nav-second-level li a, .nav-thrid-level li a {
	padding: 8px 20px;
	color: #fff;
	display: block;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s
}

	.nav-second-level li a:focus, .nav-second-level li a:hover, .nav-thrid-level li a:focus, .nav-thrid-level li a:hover {
		color: #4BC74B
	}

.nav-second-level li.mm-active > a, .nav-third-level li.mm-active > a {
	color: #4BC74B
}

.content-page {
	margin-left: 240px;
	overflow: hidden;
	padding: 0 15px 65px 15px;
	margin-top: 70px;
	padding-bottom:0px
}

.left-side-menu {
	width: 240px;
	background: #000;
	bottom: 0;
	position: fixed;
	padding: 14px 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	top: 70px;
	z-index:2
}

#sidebar-menu>ul>li>a {
	color: #fff;
	display: block;
	padding: 13px 20px;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
	font-size: 15px
}

	#sidebar-menu > ul > li > a:active, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:hover {
		color: #4BC74B;
		text-decoration: none
	}

#sidebar-menu>ul>li>a>span {
	vertical-align: middle
}

#sidebar-menu>ul>li>a i {
	display: inline-block;
	line-height: 1.0625rem;
	margin: 0 10px 0 3px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	font-size: 18px
}

#sidebar-menu>ul>li>a .drop-arrow {
	float: right
}

#sidebar-menu>ul>li>a .drop-arrow i {
	margin-right: 0
}

	#sidebar-menu > ul > li > a.active {
		color: #fff;
		background: #4BC74B
	}

#sidebar-menu>ul>li>ul {
	padding-left: 37px
}

#sidebar-menu>ul>li>ul ul {
	padding-left: 20px
}

#sidebar-menu .menu-arrow {
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	position: absolute;
	right: 20px;
	display: inline-block;
	font-family: 'Material Design Icons';
	text-rendering: auto;
	line-height: 1.5rem
}

#sidebar-menu .menu-arrow:before {
	content: "\F142"
}

#sidebar-menu .badge {
	margin-top: 4px
}

#sidebar-menu li.mm-active>a>span.menu-arrow {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

#sidebar-menu .menu-title {
	padding: 10px 20px;
	letter-spacing: .05em;
	pointer-events: none;
	cursor: default;
	font-size: .6875rem;
	text-transform: uppercase;
	color: #70809a;
	font-weight: 700
}

.enlarged .logo-box {
	width: 70px !important
}

.enlarged .logo span.logo-lg {
	display: block
}
	.enlarged .logo span.logo-lg img{
		width:65px
	}
	.enlarged .logo span.logo-sm {
		display: none
	}

.enlarged .left-side-menu {
	position: absolute;
	padding-top: 0;
	width: 70px !important;
	z-index: 5
}

.enlarged .left-side-menu .slimScrollDiv, .enlarged .left-side-menu .slimscroll-menu {
	overflow: inherit !important;
	height: auto !important
}

.enlarged .left-side-menu .slimScrollBar {
	visibility: hidden
}

.enlarged .left-side-menu #sidebar-menu .badge, .enlarged .left-side-menu #sidebar-menu .label, .enlarged .left-side-menu #sidebar-menu .menu-arrow, .enlarged .left-side-menu #sidebar-menu .menu-title {
	display: none !important
}

.enlarged .left-side-menu #sidebar-menu>ul>li {
	position: relative;
	white-space: nowrap
}

.enlarged .left-side-menu #sidebar-menu>ul>li>a {
	padding: 15px 20px;
	min-height: 54px;
	-webkit-transition: none;
	transition: none
}

	.enlarged .left-side-menu #sidebar-menu > ul > li > a:active, .enlarged .left-side-menu #sidebar-menu > ul > li > a:focus, .enlarged .left-side-menu #sidebar-menu > ul > li > a:hover {
		color: #4BC74B
	}

.enlarged .left-side-menu #sidebar-menu>ul>li>a i {
	font-size: 1.125rem;
	margin-right: 20px
}

.enlarged .left-side-menu #sidebar-menu>ul>li>a span {
	display: none;
	padding-left: 25px
}

	.enlarged .left-side-menu #sidebar-menu > ul > li:hover > a {
		position: relative;
		width: calc(190px + 120px);
		background: #000;
		color: #4BC74B;
		-webkit-transition: none;
		transition: none
	}

.enlarged .left-side-menu #sidebar-menu>ul>li:hover>a span {
	display: inline
}

.enlarged .left-side-menu #sidebar-menu>ul>li:hover a.mm-active :after, .enlarged .left-side-menu #sidebar-menu>ul>li:hover a.open :after {
	display: none
}

.enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul {
	display: block;
	left: 70px;
	position: absolute;
	width: 240px;
	height: auto !important;
	-webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
	box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1)
}

.enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul ul {
	-webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
	box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1)
}

.enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul a {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 8px 20px;
	position: relative;
	width: 190px;
	z-index: 6
}

	.enlarged .left-side-menu #sidebar-menu > ul > li:hover > ul a:hover {
		color: #4BC74B
	}

.enlarged .left-side-menu #sidebar-menu>ul ul {
	padding: 5px 0;
	z-index: 9999;
	display: none;
	background-color: #000
}

.enlarged .left-side-menu #sidebar-menu>ul ul li:hover>ul {
	display: block;
	left: 190px;
	margin-top: -36px;
	height: auto !important;
	position: absolute;
	width: 190px
}

.enlarged .left-side-menu #sidebar-menu>ul ul li>a span.pull-right {
	position: absolute;
	right: 20px;
	top: 12px;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

	.enlarged .left-side-menu #sidebar-menu > ul ul li.active a {
		color: #4BC74B
	}

.enlarged .content-page {
	margin-left: 70px !important
}

.enlarged .footer {
   left:70px
}

.enlarged .user-box {
	display: none
}

body.enlarged {
   
}

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

	.left-side-menu {
		display: none;
		z-index: 10 !important
	}

	.sidebar-enable .left-side-menu {
		display: block;
		padding-top:0px
	}

	.content-page, .enlarged .content-page {
		margin-left: 0 !important;
		padding: 0 10px
	}

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

.left-side-menu-dark .logo-box {
	background-color: #1a2942
}

.left-side-menu-dark .logo-light {
	display: block
}

.left-side-menu-dark .logo-dark {
	display: none
}

.left-side-menu-dark .user-box a.dropdown-toggle {
	color: #f5f5f5 !important
}

.left-side-menu-dark .left-side-menu {
	background-color: #1a2942;
	border: none
}

.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a {
	color: #70809a
}

.left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a:active, .left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a:focus, .left-side-menu-dark .left-side-menu #sidebar-menu>ul>li>a:hover {
	color: #c8cddc;
	background-color: #17243b
}

	.left-side-menu-dark .left-side-menu #sidebar-menu > ul > li > a.active {
		color: #4BC74B;
		background-color: #17243b
	}

.left-side-menu-dark .left-side-menu .nav-second-level li a, .left-side-menu-dark .left-side-menu .nav-thrid-level li a {
	color: #70809a
}

.left-side-menu-dark .left-side-menu .nav-second-level li a:focus, .left-side-menu-dark .left-side-menu .nav-second-level li a:hover, .left-side-menu-dark .left-side-menu .nav-thrid-level li a:focus, .left-side-menu-dark .left-side-menu .nav-thrid-level li a:hover {
	background-color: transparent;
	color: #c8cddc
}

	.left-side-menu-dark .left-side-menu .nav-second-level li > a.active, .left-side-menu-dark .left-side-menu .nav-thrid-level li > a.active {
		color: #4BC74B
	}

.enlarged.left-side-menu-dark #wrapper .navbar-custom {
	-webkit-box-shadow: 70px 1px 0 0 #f5f5f5;
	box-shadow: 70px 1px 0 0 #f5f5f5
}

.enlarged.left-side-menu-dark #wrapper .left-side-menu #sidebar-menu>ul ul {
	background-color: #1a2942
}

.enlarged.left-side-menu-dark #wrapper .left-side-menu #sidebar-menu .nav-second-level li a:focus, .enlarged.left-side-menu-dark #wrapper .left-side-menu #sidebar-menu .nav-second-level li a:hover, .enlarged.left-side-menu-dark #wrapper .left-side-menu #sidebar-menu .nav-second-level li > a.active, .enlarged.left-side-menu-dark #wrapper .left-side-menu #sidebar-menu .nav-third-level li a:focus, .enlarged.left-side-menu-dark #wrapper .left-side-menu #sidebar-menu .nav-third-level li a:hover, .enlarged.left-side-menu-dark #wrapper .left-side-menu #sidebar-menu .nav-third-level li > a.active {
	color: #4BC74B
}

.left-side-menu-sm .logo-box {
	width: 160px
}

.left-side-menu-sm .left-side-menu {
	width: 160px;
	text-align: center
}

.left-side-menu-sm .left-side-menu #sidebar-menu>ul>li>a>i {
	display: block;
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	margin: 0
}

.left-side-menu-sm .left-side-menu #sidebar-menu>ul ul {
	padding-left: 0
}

.left-side-menu-sm .left-side-menu #sidebar-menu>ul ul a {
	padding: 10px 20px
}

.left-side-menu-sm .left-side-menu #sidebar-menu .user-box {
	display: none
}

.left-side-menu-sm .left-side-menu .badge, .left-side-menu-sm .left-side-menu .menu-arrow {
	display: none !important
}

.left-side-menu-sm .left-side-menu+.content-page {
	margin-left: 160px
}

.left-side-menu-sm .left-side-menu+.content-page .footer {
	left: 160px
}

.enlarged.left-side-menu-sm #wrapper .left-side-menu {
	text-align: left
}

.enlarged.left-side-menu-sm #wrapper .left-side-menu ul li a i {
	display: inline-block;
	font-size: 18px;
	line-height: 17px;
	margin-left: 3px;
	margin-right: 15px;
	vertical-align: middle;
	width: 20px
}

.left-side-menu-light .navbar-custom {
	background-color: #1a2942
}

.left-side-menu-light .navbar-custom .topnav-menu .nav-link {
	padding: 0 15px;
	color: rgba(255, 255, 255, .5)
}

.left-side-menu-light .navbar-custom .topnav-menu .nav-link.waves-effect .waves-ripple {
	background: rgba(255, 255, 255, .4)
}

.left-side-menu-light .navbar-custom .app-search .app-search-box input::-webkit-input-placeholder {
	font-size: .8125rem;
	color: rgba(255, 255, 255, .7)
}

.left-side-menu-light .navbar-custom .app-search .form-control {
	color: rgba(255, 255, 255, .5);
	background-color: #203251;
	border-color: #203251
}

.left-side-menu-light .navbar-custom .app-search .btn {
	background-color: #203251;
	color: rgba(255, 255, 255, .7)
}

.left-side-menu-light .navbar-custom .button-menu-mobile {
	color: rgba(255, 255, 255, .5)
}

.left-side-menu-light .left-side-menu {
	background-color: #fff
}

.left-side-menu-light .left-side-menu #sidebar-menu>ul>li>a {
	color: #70809a
}

	.left-side-menu-light .left-side-menu #sidebar-menu > ul > li > a:active, .left-side-menu-light .left-side-menu #sidebar-menu > ul > li > a:focus, .left-side-menu-light .left-side-menu #sidebar-menu > ul > li > a:hover {
		color: #ec2329;
		background-color: #f2f2f2
	}

	.left-side-menu-light .left-side-menu #sidebar-menu > ul > li > a.active {
		color: #ec2329;
		background-color: #f2f2f2;
		border-right-color: #ec2329
	}

.left-side-menu-light .left-side-menu #sidebar-menu .menu-title {
	color: #98a6ad
}

.left-side-menu-light .left-side-menu .nav-second-level li a, .left-side-menu-light .left-side-menu .nav-thrid-level li a {
	color: #70809a
}

	.left-side-menu-light .left-side-menu .nav-second-level li a:focus, .left-side-menu-light .left-side-menu .nav-second-level li a:hover, .left-side-menu-light .left-side-menu .nav-thrid-level li a:focus, .left-side-menu-light .left-side-menu .nav-thrid-level li a:hover {
		background-color: transparent;
		color: #ec2329
	}

	.left-side-menu-light .left-side-menu .nav-second-level li.mm-active > a, .left-side-menu-light .left-side-menu .nav-third-level li.mm-active > a {
		color: #ec2329
	}

.enlarged.left-side-menu-light #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
	background-color: #f2f2f2;
	color: #ec2329
}

.enlarged.left-side-menu-light #wrapper .left-side-menu #sidebar-menu ul {
	background-color: #fff
}

	.enlarged.left-side-menu-light #wrapper .left-side-menu #sidebar-menu ul li.active a {
		color: #ec2329
	}

.enlarged.left-side-menu-light #wrapper .left-side-menu #sidebar-menu > ul > li:hover > ul a:hover {
	color: #ec2329
}

.logo {
	display: block;
	line-height: 70px;
	padding-top:20px
}

.logo span.logo-lg {
	display: block
}

.logo span.logo-sm {
	display: none
}

.logo .logo-lg-text-dark {
	color: #36404c;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase
}

.logo .logo-lg-text-light {
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase
}

.logo-light {
	display: block;
	margin-top:20px
}

.logo-dark {

}

.user-box {
	min-height: 80px;
	padding: 20px;
	position: relative
}

.user-box img {
	position: relative;
	height: 48px;
	width: 48px
}

.user-box .user-info {
	color: #36404c;
	margin-left: 60px;
	position: relative;
	z-index: 99999
}

.user-box .user-info a.dropdown-toggle {
	color: #36404c;
	display: block;
	font-weight: 600;
	padding-top: 5px;
	font-size: 16px;
	font-family: Montserrat, sans-serif
}

.logo-box {
	background-color: #000;
	height: 70px;
	width: 240px;
	float: left;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.navbar-custom {
	background-color: #fff;
	padding: 0 10px 0 0;
	position: fixed;
	left: 0;
	right: 0;
	height: 70px;
	z-index: 100;
	-webkit-box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	top:0px
}

.navbar-custom .topnav-menu>li {
	float: left
}

.navbar-custom .topnav-menu .nav-link {
	padding: 0 15px;
	color: rgba(54, 64, 76, .8);
	min-width: 32px;
	display: block;
	line-height: 70px;
	text-align: center;
	max-height: 70px
}

.navbar-custom .dropdown.show .nav-link {
	background-color: rgba(255, 255, 255, .05)
}

.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: .8125rem;
	color: #98a6ad
}

.navbar-custom .app-search .form-control {
	border: none;
	height: 38px;
	padding-left: 20px;
	padding-right: 0;
	color: #6c757d;
	background-color: rgba(108, 117, 125, .09);
	-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: rgba(108, 117, 125, .09);
	color: #98a6ad;
	border-color: transparent;
	border-radius: 0 30px 30px 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.navbar-custom .button-menu-mobile {
	border: none;
	color: rgba(54, 64, 76, .7);
	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:600px) {
	.navbar-custom .dropdown {
		position: static
	}

	.navbar-custom .dropdown .dropdown-menu {
		left: 10px !important;
		right: 10px !important
	}
}

.noti-scroll {
	max-height: 270px;
	overflow-y:scroll;
}
.notify-all{
	justify-content:center !important
}
	.notify-all, .notify-all:hover {
		background-color: #f5f5f5;
		color: #000;
		border-top: 2px solid #ddd;
	}

.notification-list {
	margin-left: 0
}

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

.notification-list .noti-icon {
	font-size: 22px
}

.notification-list .noti-icon-badge {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 10px;
	width:22px;
	height:22px;
	padding:0px !important;
	line-height:22px
}

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

.notification-list .notify-item .notify-icon {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}
	.notification-list .notify-item .notify-icon img{
		width:32px;
		height:32px;
		border-radius:50%
	}
	.notification-list .notify-item .notify-details {
		margin-bottom: 0;
		overflow: hidden;
		margin-left: 0px;
		text-overflow: ellipsis;
		white-space: pre-wrap;
		font-size:13px !important
	
	}

.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;
	line-height: 16px
}

.notification-list .notify-item .noti-time, .notification-list .notify-item .user-msg {
	color: #98a6ad
}

.notification-list .inbox-widget .inbox-item {
	padding: 12px 20px
}

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

.profile-dropdown {
	min-width: 200px
}

.profile-dropdown i {
	margin-right: 5px;
	font-size: 16px
}

.noti-dot {
	position: relative;
	top: -45px
}

.pulse {
	width: 2px;
	height: 2px;
	border: 3px solid #fff;
	border-radius: 30px;
	background-color: #fff;
	z-index: 10;
	position: absolute;
	right: 3px;
	top: -6px
}

.dot {
	border: 4px solid #fff;
	background: 0 0;
	border-radius: 60px;
	height: 30px;
	width: 30px;
	-webkit-animation: pulse 3s ease-out;
	animation: pulse 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -18px;
	right: -9px;
	z-index: 1;
	opacity: 0
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}

	25% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	50% {
		-webkit-transform: scale(.1);
		transform: scale(.1);
		opacity: .3
	}

	75% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}

	25% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	50% {
		-webkit-transform: scale(.1);
		transform: scale(.1);
		opacity: .3
	}

	75% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

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

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

@media (min-width:1025px) {
	.navbar-custom .button-menu-mobile {
		margin-left: 8px
	}
}

.topbar-light .navbar-custom {
	background-color: #fff;
	-webkit-box-shadow: 240px 1px 0 0 #f5f5f5;
	box-shadow: 240px 1px 0 0 #f5f5f5
}

.topbar-light .navbar-custom .topnav-menu .nav-link {
	color: #6c757d
}

.topbar-light .navbar-custom .topnav-menu .nav-link.waves-effect.waves-light .waves-ripple {
	background: rgba(54, 64, 76, .4)
}

.topbar-light .navbar-custom .dropdown.show .nav-link {
	background-color: #f5f5f5
}

	.topbar-light .navbar-custom .dot, .topbar-light .navbar-custom .pulse {
		border-color: #ec2329
	}

.topbar-light .navbar-custom .notification-list .noti-icon-badge {
	border-color: #fff
}

.topbar-light .navbar-custom .button-menu-mobile {
	color: #6c757d
}

.topbar-light .navbar-custom .app-search input::-webkit-input-placeholder {
	color: #6c757d !important
}

.topbar-light .navbar-custom .app-search .form-control {
	color: #36404c;
	background-color: #f5f5f5;
	border-color: #f5f5f5
}

.topbar-light .navbar-custom .app-search .btn {
	background-color: #f5f5f5;
	color: #98a6ad
}

.page-title-box {
	position: relative;
	padding: 15px 20px;
	margin: 0 -20px 0 -20px;
	padding-top:0px
}

	.page-title-box .page-title {
		font-size: 18px;
		font-weight: 700;
		margin: 0;
		float: left;
		color: #4BC74B
	}

.page-title-box .breadcrumb {
	float: right;
	background-color: transparent !important
}

	.page-title-box .nav-pills-custom .nav-item .nav-link {
		padding: 5px 18px;
		border-radius: 20px;
		color: #ec2329;
		line-height: 28px
	}

.page-title-box .nav-pills-custom .nav-item .nav-link:focus, .page-title-box .nav-pills-custom .nav-item .nav-link:hover {
	background: #fff
}

		.page-title-box .nav-pills-custom .nav-item .nav-link.active {
			background-color: #fff;
			color: #ec2329
		}

.page-title-box .page-title-btn, .page-title-box .page-title-nav-pills {
	margin-top: 18px
}



.footer {
	bottom: 0;
	padding: 21px 15px 20px;
	position: relative;
	border-top: 1px solid rgba(204, 204, 204, .4);
	color: #6c757d;
	background-color: #e7ebeb;
	text-align: center;
	z-index:1;
	left:140px;
	width:100%;
}

@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, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
	display: block;
	position: fixed;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	width: 260px;
	z-index: 9999;
	float: right !important;
	right: -270px;
	top: 0;
	bottom: 0
}

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

.right-bar .right-bar-toggle {
	background-color: #455261;
	height: 24px;
	width: 24px;
	line-height: 24px;
	color: #f5f5f5;
	text-align: center;
	border-radius: 50%;
	margin-top: -2px
}

.right-bar .right-bar-toggle:hover {
	background-color: #4b596a
}

.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: 0;
	height: 24px;
	width: 24px;
	background-color: #fff;
	line-height: 24px;
	border-radius: 50%;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)
}

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

.right-bar .user-box h5 a {
	color: #36404c
}

.rightbar-overlay {
	background-color: rgba(54, 64, 76, .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
	}
}

.activity-widget .activity-list {
	position: relative;
	border-left: 2px dashed #ccc;
	padding-left: 24px;
	padding-bottom: 20px
}

	.activity-widget .activity-list::after {
		content: "";
		position: absolute;
		left: -7px;
		top: 6px;
		width: 12px;
		height: 12px;
		background-color: #fff;
		border: 2px solid #ec2329;
		border-radius: 50%
	}

body.boxed-layout {
	background-color: #d2dddd
}

body.boxed-layout #wrapper {
	background-color: #edf0f0;
	max-width: 1300px;
	margin: 0 auto;
	-webkit-box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1)
}

body.boxed-layout .navbar-custom {
	max-width: 1300px;
	margin: 0 auto
}

body.boxed-layout .footer {
	margin: 0 auto;
	max-width: calc(1300px - 240px)
}

body.boxed-layout.enlarged .footer {
	max-width: calc(1300px - 70px)
}

@media (min-width:992px) {
	.unsticky-layout .left-side-menu, .unsticky-layout .navbar-custom {
		position: absolute
	}
}

@media (min-width:992px) {
	.unsticky-header #topnav, .unsticky-header .navbar-custom {
		position: absolute
	}
}

@media (min-width:1200px) {
	body[data-layout=horizontal] .container-fluid {
		max-width: 90%
	}
}

body[data-layout=horizontal] .content-page {
	margin-left: 0 !important;
	margin-top: 130px
}

@media (max-width:991px) {
	body[data-layout=horizontal] .content-page {
		margin-top: 70px
	}
}

body[data-layout=horizontal] .footer {
	left: 0 !important
}

body[data-layout=horizontal] .navbar-custom {
	padding: 0 10px;
	background-color: #1a2942
}

body[data-layout=horizontal] .navbar-custom .topnav-menu>li {
	float: left
}

body[data-layout=horizontal] .navbar-custom .topnav-menu .nav-link {
	color: #9da8ba
}

body[data-layout=horizontal] .logo-box {
	display: block;
	width: auto !important;
	margin-right: 40px;
	background: 0 0
}

body[data-layout=horizontal].enlarged {
	min-height: 100px
}

.wrapper {
	padding: 130px 12px 0 12px
}

#topnav {
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1001;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 12px
}

#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: rgba(255, 255, 255, .6);
	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: #ec2329
	}

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

#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: #70809a;
	font-size: 15px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	line-height: 20px;
	padding: 20px 17px;
	position: relative
}

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

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

@media (min-width:992px) {
	body[data-layout=horizontal].enlarged .logo span.logo-lg {
		display: block
	}

	body[data-layout=horizontal].enlarged .logo span.logo-sm {
		display: none
	}

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

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

	.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: #ff7d7ec4
	}

	.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: 0 1px 2px 0 rgba(33, 37, 41, .1);
		box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1)
	}

	.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: #70809a;
		font-size: 14px
	}

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

	.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: 10px;
		margin-top: -1px
	}

	.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 (max-width:767.98px) {
	body[data-layout=horizontal] .logo-box {
		display: block
	}

	body[data-layout=horizontal] .logo span.logo-lg {
		display: none
	}

	body[data-layout=horizontal] .logo span.logo-sm {
		display: block
	}

	body[data-layout=horizontal] .navbar-custom {
		padding: 0 0 0 12px
	}

}

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

	.navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
		visibility: visible;
		opacity: 1;
		margin-left: 0;
		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: #70809a;
		padding: 10px 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: #70809a
	}

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

	#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: #ff7d7ec4
	}

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

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

	#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 1px 2px 0 rgba(33, 37, 41, .1);
		box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
		background-color: #fff
	}

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

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

@media (max-width:575.98px) {
	body[data-layout=horizontal] .logo-box {
		margin-right: 0
	}
}
@media(max-width:320px){
	.navbar-custom .topnav-menu .nav-link {
		padding: 0 0px !important
	}
	.notification-list .noti-icon-badge {
	
		width: 18px;
		height: 18px;
		line-height: 18px;
	}
	.navbar-custom .topnav-menu .nav-link{
		min-width:27px
	}
}

body[data-layout=horizontal][data-topbar=light] .logo-light {
	display: none
}

body[data-layout=horizontal][data-topbar=light] .logo-dark {
	display: block
}

body[data-layout=horizontal][data-topbar=light] #topnav {
	background: #1a2942;
	-webkit-box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1)
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom {
	background: #fff
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .topnav-menu .nav-link {
	color: #6c757d
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .topnav-menu .nav-link.waves-effect.waves-light .waves-ripple {
	background: rgba(54, 64, 76, .4)
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .dropdown.show .nav-link {
	background-color: #f5f5f5
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .dot, body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .pulse {
	border-color: #ff7d7ec4
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .notification-list .noti-icon-badge {
	border-color: #fff
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .app-search input::-webkit-input-placeholder {
	color: #98a6ad !important
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .app-search .form-control {
	background-color: rgba(108, 117, 125, .09);
	color: #6c757d
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-custom .app-search .btn {
	background-color: rgba(108, 117, 125, .09);
	color: #98a6ad
}

body[data-layout=horizontal][data-topbar=light] #topnav .has-submenu.active>a {
	color: rgba(255, 255, 255, .9)
}

body[data-layout=horizontal][data-topbar=light] #topnav .has-submenu.active .submenu li.active>a {
	color: #ff7d7ec4
}

body[data-layout=horizontal][data-topbar=light] #topnav .navbar-toggle span {
	background-color: rgba(54, 64, 76, .6)
}

body[data-layout=horizontal][data-topbar=light] .navigation-menu>li>a {
	color: rgba(255, 255, 255, .7)
}

body[data-layout=horizontal][data-topbar=light] .navigation-menu>li>a:hover {
	color: rgba(255, 255, 255, .9)
}

@media (max-width:991px) {
	body[data-layout=horizontal][data-topbar=light] #topnav .has-submenu.active>a {
		color: #ff7d7ec4
	}
}

@media (min-width:992px) {
	body[data-layout=horizontal][data-menu-align=center] #topnav .navigation-menu {
		text-align: center
	}

	body[data-layout=horizontal][data-menu-align=center] #topnav .navigation-menu>li {
		display: inline-block;
		float: none
	}

	body[data-layout=horizontal][data-menu-align=center] #topnav .navigation-menu>li>a {
		padding: 20px
	}

	body[data-layout=horizontal][data-menu-align=center] #topnav .navigation-menu>li>a i {
		display: block;
		margin: 0 0 5px 0;
		float: none;
		text-align: center
	}

	body[data-layout=horizontal][data-menu-align=center] #topnav .navigation-menu>li>a .arrow-down {
		display: none;
		margin: 0 0 5px 0
	}

	body[data-layout=horizontal][data-menu-align=center] .content-page {
		margin-top: 155px
	}
}

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

.width-sm {
	min-width: 95px
}

.width-md {
	min-width: 110px
}

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

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

.font-family-secondary {
	font-family: Montserrat, 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%
}

.font-weight-medium {
	font-weight: 500
}

.font-weight-semibold {
	font-weight: 600
}

.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
}

.pull-in {
	margin-left: -1.25rem;
	margin-right: -1.25rem
}

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

.inbox-widget .inbox-item {
	overflow: hidden;
	padding: 10px 0;
	position: relative
}

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

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

.inbox-widget .inbox-item .inbox-item-author {
	color: #36404c;
	display: block;
	margin: 0
}

.inbox-widget .inbox-item .inbox-item-text {
	color: #98a6ad;
	display: block;
	font-size: 14px;
	margin: 0
}

.inbox-widget .inbox-item .inbox-item-date {
	color: #98a6ad;
	font-size: 11px;
	position: absolute;
	right: 7px;
	top: 12px
}

.profile-widget img {
	margin-top: -40px;
	border: none
}

.widget-style-1 i {
	position: absolute;
	font-size: 3rem;
	right: -5px;
	bottom: 1rem;
	color: #edf0f0;
	-webkit-transition: all 220ms ease-in-out;
	transition: all 220ms ease-in-out
}

.widget-style-1:hover i {
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.widget-style-2 i {
	font-size: 60px;
	padding: 25px 30px;
	margin-top: -20px;
	margin-bottom: -20px;
	margin-right: -20px;
	background: rgba(255, 255, 255, .2)
}

.velonic-carousel {
	padding: 20px 30px
}

.slider-bg {
	background: url(../images/gallery/11.jpg) center;
	background-size: cover;
	position: relative
}

.slider-overlay {
	background: rgba(0, 0, 0, .6);
	position: absolute;
	height: 100%;
	width: 100%
}

.owl-buttons {
	display: none
}

.conversation-list {
	list-style: none;
	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 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #c7edee;
	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: 700;
	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: #c7edee;
	border-width: 8px;
	margin-left: -1px;
	border-right-color: #c7edee
}

.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: #eaeaea
}

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

.checkbox label {
	display: inline-block;
	padding-left: 8px;
	position: relative;
	font-weight: 400
}

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

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

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

.checkbox input[type=checkbox]:disabled+label {
	opacity: .65
}

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

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

.checkbox input[type=checkbox]:disabled+label::before {
	background-color: #f3f3f3;
	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: #ff7d7ec4;
	border-color: #ff7d7ec4
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.radio label {
	display: inline-block;
	padding-left: 8px;
	position: relative;
	font-weight: 400
}

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

.radio label::after {
	-moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
	-webkit-transform: scale(0, 0);
	-webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
	background-color: #6c757d;
	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 .1s cubic-bezier(.8, -.33, .2, 1.33);
	transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33);
	transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33), -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
	width: 10px
}

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

.radio input[type=radio]:disabled+label {
	opacity: .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: 18px;
	width: 18px
}

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

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

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

.radio-secondary input[type=radio]+label::after {
	background-color: #6c757d
}

.radio-secondary input[type=radio]:checked+label::before {
	border-color: #6c757d
}

.radio-secondary input[type=radio]:checked+label::after {
	background-color: #6c757d
}

.radio-success input[type=radio]+label::after {
	background-color: #4489e4
}

.radio-success input[type=radio]:checked+label::before {
	border-color: #4489e4
}

.radio-success input[type=radio]:checked+label::after {
	background-color: #4489e4
}

.radio-info input[type=radio]+label::after {
	background-color: #33b0e0
}

.radio-info input[type=radio]:checked+label::before {
	border-color: #33b0e0
}

.radio-info input[type=radio]:checked+label::after {
	background-color: #33b0e0
}

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

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

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

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

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

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

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

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

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

.radio-dark input[type=radio]+label::after {
	background-color: #36404c
}

.radio-dark input[type=radio]:checked+label::before {
	border-color: #36404c
}

.radio-dark input[type=radio]:checked+label::after {
	background-color: #36404c
}

.radio-purple input[type=radio]+label::after {
	background-color: #716cb0
}

.radio-purple input[type=radio]:checked+label::before {
	border-color: #716cb0
}

.radio-purple input[type=radio]:checked+label::after {
	background-color: #716cb0
}

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

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

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

@media print {
	.demos-show-btn, .footer, .left-side-menu, .navbar-custom, .page-title-box, .right-bar {
		display: none
	}

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

	.card {
		border: 0
	}
}

/*!
 * 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, .2);
	background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
	-webkit-transition: all .5s ease-out;
	transition: all .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, .4);
	background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
}

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

.waves-effect.waves-classic.waves-light .waves-ripple {
	background: rgba(255, 255, 255, .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, #fff 100%, #000 100%)
}

.waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited {
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	outline: 0;
	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: .85em 1.1em;
	border-radius: .2em
}

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

.waves-input-wrapper {
	border-radius: .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: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
	box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
	-webkit-transition: all .3s;
	transition: all .3s
}

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

.waves-block {
	display: block
}

.waves-effect.waves-primary .waves-ripple {
	background: rgba(59, 192, 195, .4)
}

.waves-effect.waves-secondary .waves-ripple {
	background: rgba(108, 117, 125, .4)
}

.waves-effect.waves-success .waves-ripple {
	background: rgba(68, 137, 228, .4)
}

.waves-effect.waves-info .waves-ripple {
	background: rgba(51, 176, 224, .4)
}

.waves-effect.waves-warning .waves-ripple {
	background: rgba(237, 199, 85, .4)
}

.waves-effect.waves-danger .waves-ripple {
	background: rgba(208, 63, 63, .4)
}

.waves-effect.waves-light .waves-ripple {
	background: rgba(243, 243, 243, .4)
}

.waves-effect.waves-dark .waves-ripple {
	background: rgba(54, 64, 76, .4)
}

.waves-effect.waves-purple .waves-ripple {
	background: rgba(113, 108, 176, .4)
}

.waves-effect.waves-pink .waves-ripple {
	background: rgba(242, 79, 124, .4)
}

.slimScrollDiv {
	height: auto !important
}

.swal2-modal {
	font-family: Lato, sans-serif;
	-webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 33px rgba(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 #eaeaea;
	font-size: 16px;
	-webkit-box-shadow: none;
	box-shadow: none
}

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

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

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

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

.swal2-icon.swal2-success {
	border-color: #4489e4
}

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

.swal2-icon.swal2-success .placeholder, .swal2-icon.swal2-success .swal2-success-ring {
	border-color: #4489e4
}

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

.swal2-icon.swal2-error {
	border-color: #d03f3f
}

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

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

.swal2-container.swal2-shown {
	background-color: rgba(54, 64, 76, .9)
}

#toast-container>div {
	-webkit-box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	opacity: 1
}

#toast-container>div:hover {
	-webkit-box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	opacity: .9
}

.toast-primary {
	border: 2px solid #ff7d7ec4 !important;
	background-color: rgba(59, 192, 195, .8) !important
}

.toast-secondary {
	border: 2px solid #6c757d !important;
	background-color: rgba(108, 117, 125, .8) !important
}

.toast-success {
	border: 2px solid #4489e4 !important;
	background-color: rgba(68, 137, 228, .8) !important
}

.toast-info {
	border: 2px solid #33b0e0 !important;
	background-color: rgba(51, 176, 224, .8) !important
}

.toast-warning {
	border: 2px solid #edc755 !important;
	background-color: rgba(237, 199, 85, .8) !important
}

.toast-danger {
	border: 2px solid #d03f3f !important;
	background-color: rgba(208, 63, 63, .8) !important
}

.toast-light {
	border: 2px solid #f3f3f3 !important;
	background-color: rgba(243, 243, 243, .8) !important
}

.toast-dark {
	border: 2px solid #36404c !important;
	background-color: rgba(54, 64, 76, .8) !important
}

.toast-purple {
	border: 2px solid #716cb0 !important;
	background-color: rgba(113, 108, 176, .8) !important
}

.toast-pink {
	border: 2px solid #f24f7c !important;
	background-color: rgba(242, 79, 124, .8) !important
}

.toast-error {
	background-color: rgba(208, 63, 63, .8);
	border: 2px solid #d03f3f
}

.irs--modern .irs-bar, .irs--modern .irs-from, .irs--modern .irs-single, .irs--modern .irs-to {
	background: #ff7d7ec4 !important
}

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

.irs--modern .irs-line {
	background: #eaeaea;
	border-color: #eaeaea
}

.irs--modern .irs-max, .irs--modern .irs-min {
	color: #98a6ad;
	background: #eaeaea
}

.irs--modern .irs-grid-text {
	font-size: 12px;
	color: #ccc
}

.irs--modern .irs-handle>i:nth-child(1) {
	width: 8px;
	height: 8px
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: auto !important;
	height: auto !important;
	background-color: #36404c !important;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	padding: 5px 10px !important;
	border-radius: 3px;
	border-color: #212529 !important
}

.jqsfield {
	color: #f5f5f5 !important;
	font-size: 12px !important;
	line-height: 18px !important;
	font-family: Lato, sans-serif !important;
	font-weight: 600 !important
}

.bootstrap-tagsinput {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 4px 7px 4px;
	width: 100%;
	background-color: #fff;
	border-color: #ccc
}

.bootstrap-tagsinput input {
	color: #666f7b
}

.bootstrap-tagsinput input::-webkit-input-placeholder {
	color: #666f7b
}

.bootstrap-tagsinput input::-moz-placeholder {
	color: #666f7b
}

.bootstrap-tagsinput input:-ms-input-placeholder {
	color: #666f7b
}

.bootstrap-tagsinput input::-ms-input-placeholder {
	color: #666f7b
}

.bootstrap-tagsinput input::placeholder {
	color: #666f7b
}

.bootstrap-tagsinput .label-info {
	background-color: #ff7d7ec4;
	display: inline-block;
	font-size: 11px;
	margin: 3px 1px;
	padding: 0 5px;
	border-radius: 3px;
	font-weight: 600
}

.select2-container {
	width: 100% !important
}

.select2-container .select2-selection--single {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 38px;
	outline: 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
	padding-left: 12px;
	color: #6c757d
}

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

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

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

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

.select2-dropdown {
	border: #eaeaea;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1)
}

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

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #6c757d;
	outline: 0
}

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

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #f3f3f3;
	color: #16181b
}

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

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

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

	.select2-container .select2-selection--multiple .select2-search__field {
		border: 0px;
		background-color: #fff;
		color: #6c757d;
		outline: 0;
		padding-left: 15px !important;
		margin-top: 0px;
		padding-bottom: 25px;
	}

.select2-container .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {
	color: #6c757d
}

.select2-container .select2-selection--multiple .select2-search__field::-moz-placeholder {
	color: #6c757d
}

.select2-container .select2-selection--multiple .select2-search__field:-ms-input-placeholder {
	color: #6c757d
}

.select2-container .select2-selection--multiple .select2-search__field::-ms-input-placeholder {
	color: #6c757d
}

.select2-container .select2-selection--multiple .select2-search__field::placeholder {
	color: #6c757d
}

	.select2-container .select2-selection--multiple .select2-selection__choice {
		background-color: #4BC74B;
		border: none;
		color: #fff;
		border-radius: 3px;
		padding: 0 7px;
		margin-top: 7px;
		padding-left: 0px;
		min-width: 100px
	}

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

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

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

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

.dd-list .dd-item button {
	height: 36px;
	font-size: 17px;
	margin: 0;
	color: #6c757d;
	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: #efefef
}

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

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

.dd-empty, .dd-placeholder {
	background: #eaeaea;
	border-color: #ccc
}

.custom-dd-empty .dd-list .dd3-handle {
	border: none
}

.dd-dragel .dd-handle {
	-webkit-box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1);
	box-shadow: 0 1px 2px 0 rgba(33, 37, 41, .1)
}

.dd-dragel .dd3-handle {
	border: none !important
}

.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: 600
}

.fc-day {
	background: 0 0
}

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

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

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

.fc-unthemed .fc-divider, .fc-unthemed td.fc-today {
	background: #eaeaea !important
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	float: right;
	margin: 5px;
	font-family: Montserrat, sans-serif;
	font-size: 12px
}

.fc-button {
	background: #eaeaea;
	border: none;
	color: #666f7b;
	text-transform: capitalize;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 3px !important;
	margin: 0 3px !important;
	padding: 6px 12px !important;
	height: auto !important
}

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

.fc-state-hover {
	background: #eaeaea
}

.fc-state-highlight {
	background: #eaeaea
}

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

.fc-cell-overlay {
	background: #eaeaea
}

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

.fc-event {
	border-radius: 2px;
	border: none;
	cursor: move;
	font-size: .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-center, .fc-toolbar .fc-left, .fc-toolbar .fc-right {
		float: none;
		display: block;
		clear: both;
		margin: 10px 0
	}

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

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

.bootstrap-timepicker-widget table td input {
	border: 1px solid rgba(54, 64, 76, .3);
	width: 35px;
	background-color: #fff;
	color: #6c757d
}

.bootstrap-timepicker-widget table td a {
	color: #98a6ad
}

.bootstrap-timepicker-widget table td a:hover {
	background-color: #fafafa;
	border-color: #fafafa
}

.bootstrap-timepicker-widget.dropdown-menu:after {
	border-bottom-color: #f5f5f5
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
	border-top-color: #f5f5f5
}

.datepicker {
	
	margin-top:70px
}

.datepicker td, .datepicker th {
	width: 30px;
	height: 30px;
	padding: 5px
}

.datepicker th {
	font-weight: 700
}

	.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.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.selected, .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: #4BC74B !important;
		background-image: none !important;
		color: #fff
	}

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

.datepicker table tr td span.new, .datepicker table tr td span.old, .datepicker table tr td.new, .datepicker table tr td.old {
	color: #98a6ad;
	opacity: .6
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
	background-color: #fff
}

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

.datepicker .datepicker-switch:hover {
	background: 0 0
}

.datepicker-inline {
	border: 2px solid rgba(54, 64, 76, .1)
}

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

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

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

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

.daterangepicker {
	font-family: Lato, sans-serif;
	background-color: #fff;
	border-color: #eaeaea
}

.daterangepicker .calendar-table {
	background-color: #fff;
	border-color: #eaeaea
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
	border-color: #98a6ad
}

.daterangepicker td, .daterangepicker th {
	padding: 5px
}

.daterangepicker td.week, .daterangepicker th.week {
	color: #ccc
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
	background-color: #fff
}

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

.daterangepicker .ranges li:hover {
	background-color: #eaeaea
}

.daterangepicker .calendar-time select, .daterangepicker .month select {
	background-color: #fff;
	border-color: #ccc;
	color: #666f7b
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
	background-color: transparent;
	color: rgba(204, 204, 204, .7)
}

.daterangepicker td.in-range {
	background-color: #fff;
	color: #6c757d
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
	border-left-color: #eaeaea
}

.daterangepicker .drp-buttons {
	border-top-color: #eaeaea
}

.daterangepicker .drp-buttons .btn {
	font-weight: 600
}

.parsley-errors-list {
	margin: 0;
	padding: 0
}

.parsley-errors-list>li {
	list-style: none;
	color: #d03f3f;
	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: #d03f3f
}

.parsley-success {
	border-color: #4489e4
}

.wizard>.steps {
	position: relative;
	display: block;
	width: 100%
}

.wizard>.steps>ul>li {
	width: 25%
}

.wizard>.steps a {
	font-size: 16px
}

.wizard>.steps .number {
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .3);
	display: inline-block;
	line-height: 30px;
	margin-right: 10px;
	width: 30px;
	text-align: center;
	font-size: 1.429em
}

.wizard>.steps a, .wizard>.steps a:active, .wizard>.steps a:hover {
	display: block;
	width: auto;
	padding: 1em 1em;
	text-decoration: none;
	border-radius: 2px
}

.wizard>.steps .disabled a {
	background: #efefef;
	color: #36404c;
	cursor: default
}

.wizard>.steps .disabled a:active, .wizard>.steps .disabled a:hover {
	background: #efefef
}

.wizard>.steps .current a, .wizard>.steps .current a:active, .wizard>.steps .current a:hover {
	background: #ff7d7ec4;
	color: #fff;
	cursor: default
}

.wizard>.steps .done a, .wizard>.steps .done a:active, .wizard>.steps .done a:hover {
	background: #f5f5f5;
	color: #36404c
}

.wizard>.actions>ul>li, .wizard>.steps>ul>li {
	float: left;
	position: relative
}

.wizard>.content {
	display: block;
	margin: .5em;
	min-height: 240px;
	overflow: hidden;
	position: relative;
	padding: 20px;
	width: auto
}

.wizard>.content>.body {
	padding: 0;
	position: relative
}

.wizard>.content>.body ul {
	list-style: disc !important
}

.wizard>.content>.body ul>li {
	display: block;
	line-height: 30px
}

.wizard>.content>.body>iframe {
	border: 0 none;
	width: 100%;
	height: 100%
}

.wizard>.content>.body input {
	display: block;
	border-color: #eaeaea
}

.wizard>.content>.body input:focus {
	border-color: #eaeaea
}

.wizard>.content>.body input[type=checkbox] {
	display: inline-block
}

.wizard>.content>.body input.error {
	background: rgba(208, 63, 63, .1);
	border: 1px solid #f0c2c2;
	color: #d03f3f
}

.wizard>.content>.body label {
	display: inline-block;
	margin-bottom: .5em;
	margin-top: 10px
}

.wizard>.content>.body label.error {
	color: #d03f3f;
	font-size: 12px
}

.wizard>.actions {
	position: relative;
	display: block;
	text-align: right;
	width: 100%;
	margin-top: 15px
}

.wizard>.actions>ul {
	display: inline-block;
	text-align: right
}

.wizard>.actions>ul>li {
	margin: 0 .5em
}

.wizard>.actions a, .wizard>.actions a:active, .wizard>.actions a:hover {
	background: #ff7d7ec4;
	color: #fff;
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	border-radius: 2px
}

.wizard>.actions .disabled a, .wizard>.actions .disabled a:active, .wizard>.actions .disabled a:hover {
	background: #f5f5f5;
	color: #36404c
}

.wizard.vertical>.steps {
	display: inline;
	float: left;
	width: 30%
}

.wizard.vertical>.steps>ul>li {
	float: none;
	width: 100%
}

.wizard.vertical>.content {
	width: 65%;
	margin: 0 2.5% .5em;
	display: inline;
	float: left
}

.wizard.vertical>.actions {
	display: inline;
	float: right;
	width: 95%;
	margin: 0 2.5%;
	margin-top: 15px !important
}

.wizard.vertical>.actions>ul>li {
	margin: 0 0 0 1em
}

.tabcontrol, .wizard {
	display: block;
	width: 100%;
	overflow: hidden
}

.tabcontrol a, .wizard a {
	outline: 0
}

.tabcontrol ul, .wizard ul {
	list-style: none !important;
	padding: 0;
	margin: 0
}

.tabcontrol ul>li, .wizard ul>li {
	display: block;
	padding: 0
}

.tabcontrol>.steps .current-info, .wizard>.steps .current-info {
	position: absolute;
	left: -999em
}

.tabcontrol>.content>.title, .wizard>.content>.title {
	position: absolute;
	left: -999em
}

@media (max-width:767.98px) {
	.wizard.vertical>.content, .wizard.vertical>.steps, .wizard>.steps>ul>li {
		width: 100%
	}
}

@font-face {
	font-family: summernote;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/summernote.bin);
	src: url(../fonts/summernote-1.bin) format("embedded-opentype"), url(../fonts/summernote-2.bin) format("woff"), url(../fonts/summernote-3.bin) format("truetype")
}

.note-editor.note-frame {
	border: 1px solid #f4f4f4;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0
}

.note-editor.note-frame .note-statusbar {
	background-color: #f4f4f4;
	border-top: 1px solid #eaeaea
}

.note-editor.note-frame .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-editable {
	border: none;
	color: #6c757d;
	background-color: transparent
}

.note-editor .note-btn-group .note-btn {
	background-color: #f4f4f4 !important;
	border-color: #f4f4f4 !important
}

.note-status-output {
	display: none
}

.note-editable {
	border-radius: .2rem;
	padding: .45rem .9rem
}

.note-editable p:last-of-type {
	margin-bottom: 0
}

.card-header.note-toolbar .note-color .dropdown-menu, .note-popover .popover-content .note-color .dropdown-menu {
	min-width: 344px
}

.note-popover {
	border-color: #eaeaea
}

.card-header.note-toolbar, .note-popover .popover-content {
	background-color: #f4f4f4
}

.note-toolbar {
	z-index: 1
}

.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: #ff7d7ec4
}

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

table.dataTable tbody td.focus, table.dataTable tbody th.focus {
	outline: 2px solid #ff7d7ec4 !important;
	outline-offset: -1px;
	color: #ff7d7ec4;
	background-color: rgba(59, 192, 195, .15)
}

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 1rem 3rem rgba(0, 0, 0, .175);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	background-color: #ff7d7ec4;
	top: .75rem
}

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: #d03f3f;
	top: .75rem
}

div.dt-button-info {
	background-color: #ff7d7ec4;
	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, .2);
	color: #fff
}

@media (max-width:767.98px) {
	li.paginate_button.next, li.paginate_button.previous {
		display: inline-block
	}

	li.paginate_button {
		display: none
	}

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

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

.activate-select .sorting_1 {
	background-color: #f3f3f3
}

.flotTip {
	padding: 8px 12px;
	background-color: rgba(54, 64, 76, .9);
	z-index: 100;
	color: #f3f3f3;
	opacity: 1;
	border-radius: 3px
}

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

.legendLabel {
	padding-left: 5px;
	line-height: 10px;
	padding-right: 20px;
	font-size: 13px;
	font-weight: 600;
	color: #6c757d
}

.legendColorBox div {
	border-radius: 3px
}

.legendColorBox div div {
	border-radius: 3px
}

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

.morris-charts text {
	font-family: Montserrat, sans-serif !important;
	font-weight: 700 !important;
	fill: #98a6ad
}

.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: rgba(243, 243, 243, .8);
	color: #36404c;
	border: 2px solid #f5f5f5;
	font-family: Lato, sans-serif
}

.morris-hover.morris-default-style .morris-hover-row-label {
	font-weight: 700;
	margin: .25em 0;
	font-family: Montserrat, sans-serif
}

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

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

.radial-bar {
	position: relative;
	display: inline-block;
	font-size: 16px;
	border-radius: 50%;
	border: 2px solid #ededed;
	background-color: transparent;
	margin-bottom: 20px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 80px;
	height: 80px;
	font-size: 18px
}

.radial-bar:after, .radial-bar>img {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	text-align: center;
	font-weight: 700;
	color: #36404c
}

.radial-bar:after {
	content: attr(data-label);
	background-color: #ededed;
	z-index: 101
}

.radial-bar>img {
	z-index: 102
}

.radial-bar:after, .radial-bar>img {
	width: 56px;
	height: 56px;
	margin-left: 12px;
	margin-top: 12px;
	line-height: 56px
}

.radial-bar.radial-bar-0 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-5 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-10 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-15 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-20 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-25 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-30 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-35 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-40 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-45 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-50 {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(270deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-55 {
	background-image: linear-gradient(288deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-60 {
	background-image: linear-gradient(306deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-65 {
	background-image: linear-gradient(324deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-70 {
	background-image: linear-gradient(342deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-75 {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(360deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-80 {
	background-image: linear-gradient(378deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-85 {
	background-image: linear-gradient(396deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-90 {
	background-image: linear-gradient(414deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-95 {
	background-image: linear-gradient(432deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar.radial-bar-100 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ff7d7ec4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(450deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-0 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-5 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-10 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-15 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-20 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-25 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-30 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-35 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-40 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-45 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-50 {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(270deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-55 {
	background-image: linear-gradient(288deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-60 {
	background-image: linear-gradient(306deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-65 {
	background-image: linear-gradient(324deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-70 {
	background-image: linear-gradient(342deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-75 {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(360deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-80 {
	background-image: linear-gradient(378deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-85 {
	background-image: linear-gradient(396deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-90 {
	background-image: linear-gradient(414deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-95 {
	background-image: linear-gradient(432deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-primary.radial-bar-100 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ff7d7ec4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #ff7d7ec4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(450deg, #ff7d7ec4 50%, transparent 50%, transparent), linear-gradient(270deg, #ff7d7ec4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-0 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #4489e4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-5 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-10 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-15 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-20 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-25 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4489e4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-30 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-35 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-40 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-45 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-50 {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #4489e4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #4489e4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(270deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-55 {
	background-image: linear-gradient(288deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-60 {
	background-image: linear-gradient(306deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-65 {
	background-image: linear-gradient(324deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-70 {
	background-image: linear-gradient(342deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-75 {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #4489e4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #4489e4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(360deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-80 {
	background-image: linear-gradient(378deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-85 {
	background-image: linear-gradient(396deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-90 {
	background-image: linear-gradient(414deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-95 {
	background-image: linear-gradient(432deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-success.radial-bar-100 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #4489e4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #4489e4), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(450deg, #4489e4 50%, transparent 50%, transparent), linear-gradient(270deg, #4489e4 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-0 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #33b0e0), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-5 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-10 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-15 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-20 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-25 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #33b0e0), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-30 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-35 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-40 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-45 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-50 {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #33b0e0), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #33b0e0), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(270deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-55 {
	background-image: linear-gradient(288deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-60 {
	background-image: linear-gradient(306deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-65 {
	background-image: linear-gradient(324deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-70 {
	background-image: linear-gradient(342deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-75 {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #33b0e0), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #33b0e0), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(360deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-80 {
	background-image: linear-gradient(378deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-85 {
	background-image: linear-gradient(396deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-90 {
	background-image: linear-gradient(414deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-95 {
	background-image: linear-gradient(432deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-info.radial-bar-100 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #33b0e0), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #33b0e0), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(450deg, #33b0e0 50%, transparent 50%, transparent), linear-gradient(270deg, #33b0e0 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-0 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #edc755), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-5 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-10 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-15 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-20 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-25 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #edc755), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-30 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-35 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-40 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-45 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-50 {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #edc755), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #edc755), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(270deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-55 {
	background-image: linear-gradient(288deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-60 {
	background-image: linear-gradient(306deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-65 {
	background-image: linear-gradient(324deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-70 {
	background-image: linear-gradient(342deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-75 {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #edc755), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #edc755), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(360deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-80 {
	background-image: linear-gradient(378deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-85 {
	background-image: linear-gradient(396deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-90 {
	background-image: linear-gradient(414deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-95 {
	background-image: linear-gradient(432deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-warning.radial-bar-100 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #edc755), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #edc755), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(450deg, #edc755 50%, transparent 50%, transparent), linear-gradient(270deg, #edc755 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-0 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #d03f3f), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-5 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-10 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-15 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-20 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-25 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fafafa), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d03f3f), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-30 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-35 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-40 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-45 {
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-50 {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #d03f3f), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #d03f3f), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(270deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-55 {
	background-image: linear-gradient(288deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-60 {
	background-image: linear-gradient(306deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-65 {
	background-image: linear-gradient(324deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-70 {
	background-image: linear-gradient(342deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-75 {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d03f3f), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #d03f3f), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(360deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-80 {
	background-image: linear-gradient(378deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-85 {
	background-image: linear-gradient(396deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-90 {
	background-image: linear-gradient(414deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-95 {
	background-image: linear-gradient(432deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-danger.radial-bar-100 {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #d03f3f), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #d03f3f), color-stop(50%, #fafafa), to(#fafafa));
	background-image: linear-gradient(450deg, #d03f3f 50%, transparent 50%, transparent), linear-gradient(270deg, #d03f3f 50%, #fafafa 50%, #fafafa)
}

.radial-bar-lg {
	width: 100px;
	height: 100px;
	font-size: 20px
}

.radial-bar-lg:after, .radial-bar-lg>img {
	width: 70px;
	height: 70px;
	margin-left: 15px;
	margin-top: 15px;
	line-height: 70px
}

.radial-bar-sm {
	width: 50px;
	height: 50px;
	font-size: 12px
}

.radial-bar-sm:after, .radial-bar-sm>img {
	width: 35px;
	height: 35px;
	margin-left: 7.5px;
	margin-top: 7.5px;
	line-height: 35px
}

.radial-bar-xs {
	width: 30px;
	height: 30px;
	font-size: 8px
}

.radial-bar-xs:after, .radial-bar-xs>img {
	width: 21px;
	height: 21px;
	margin-left: 4.5px;
	margin-top: 4.5px;
	line-height: 21px
}

.radial-bar {
	background-clip: content-box
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

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

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

.chart .chart-widget-pie {
	margin-top: 5px;
	margin-bottom: 5px
}

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

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

.image-crop-preview .img-preview {
	float: left;
	margin-bottom: .5rem;
	margin-right: .5rem;
	overflow: hidden;
	background-color: #f3f3f3;
	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>canvas, .docs-cropped .modal-body>img {
	max-width: 100%
}

.docs-drop-options {
	max-height: 400px;
	overflow-y: auto
}

.docs-tooltip {
	display: block;
	margin: -.5rem -.75rem;
	padding: .5rem .75rem
}

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

#legend .line {
	color: #36404c
}

.rickshaw_graph svg {
	max-width: 100%
}

.rickshaw_legend .label {
	font-family: inherit;
	letter-spacing: .01em;
	font-weight: 600
}

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

.gauge-chart text {
	font-family: Lato, sans-serif !important
}

.gmaps, .gmaps-panaroma {
	height: 300px;
	background: #f3f3f3;
	border-radius: 3px
}

.gmaps-overlay {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	background: #ff7d7ec4;
	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 #ff7d7ec4
}

.gmaps-overlay_arrow.below {
	top: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #ff7d7ec4
}

.jvectormap-label {
	border: none;
	background: #212529;
	color: #f5f5f5;
	font-family: Montserrat, sans-serif;
	font-size: .9rem;
	padding: 5px 8px
}

.dropzone {
	border: 2px dashed rgba(54, 64, 76, .3);
	background: #fff;
	border-radius: 6px
}

.c3-tooltip {
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
	opacity: 1
}

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

.c3-tooltip td>span {
	background: #36404c
}

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

.c3-tooltip th {
	background-color: #36404c;
	color: #f3f3f3
}

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

.c3 text {
	font-family: Lato, sans-serif;
	fill: #6c757d
}

.c3 line, .c3 path {
	stroke: #ccc
}

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

.ql-container {
	font-family: Lato, sans-serif
}

.ql-toolbar {
	font-family: Lato, sans-serif !important
}

.ql-toolbar span {
	outline: 0 !important
}

.ql-toolbar.ql-snow {
	border-color: #ccc
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
	border-color: transparent
}

.ql-toolbar .ql-picker {
	color: #6c757d
}

.ql-toolbar .ql-fill, .ql-toolbar .ql-stroke {
	stroke: #6c757d
}

.ql-bubble {
	border: 1px solid #ccc;
	border-radius: .2rem
}

.ql-container {
	font-family: Lato, sans-serif
}

.ql-container.ql-snow {
	border-color: #ccc
}

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

.table-rep-plugin .table-responsive {
	border: none
}

.table-rep-plugin tbody th {
	font-size: 14px;
	font-weight: 400
}

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

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

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

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

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

.table-rep-plugin .checkbox-row input[type=checkbox]:disabled+label {
	opacity: .65
}

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

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

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

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

.table-rep-plugin .checkbox-row input[type=checkbox]:checked+label::after {
	color: #ff7d7ec4
}

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

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

.table-rep-plugin .fixed-solution .sticky-table-header {
	top: 70px !important
}

.table-rep-plugin .btn-default {
	background-color: #f4f4f4;
	border: 1px solid #eaeaea;
	color: #36404c
}

.table-rep-plugin .btn-default.btn-primary {
	background-color: #ff7d7ec4;
	border-color: #ff7d7ec4;
	color: #fff
}

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

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

.table-rep-plugin .btn-toolbar {
	display: block
}

.editable-clear-x {
	background: url(../images/plugins/clear.png) center center no-repeat
}

.editableform-loading {
	background: url(../images/plugins/loading.gif) center center no-repeat
}

.editable-checklist label {
	display: block
}

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

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

.dropcap {
	font-size: 3.1em
}

.dropcap, .dropcap-circle, .dropcap-square {
	display: block;
	float: left;
	line-height: 46px;
	margin-right: 6px;
	text-shadow: none
}

.grid-structure .grid-container {
	background-color: #fafafa;
	margin-top: 10px;
	font-size: .8rem;
	font-weight: 600;
	padding: 10px 20px
}

.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 {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-right: 12px
}

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

.icons-list-demo .col-lg-4:hover {
	color: #ff7d7ec4
}

.social-links li a {
	border-radius: 50%;
	background-color: #eaeaea;
	color: #6c757d;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px
}

.social-links li a:hover {
	background-color: #eaeaea;
	color: #6c757d
}

.switchery-demo .switchery {
	margin-bottom: 10px;
	margin-right: 5px
}

.demos-show-btn {
	position: fixed;
	top: 50%;
	right: 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-weight: 600;
	background-color: #d03f3f;
	color: #fff !important;
	line-height: 36px;
	padding: 15px 3px;
	border-radius: 6px 0 0 6px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-transform: uppercase
}

@media (max-width:600px) {
	.demos-show-btn {
		display: none
	}
}

.authentication-page {
	padding-bottom: 0;
	background-image:url('../images/login.png');
	background-size:cover;
	background-repeat:no-repeat
}

.authentication-page.enlarged {
	min-height: 100px
}

.authentication-page h4 {
	z-index: 999;
	position: relative;
	font-size: 24px
}

.timeline {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	margin-bottom: 50px;
	position: relative;
	table-layout: fixed;
	width: 100%
}

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

.timeline .time-show a {
	color: #fff
}

.timeline:before {
	background-color: rgba(152, 166, 173, .3);
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	top: 30px;
	width: 2px;
	z-index: 0
}

.timeline .btn {
	min-width: 150px
}

.timeline .timeline-icon {
	-webkit-border-radius: 50%;
	background: #98a6ad;
	border-radius: 50%;
	color: #fff;
	display: block;
	height: 20px;
	left: -53px;
	margin-top: -10px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 20px
}

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

.timeline .time-icon:before {
	font-size: 16px;
	margin-top: 5px
}

h3.timeline-title {
	color: #98a6ad;
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 5px;
	text-transform: uppercase
}

.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 #f4f4f4;
	border-top: 12px solid transparent;
	display: block;
	height: 0;
	left: -12px;
	margin-top: -12px;
	position: absolute;
	top: 50%;
	width: 0
}

.timeline-item .timeline-desk .timeline-box {
	padding: 20px
}

.timeline-item .timeline-date {
	margin-bottom: 10px
}

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

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

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

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

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

.timeline-item.alt:before {
	display: none
}

.timeline-item.alt .panel {
	margin-left: 0;
	margin-right: 45px
}

.timeline-item.alt h4 {
	text-align: right
}

.timeline-item.alt p {
	text-align: right
}

.timeline-item.alt .timeline-date {
	text-align: right
}

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

.timeline-desk h4 {
	font-size: 16px;
	font-weight: 300;
	margin: 0
}

.timeline-desk .panel {
	background: #efefef;
	display: block;
	margin-bottom: 5px;
	margin-left: 45px;
	position: relative;
	text-align: left;
	border: 0
}

.timeline-desk h5 span {
	color: #98a6ad;
	display: block;
	font-size: 12px;
	margin-bottom: 4px
}

.timeline-desk p {
	margin-bottom: 0
}

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

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

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

.timeline-desk .notification {
	background: none repeat scroll 0 0 #fff;
	margin-top: 20px;
	padding: 8px
}

.timeline-left {
	margin-left: 20px;
	width: auto;
	display: block
}

.timeline-left:before {
	left: 0 !important
}

.timeline-left .timeline-item {
	display: block
}

.timeline-left .timeline-desk {
	display: block;
	width: 100%
}

.timeline-left .panel {
	margin-bottom: 20px
}

.progress {
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 18px;
	overflow: hidden;
	height: .7rem
}

.progress-sm {
	height: 5px
}

.progress-md {
	height: 8px
}

.progress-lg {
	height: 12px
}

.progress-xl {
	height: 15px
}

.progress-xxl {
	height: 25px
}

.progress-vertical {
	min-height: 250px;
	height: 250px;
	width: 10px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px
}

.progress-vertical .progress-bar {
	width: 100%
}

.progress-vertical.progress-xl {
	width: 15px
}

.progress-vertical.progress-lg {
	width: 12px
}

.progress-vertical.progress-md {
	width: 8px
}

.progress-vertical.progress-sm {
	width: 5px
}

.progress-vertical-bottom {
	min-height: 250px;
	height: 250px;
	position: relative;
	width: 10px;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px
}

.progress-vertical-bottom .progress-bar {
	width: 100%;
	bottom: 0;
	position: absolute
}

.progress-vertical-bottom.progress-xl {
	width: 15px
}

.progress-vertical-bottom.progress-lg {
	width: 12px
}

.progress-vertical-bottom.progress-md {
	width: 8px
}

.progress-vertical-bottom.progress-sm {
	width: 5px
}

.progress-w-percent {
	min-height: 20px;
	margin-bottom: 20px
}

.progress-w-percent .progress {
	width: 80%;
	float: left;
	margin-top: 8px
}

.progress-w-percent .progress-value {
	width: 20%;
	float: right;
	text-align: right;
	line-height: 20px
}

.mails a {
	color: #666f7b
}

.mails .unread {
	background: #fafafa
}

.mails .table-detail .email-msg {
	color: #98a6ad
}

.mails .table-detail .email-name {
	color: #98a6ad
}

.mails td {
	vertical-align: middle !important;
	position: relative;
	border: 0 !important
}

.mails td:last-of-type {
	width: 100px;
	padding-right: 20px
}

.mails tr:hover .text-white {
	display: none
}

.mails .mail-select {
	padding: 15px 20px
}

.mails .checkbox {
	margin-bottom: 0;
	margin-top: -4px;
	vertical-align: middle;
	display: inline-block;
	height: 17px
}

.mails .checkbox label {
	min-height: 16px
}

.mails .mail-list .list-group-item {
	background-color: transparent !important
}

.mails .mail-list .list-group-item.active {
	background-color: #ff7d7ec4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-clip: padding-box
}

.mails .unread a {
	color: #36404c
}

.mails .table-detail {
	vertical-align: top
}

.mails .chat-right-text {
	overflow: hidden
}

.mails .chat-widget .chat-item {
	overflow: hidden;
	padding: 10px 0;
	position: relative
}

.mails .chat-widget .chat-item .chat-item-text {
	color: #98a6ad;
	display: block;
	font-size: 12px;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	overflow: hidden
}

.mails .chat-widget .chat-item img {
	width: 40px
}

.mails .chat-widget .chat-item .chat-item-author {
	color: #36404c;
	display: block;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	overflow: hidden
}

.mails .chat-widget .chat-item .chat-item-img {
	display: block;
	float: left;
	margin-right: 15px;
	width: 40px;
	margin-top: 4px
}

@media (max-width:768px) {
	.mails .email-desc {
		display: none
	}
}

@media (max-width:425px) {
	.table-box .table-detail {
		display: block
	}

	.mails td:last-of-type {
		width: 80px;
		padding-right: 10px
	}

	.mail-time {
		display: none
	}
}

.counter-number {
	font-size: 48px;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	color: #ff7d7ec4
}

.counter-number span {
	font-size: 16px;
	font-weight: 400;
	display: block;
	padding-top: 10px;
	color: #36404c
}

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

.wrapper-page h1 {
	font-size: 98px;
	font-weight: 600;
	line-height: 150px;
	text-shadow: rgba(61, 61, 61, .3) 1px 1px, rgba(61, 61, 61, .2) 2px 2px, rgba(61, 61, 61, .3) 3px 3px
}

.pricing-box {
	border: 2px solid #dbdbdb
}

.profile-bg-picture {
	position: relative;
	min-height: 300px;
	margin: -19px -20px 0 -20px;
	background-position: center;
	background-size: cover
}

.profile-user-box {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #f3f3f3;
	margin-top: -65px;
	position: relative;
	border-radius: 5px
}

.profile-user-img img {
	position: absolute;
	top: -56px;
	border: 3px solid #fff;
	-webkit-box-shadow: 2px 6px 30px -15px #36404c;
	box-shadow: 2px 6px 30px -15px #36404c
}

.timeline-2 {
	position: relative;
	border-left: 2px solid #36404c
}

.timeline-2 .time-item {
	position: relative;
	padding-bottom: 1px;
	border-color: #f3f3f3
}

.timeline-2 .time-item :after, .timeline-2 .time-item :before {
	display: table;
	content: " "
}

.timeline-2 .time-item :after {
	position: absolute;
	left: 0;
	top: 5px;
	width: 14px;
	height: 14px;
	margin-left: -8px;
	background-color: #fff;
	border-color: #36404c;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	content: ''
}
.authentication-page .account-pages .card-header {
	border-radius:24px !important
}

.authentication-page .account-pages .c-lang {
	margin: 20px 0px;
	border: 1px solid #EAEBEC;
	border-radius: 18px;
	padding: 5px;
	display: flex;
	width: 40%;
	justify-content: end;
	float: right;
	margin-top:0px;
}
.signUpLg  .c-lang {
	width: 20% !important;
}
	.authentication-page .account-pages .c-lang a {
		padding: 3px 0px
	}
.authentication-page .account-pages .show_pwd_ltr, .authentication-page .account-pages .hide_pwd_ltr, .show_pwd, .hide_pwd, .show_pwd_rtl, .hide_pwd_rtl, .show_pwd_ltr, .hide_pwd_ltr {
	position: absolute;
	right: 5%;
	bottom: 10px;
	left: auto;
}
.forgetYourPassword .form-control {
	border-radius: 10px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.forgetYourPassword .btn {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.companySearch {
	margin-left: 25px;
	margin-right: 0px;
	display: flex;
	justify-content: end;
	margin-top:20px
}
	.companySearch .btn{
		margin-left:10px
	}
	.actions_col {
		display: flex;
		justify-content:center
	}
		.actions_col  .pd-setting-ed {
			margin-right: 10px
		}
table.table-bordered.dataTable th, table.table-bordered.dataTable td{
	border-left-width:2px
}
.card-table-two{
	padding: 20px
}
.card-table-two h6{
	font-size:20px;
	font-weight:bold
}
.search-btn-advanced {
	justify-content: end;
	display: flex
}
.companySearch .btn-sm {
	margin-right: 10px
}
.notification-list .notify-item .noti-time {
	padding-left: 40px;
	line-height: 20px;
	font-size:100%;
}
.notify-all{
	padding:12px 20px !important;

}
.select2-container--default .select2-selection--single .select2-selection__clear{
	display:none
}
/* الزرار قبل رفع الملف */
.custom-file-label::after {
	content: "\f093";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	background-color: #ec2329;
	color: #fff;
	border-radius: 0 0.25rem 0.25rem 0;
	cursor: pointer;
	left: 0px;
	right: auto
}

/* نخلي النص جوة الليبل قصير */
.custom-file-label {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

	/* بعد ما يترفع ملف نشيل الزرار */
	.custom-file-label.has-file::after {
		
	}
.actions_col .btn {
	margin: 2px;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease-in-out;
	margin-left:10px !important
}

	.actions_col .btn:hover {
		transform: scale(1.15);
	}
/* تحسين شكل الجدول */
#datatable {
	background: #fff;
	border-radius: 12px;
	overflow: auto;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}

	/* الهيدر */
	#datatable thead th {
		background: #000;
		color: #fff;
		font-weight: 600;
		text-align: center !important;
		padding: 12px;
		font-size: 14px;
	}

	/* الخلايا */
	#datatable tbody td {
		vertical-align: middle;
		padding: 10px 12px;
		font-size: 14px;
		color: #333;
	
	}

	/* تظليل الصفوف */
	#datatable tbody tr:nth-child(even) {
		background-color: #f8f9fa;
	}

	#datatable tbody tr:hover {
		background-color: #e9f7fe;
		transition: 0.3s;
	}

table#datatable tbody tr td a {
	color: #4489e4;
}
	/* أزرار العمليات */
	#datatable .btn-group .btn {
		margin: 0 2px;
		border-radius: 50%;
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.2s;
	}

		#datatable .btn-group .btn:hover {
			transform: scale(1.1);
		}

	/* تحسين البادجات */
	#datatable .badge {
		font-size: 12px;
		padding: 5px 8px;
		border-radius: 8px;
	}
.search-btn-advanced .btn {
	margin-right: 10px;
	padding: .45rem .6rem;
}
.content-page .content {
	padding: 25px 0px;
}
.flagAr {
	border-right: 2px solid #dee2e6 !important;
	border-left: 2px solid #dee2e6 !important;
}
.numberAr {
	border-left: 2px solid #dee2e6 !important;
	border-right: 2px solid #dee2e6 !important;
}
.search-btn-advanced .btn-secondary {
	background-color: #EC2329;
	border-color: #EC2329
}
/*# sourceMappingURL=app.min.css.map */
/*# sourceMappingURL=app.min.css.map */
.transport {
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 25px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	border: 1px solid #e6e7eb;
}

	/* العناوين */
	.transport h5,
	.transport h6 {
		font-weight: 600;
		color: #2b2f42;
		margin-bottom: 15px;
		padding-bottom: 5px;
	}

		.transport h5 i,
		.transport h6 i {
			color: #28a745; /* لون مميز */
			margin-left: 8px;
		}
.sv-btns .btn-secondary {
	background-color: #EC2329;
	border-color: #EC2329;
}
.list-group-item {
	display: flex !important;
	align-items: stretch !important;
	/* العناصر تتمدد لنفس الارتفاع */
}

.checkbox-wrapper {
	border-right: 1px solid #ddd;
	padding: 0 10px;
	display: flex;
	align-items: center;
	/* يوسّط الـ checkbox عمودياً */
}

.flex-fill2 {
	flex: 1;
	padding-left: 10px;
}

.notifcation-item .text-secondary span {
	padding-left: 3px;
	font-size: 14px;
}

.notifcation-item .text-secondary .fa {
	font-size: 14px;
}

.notifcation-item .badge-success {
	padding: 5px 20px;
	font-size: 14px;
}

.notifcation-item .btn-secondary {
	background-color: #EC2329;
	border-color: #EC2329;
	padding: 2px 20px;
}
#DriverLicenseFileDiv .custom-file-label::after {
	left: auto;
	right: 0;
}
#newbulkActions{
	position:relative
}
.deleteAfterChecked {
	position: absolute;
	top: -40px;
	float: right;
	display: inline-flex;
	align-items: center;
	gap: 6px; /* مسافة بين الأيقونة والنص */
	font-weight: 500;
	background-color: #EC2329;
	border-color: #e74c3c;
	transition: all 0.3s ease;
	border-radius: 10px;
	right:0;
}
	.deleteAfterChecked:hover {
		background-color: #EC2329;
		border-color: #EC2329;
	}

	.deleteAfterChecked i {
		font-size: 14px;
	}
.advanced-wrapper {
	background-color: #f3f9f9;
	padding: 15px;
	border-radius: 8px;
	border: 1px solid #4BC74B;
	padding-bottom:0px
}
.note-editor .note-toolbar {
	background-color: #000 !important;
	border-bottom: 1px solid #000 !important;
}
.modal-header .close {
	position: absolute;
   right:10px
}
.track-request-block .track {
	position: relative;
	background-color: #ddd;
	height: 7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 60px;
	margin-top: 50px;
}

	.track-request-block .track .step {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 25%;
		margin-top: -18px;
		text-align: center;
		position: relative;
	}

		.track-request-block .track .step::before {
			height: 7px;
			position: absolute;
			content: "";
			width: 100%;
			left: 0;
			top: 18px;
		}

	.track-request-block .track .icon {
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		position: relative;
		border-radius: 100%;
		background: #ddd;
	}

	.track-request-block .track .step.active .icon {
		background: green;
		color: #fff;
	}

	.track-request-block .track .step.active:before {
		background: #008000;
	}

	.track-request-block .track .step::before {
		height: 7px;
		position: absolute;
		content: "";
		width: 100%;
		left: 0;
		top: 18px;
	}
	.track-request-block .track .icon .fa {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.track-request-block .track .step.active .text {
		font-weight: 400;
		color: #000;
	}

	.track-request-block .track .text {
		display: block;
		margin-top: 7px;
	}
.permission-sections .az-content-body .tab-content{
	padding:20px 20px !important
}
.modal-header{
	border-bottom:0px
}
.az-header-profile .az-img-user img{
	width:100px;
	height:100px
}
.badgeNum {
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: table;
	text-align: center;
}
.changePassForm, .az-content-left, .az-content-body-profile {
	box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
	padding: 30px;
	margin-top: 40px
}
.changePassForm button{
	width:100%
}
.az-profile-name {
	font-size: 1.25rem;
}

.media-icon {
	font-size: 18px;
	box-shadow: none;
	color: #000;
	padding-right: 10px;
}

.card {
	border-radius: 12px;
}

.az-img-user img {
	border: 4px solid #f1f1f1;
	transition: 0.3s;
}

	.az-img-user img:hover {
		transform: scale(1.05);
	}
.az-content-left-profile .az-profile-overview .az-img-user img{
	display:table;
	margin:auto;
	width:100px;
	height:100px;
	border-radius:50%
}
.az-content-left-profile .az-profile-overview label{
	font-weight:bold;
	font-size: 1.25rem !important;
    color: #000;
}
.az-content-left-profile .az-profile-overview .az-profile-social-list .media {
	padding-bottom: 10px
}
.az-content-body-profile .nav-link {
	padding: .5rem 0px;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
.form-group-search .input-group-prepend {
	position: absolute;
	z-index: 9;
	height: 100%;
	right: 0;
}
.tooltip-header {
	color: #4BC74B !important
}
#LogdetailsModal .modal-lg{
	max-width:800px !important
}
#LogdetailsModal .table-responsive {
	
}
.enlarged .footer .left{
	display:flex;
	justify-content:start
}
.enlarged .footer .left a{
	padding: 0px 5px
}
.footer .row {
	flex-direction: row-reverse
}
.notification-list .dropdown-menu{
	padding-bottom:0px !important;
	
}
.notify-item {
	display: flex !important;
	align-items: center !important;
	padding: 8px 12px !important;
}

.notify-icon {
	flex-shrink: 0 !important;
	margin-right: 10px !important; /* لو RTL اعكسها */
}

	.notify-icon img {
		width: 40px !important;
		height: 40px !important;
		border-radius: 50% !important;
		object-fit: cover !important;
	}

.notify-content {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex: 1 !important; /* تاخد باقي المساحة */
}

.notify-details {
	margin: 0 !important;
	font-size: 14px;
	color: #333;
	flex: 1 !important; /* يخلي النص يتمدد */
}

.noti-time {
	font-size: 12px !important;
	color: #888;
	white-space: nowrap !important; /* عشان ما ينزلش سطر */
	margin-left: 10px !important; /* لو RTL تبقى margin-right */
}
.notify-item small {

	color: #4BC74B !important
}
.footer .left{
	font-size:13px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	background-color: #4BC74B;
}
.select2-container .select2-selection--multiple .select2-search__field{
	display:none !important
}

.cardAuthenticationUser .header-logo{
	text-align:center
}
.cardAuthenticationUser .header-logo img{
	display:table;
	margin:auto
}
	.cardAuthenticationUser .header-logo h2 {
		color: #000;
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 0px;
	}
	.cardAuthenticationUser .header-logo p {
		color: #000;
		font-size: 16px;
		margin-bottom:0px
	}
.cardAuthenticationUser{
	border-radius:24px;
	box-shadow:none !important;
	border:1px solid #fff !important
}
.c-lang .btn {
	font-weight: 600;
	min-width: 72px;
	transition: 0.3s;
	color: #CACACA;
}

.c-lang .btn-light {
	color: #CACACA;
	background-color: transparent !important;
	border: 0px !important;
}

.c-lang .btn-success.active {
	background-color: #4BC74B !important;
	color: #fff;
	border: 1px solid #4BC74B !important;
	border-radius: 18px !important; /* تخليها دائرية */
}
.cardAuthenticationUser .card-body{
	padding: 0px 50px
}
	.cardAuthenticationUser .card-body label {
		font-size: 15px !important;
		color: #090E3A
	}
.cardAuthenticationUser .form-control {
	border-radius: 5px
}
.az-signin-header label {
	font-size: 15px !important;
}
.totalProfits .card {
	background-color: #4BC74B;
	border-radius:20px;
	color:#fff
}
	.totalProfits .card h5, .totalProfits .card h3{
		color:#fff
	}
	.totalProfits .card .card-body{
		padding:7px 0px
	}
.driver-tooltip-box {
	max-height: 200px;
	overflow-y: auto;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	width: 320px;
	background: #fff;
	color: #444;
	padding: 14px;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.15);
	position: fixed;
	text-align: right; /* RTL */
	transition: opacity 0.3s ease, transform 0.3s ease;
	transform: translateY(10px);
}

.driver-tooltip:hover .driver-tooltip-box {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.driver-tooltip-box.above {
	transform: translateY(-10px);
}
.driver-tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

/* Header */
.tooltip-header {
	font-size: 16px;
	font-weight: bold;
	color: #ff7d7ec4;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Body */
.tooltip-body p {
	font-size: 14px;
	display: flex;
	align-items: center;
}

.tooltip-body .info {
	padding-right: 5px
}
/* Copy button */
.driver-tooltip-box .copy-btn {
	border: none;
	background: transparent;
	cursor: pointer;

	font-size: 14px;
	color: #666;

}

	.driver-tooltip-box .copy-btn:hover {
		color: #28a745;
	}
	@media(max-width:767px){
		.search-btn-advanced {
			margin-top: 0px;
			
		}
		.az-profile-menu{
			margin-top:15px;
		}
		.advancedSearch{
			margin-top:0px !important
		}
		.driver-tooltip-box  {
			width: 240px !important
		}
		.client-tooltip-box {
			width: 180px !important
		}
	}
.authentication-page .card-header {
	background-color: #fff
}
.signUpLg {
	max-width: 80%;
	margin: auto;
}
.cardAuthenticationUser .az-signin-header h2 {
	font-weight: bold;
	font-size: 24px;
}
.cardAuthenticationUser .card-body .custom-file-label {
	border-radius:5px !important
}
.cardAuthenticationUser .custom-file-label::after {
	right: 0px;
	left: auto
}
.signUpLg .custom-file {
	margin-left: 10px;
}
.input-group-text {
	cursor: pointer;
	transition: all 0.2s ease;
}

	.input-group-text:hover {
	
	}

#fileNameDisplay {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#viewFileBtn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}
#fileViewSection {
	animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.btn-danger:hover {
	background-color: #c82333;
}

#fileNameDisplay {
	font-size: 0.9rem;
	color: #333;
}
.field-validation-error {
	display: block;
	width: 100%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
	.cardAuthenticationUser .card-body {
		padding: 0px 30px;
	}

	.signUpLg {
		max-width: 100%;
	}

	.az-signin-header .custom-file-label::after {
		padding: .45rem .6rem;
	}

	.left-side-menu {
		z-index: 10 !important;
	}

	.logo-box {
		background-color: #000
	}

	.enlarged .footer .left {
		justify-content: center
	}

	.sidebar-enable .left-side-menu {
		display: block;
	}

	.search-btn-advanced {
		margin-top: 10px
	}

	.enlarged .logo span.logo-sm {
		display: none
	}

	.enlarged .logo span.logo-lg {
		display: block
	}

	.enlarged .logo span.logo-sm img {
		width: 65px
	}

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

		.navbar-custom .float-right {
			padding: 0px
		}


	.enlarged .footer {
		width: auto
	}

	search-btn-advanced {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.search-btn-advanced {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.cardAuthenticationUser .card-body {
		padding: 0px 30px;
	}
	.signUpLg {
		max-width: 100%;
	}
	.az-signin-header .custom-file-label::after {
		padding: .45rem .6rem;
	}
	.left-side-menu {
		
		z-index: 10 !important;
	}
	.logo-box {
		background-color:#000
	}
	.enlarged .footer .left{
		justify-content:center
	}
	.sidebar-enable .left-side-menu {
		display: block;
	}
	.search-btn-advanced{
		margin-top:10px
	}
	.enlarged .logo span.logo-sm {
		display: none
	}

	.enlarged .logo span.logo-lg {
		display: block
	}
	.enlarged .logo span.logo-lg img {
		width: 65px
	}
	.navbar-custom {
		padding-left: 0px;
	}
		.navbar-custom .float-right {
			padding: 0px
		}

	.enlarged .footer{
		width:auto
	}

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

	.page-title-box .page-title-right {
		display: none
	}

	.advancedSearch .normal-search {
		gap: 20px
	}

	.companySearch {
		margin-left: 0px;
	
	}

	.resultTable {
		display: table !important;
		margin: auto;
		text-align: center;
		margin-bottom: 10px;
		width: 100%;
	}
		.resultTable .ResultLabel {
			margin: 0px;
			margin-bottom: 5px;
			display: table;
			width: 100%;
			padding: 8px 0px;
		}
	.resultTable .legend-on-off-line .d-flex {
		flex-direction: column;
		margin-right: 0px !important;
	}

			.resultTable .legend-on-off-line .d-flex div {
				margin-left: 0px !important;
				margin-right: 0px !important
			}

	.cardAuthenticationUser .card-body {
		padding: 0px 15px;
	}
		.cardAuthenticationUser .card-body label {
			font-size: 13px !important;
			color: #090E3A;
		}
	.navbar-custom .float-right {
		padding:0px
	}
	.logo-box {
		background-color: transparent;
		height: 90px;
		width: 100px;
		float: left;
		-webkit-transition: all .2s ease-out;
		transition: all .2s ease-out;
		display:block
	}
	.logo span.logo-lg {
		display: none
	}
	.logo span.logo-sm {
		display: block;
	}
	.logo span.logo-sm img{
		width:100px
	}
	.navbar-custom {
		padding-left: 20px;
		
	}
	.notificationsContent .list-group-item{
		padding-right:0px;
		padding-left:0px
	}
		.notificationsContent .list-group-item .text-secondary, .flex-fill2 .text-secondary {
			flex-wrap: wrap
		}
	.pagination {
		overflow-x: auto;
		padding: 0px 10px;
		justify-content: flex-start !important;
	}
	.companySearch .btn-sm {
	
		margin-bottom: 10px;
	}
	#CaptchaText{
		margin-top:20px
	}
	.authentication-page .account-pages .c-lang, .signUpLg .c-lang {
		width: auto !important
	}
	.az-signin-header .custom-file-label::after {
		padding: 0px 10px;
		border-radius: 0px;
		line-height: 30px;
	}
	.companySearchPublicReq {
		justify-content: flex-end !important;
		margin-right: 10px;
		display:flex
	}
		.companySearchPublicReq .btn-sm {
			width: auto;
			margin: inherit;
			margin-bottom: 15px;
			margin-top:0px;
			margin-right:0px
		}
		.nav-user {
			padding: 0px !important
		}
	.search-btn-advanced .btn {
		margin-right: 5px;
		padding: .45rem .4rem !important
	}
	.modal-title{
		font-size:14px
	}
	.detailsbtn {
		padding: 10px 7px !important;
		font-size: 10px;
	}
	.page-title-box{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap
	}
	.breadcrumb-item > a {
		font-size: 12px;
	}
	.page-title-box .page-title{
		font-size:14px;
		float:none !important
	}
	.page-title-box .breadcrumb{
		float:none !important
	}
	.breadcrumb-item + .breadcrumb-item::before {
		padding-right: .3rem;
	}
	.breadcrumb-item + .breadcrumb-item {
		padding-left: .1rem;
	}
	.modal-lg {
	
	}
	.navbar-custom .topnav-menu .nav-link {
		padding: 0 4px;
	}
	#dvDetails .row{
		display:block;
	}
	#dvDetails .row .parent{
		justify-content:center
	}
	table.tableFixHead{
		margin-top:0px !important;
		margin-bottom:0px !important
	}
	.card-dashboard-nine{
		overflow:hidden
	}
}
@media (max-width: 344px) {
	.navbar-custom {
		padding-left: 10px;
	}
	.logo-box{
		width:90px
	}
	.search-btn-advanced .btn {
		margin-left: 5px;
		padding: .45rem .5rem;
		margin-right: 0px;
		font-size: 10px;
	}
	.notification-list .noti-icon {
		font-size: 18px;
	}
}
@media (max-width: 375px) {
	#RequestTrack .card-body {
		padding: 1.25rem 0px !important;
	}
}
#wrapper {
	min-height: 100%
}
.tooltip-header {
	font-size: 16px;
	font-weight: bold;
	color: #ff7d7ec4;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.tooltip-body p {
	font-size: 14px;
	display: flex;
	align-items: center;
}

.tooltip-body .info {
	padding-right: 5px;
}

.copy-btn {
	border: none;
	background: transparent;
	cursor: pointer;
	margin-left: auto;
	font-size: 14px;
	color: #666;
}

	.copy-btn:hover {
		color: #28a745;
	}

	.copy-btn.copied {
		color: green;
	}
.driver-tooltip-box.rtl, .client-tooltip-box.rtl {
	direction: ltr !important;
	text-align: left !important;
}

.driver-tooltip-box.ltr, .client-tooltip-box.ltr {
	direction: ltr !important;
	text-align: left !important;
}
/**********added by samah 3 / 11 /2025  */
.track-request-block .track .step.wait:before {
	background: #ffc107;
}

.track-request-block .track .step.wait .icon {
	background: #ffc107;
	color: #fff
}

.track-request-block .track .step.reject:before {
	background: #ff0000;
}

.track-request-block .track .step.reject .icon {
	background: #ff0000;
	color: #fff
}



/* Top tabs + filters */
.dashboardNewAdmin .top-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.dashboardNewAdmin .tabs-left {
	display: flex;
	align-items: center;
	gap: 0px;
	flex-wrap: nowrap;
	background-color: #fff;
	border-radius: 15px;
	padding: 10px;
}

.dashboardNewAdmin .module-tab {
	padding: 15px 20px;
	border-radius: 10px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: none;
}

	.dashboardNewAdmin .module-tab.active {
		background: #000;
		color: #fff;
	}

	.dashboardNewAdmin .module-tab.inactive {
		background: #fff;
		color: #999AA0;
	}

.dashboardNewAdmin .filters {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.dashboardNewAdmin .filter-block {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 160px
}
	.dashboardNewAdmin .filter-block img {
		position: absolute;
		left: 10%;
		top: 50%;
		transform: translateY(-50%);
	}

	.dashboardNewAdmin .filter-label {
		font-size: 12px;
		color: var(--muted);
		font-weight: 700;
		margin-right: 6px;
	}

.dashboardNewAdmin .filter-select,
.dashboardNewAdmin .filter-input {
	padding: 8px 10px;
	border-radius: 5px;
	border: 1px solid #ECE9F1;
	background: #F9F9F9;
}

.dashboardNewAdmin .top-panel .buttons {
	display: flex;
	gap: 5px
}
	.dashboardNewAdmin .top-panel .buttons button {
		border: 1px solid;
		border-radius: 4px;
		text-align: center;
		color: #fff;
		padding: 10px;
	}
		.dashboardNewAdmin .top-panel .buttons button:first-child {
			background-color: #000;
			border-color: #000
		}
		.dashboardNewAdmin .top-panel .buttons button:last-child {
			background-color: #fff;
			border-color: #ECE9F1
		}


/* KPIs: 5 cards */
.dashboardNewAdmin .kpis {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin-top: 6px;
}

.dashboardNewAdmin .kpi {
	background: #fff;
	border-radius: 16px;
	padding: 14px 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.dashboardNewAdmin .kpi-top {
	display: flex;
	align-items: center;
	gap: 5px;
	width: 100%;
}

.dashboardNewAdmin .kpi-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EC2329;
	font-size: 18px;
	color: #2e6bd6;
}
.dashboardNewAdmin .kpi-top .num{
	border-radius:10px;
	padding:10px
}
	.dashboardNewAdmin .kpi-top .num.valid {
		background-color: #D9F9E7
	}
	.dashboardNewAdmin .kpi-top .num.error {
		background-color: #FCDFE0
	}
	.dashboardNewAdmin .kpi-value {
		font-weight: 800;
		font-size: 18px;
		color: #000
	}

.dashboardNewAdmin .kpi-sub {
	font-size: 12px;
	color: var(--muted);
}

.dashboardNewAdmin .kpi-title {
	margin-top: 0px;
	font-weight: 700;
	color: #999AA0;
	font-size: 16px;
}

/* main grid */
.dashboardNewAdmin .main-grid {
	display:flex;
	gap:5px;
	margin-top: 15px;
	margin-bottom:15px
}

.dashboardNewAdmin .card-box {
	width: 50%;
	padding: 0px;
	border-radius: 12px;
	margin-bottom:0px;
	max-height:460px
}

.dashboardNewAdmin .chart-wrap {
	height: 260px;
}

.dashboardNewAdmin .small-chart {
	height: 120px;
}

/* table */
.dashboardNewAdmin .table thead th {
	background: transparent;
	border-bottom: 0;
	color: #6b7280;
	font-weight: 700;
}

.dashboardNewAdmin .table tbody tr td {
	vertical-align: middle;
}

/* right column */
.dashboardNewAdmin .calendar-col {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dashboardNewAdmin .datepicker-input {
	width: 100%;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #e6e9ee;
}

/* responsive */
@media (max-width: 1100px) {
	.main-grid {
		grid-template-columns: 1fr;
	}

	.kpis {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 700px) {
	.kpis {
		grid-template-columns: 1fr;
	}

	.filters {
		flex-direction: column;
		align-items: stretch;
	}

	.filter-select {
		min-width: 100%;
	}
}

/* === Floating Label على الـ Border بدون خلفية === */
.dashboardNewAdmin .filter-block {
	position: relative;
	
	display: inline-block; /* مهم للـ pseudo-element */
}

	/* الـ label (floating فوق الـ border) */
	.dashboardNewAdmin .filter-block .filter-label {
		position: absolute;
		top: -10px;
		right: 12px;
		padding: 0 6px;
		font-size: 13px;
		font-weight: 600;
		color: #495057;
		pointer-events: none;
		transition: all 0.2s ease;
		z-index: 2;
		/* السحر: إخفاء الـ border تحت النص بدون خلفية */
		background: linear-gradient(to bottom, transparent 50%, #f4f6f9 50%);
		background-clip: padding-box;
		-webkit-background-clip: padding-box;
	}



/* الـ select و input */
.dashboardNewAdmin .filter-select,
.dashboardNewAdmin .filter-input {
	width: 100%;
	padding: 12px 12px 12px 12px; /* padding متساوي */
	border: 1px solid #999AA0;
	border-radius: 5px;
	font-size: 15px;
	background: #F9F9F9; /* نفس لون الخلفية للـ cut-out */
	outline: none;
	position: relative;
	z-index: 0;
	transition: all 0.3s ease;
}
.dashboardNewAdmin .filter-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
}
.dashboardNewAdmin .img-select:after {
	content: '';
	background: url('../images/dashboard/17.png') no-repeat center;
	background-size: 16px;
	width: 12px;
	height: 12px;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	position: absolute
}
	/* زر المسح */
	.dashboardNewAdmin .btn-clear {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 10px 16px;
		background: #EC2329;
		border: none;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 500;
		color: #495057;
		cursor: pointer;
		transition: all 0.2s ease;
		color: #fff
	}

.dashboardNewAdmin .chart-container-orders {
	max-width: 900px;
	margin: 0 auto;
	background: white;
	border-radius: 12px;
	box-shadow: none;
	padding: 14px;
	overflow: hidden;
}

	.dashboardNewAdmin .chart-container-orders .chart-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}

	.dashboardNewAdmin .chart-container-orders .chart-title {
		font-size: 22px;
		font-weight: 700;
		color: #2c3e50;
	}

	.dashboardNewAdmin .chart-container-orders .chart-tabs {
		display: flex;
		gap: 8px;
		background: #f1f3f5;
		padding: 4px;
		border-radius: 8px;
	}

	.dashboardNewAdmin .chart-container-orders .tab {
		padding: 8px 16px;
		font-size: 14px;
		border-radius: 6px;
		cursor: pointer;
		transition: all 0.2s;
	}

		.dashboardNewAdmin .chart-container-orders .tab.active {
			background: #2c3e50;
			color: white;
		}

		.dashboardNewAdmin .chart-container-orders .tab:hover:not(.active) {
			background: #e2e6ea;
		}

	.dashboardNewAdmin .chart-container-orders .legend {
		display: flex;
		justify-content: center;
		gap: 24px;
		margin-top: 16px;
		font-size: 14px;
	}

	.dashboardNewAdmin .chart-container-orders .legend-item {
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.dashboardNewAdmin .chart-container-orders .legend-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
	}

	.dashboardNewAdmin .chart-container-orders .apexcharts-tooltip {
		background: white !important;
		border: 1px solid #ddd !important;
		box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
	}
	/* حالات الطلبات*/
.dashboardNewAdmin .requset-status {
	width:20%
}
.requset-status .chart-card {
	background: white;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	padding: 20px;
	text-align: center;
}

.requset-status .legend {
	margin-top: 30px;
}

.requset-status .legend-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 12px 0;
	font-size: 15px;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 20px;
}
	.requset-status .legend-item:last-child{
		border-bottom:0px;
		padding-bottom:0px
	}
	.requset-status .legend-color {
		width: 12px;
		height: 12px;
		border-radius: 50%;
		display: inline-block;
	}

.requset-status .legend-text {
	flex: 1;
	text-align: right;
	margin-right: 12px;
	color: #999AA0;
	font-weight: bold;
	font-size: 16px;
}

.requset-status .legend-value {
	font-weight: 700;
	color: #1f2937;
}
/* حالة السائقين حاليا */

.driverCurrent-status{
	width:30%
}
.driverCurrent-status .card {
	background: white;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	padding: 20px;
}

.driverCurrent-status .title {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
}

.driverCurrent-status .legend {
	display: flex;
	justify-content: space-between;
	margin-top: 0px;
	font-size: 16px;
}

.driverCurrent-status .legend-item {

}

.driverCurrent-status .dotdd {
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

	.driverCurrent-status .value {
		font-size: 18px;
		font-weight: 700;
		color: #242424;
		display:block
	}
.driverCurrent-status .label {
	color: #6b7280;
	font-size: 15px;
}
/*  حالة التأمين على الرحلات*/
.safety-status .chart-card {
	text-align:right;
	height:100%
}
.safety-status .chart-card .title{
	color:#000;
	font-size:18px
}
/* نوع الشاحنه*/
.trunkTypeSection {
	width: 30%;

}

	.trunkTypeSection .truck-stats-card {
		background: white;
		border-radius: 16px;
		padding: 20px;
		box-shadow: 0 10px 30px rgba(0,0,0,0.08);
		border: 1px solid #e2e8f0;
		height: 100%;
	}

	.trunkTypeSection .card-title {
	
		font-weight: 700;
		font-size: 18px;
		color: #333;
		margin-bottom: 30px;
	}

	/* كل عنصر شاحنة */
	.trunkTypeSection .truck-item {
		margin-bottom: 15px;
		border-bottom: 1px solid #E3E8EF;
		padding-bottom: 15px;
	}
		.trunkTypeSection .truck-item:last-child{
			border-bottom:0px
		}
		/* الـ bar + النص تحته */
		.trunkTypeSection .progress-wrapper {
			display: flex;
			flex-direction: row-reverse;
			justify-content: space-between
		}

	.trunkTypeSection .progress {
		height: 16px;
		background-color: transparent;
		border-radius: 50px;
		overflow: hidden;
		box-shadow: none;
	}

	.trunkTypeSection .progress-bar {
		height:16px;
		background-color: #222222;
		border-radius: 16px;
		width: 0; /* للأنيميشن */
		transition: width 1.4s ease-in-out;
	}

	/* النسبة على اليمين */
	.trunkTypeSection .percentage {
		font-size: 16px;
		font-weight: 700;
		color: #1e293b;
	
		text-align: left;
	}

	/* النص تحت الـ bar */
	.trunkTypeSection .truck-label {
		font-weight: 600;
		color: #999AA0;
		font-size: 16px;
		text-align: left;
	}

	/* أنيميشن عند التحميل */
	.trunkTypeSection .truck-item:nth-child(1) .progress-bar {
		width: 75%;
	}

	.trunkTypeSection .truck-item:nth-child(2) .progress-bar {
		width: 60%;
	}

	.trunkTypeSection .truck-item:nth-child(3) .progress-bar {
		width: 45%;
	}

	.trunkTypeSection .truck-item:nth-child(4) .progress-bar {
		width: 50%;
	}
	/* عدد الرحلات اليوميه*/
.dialyTripsNumbers{
	width:50%;
}
.dialyTripsNumbers .chart-card {
	background: white;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
	height:100%;
	margin: 0 auto;
	border: 1px solid #e5e7eb;
}

.dialyTripsNumbers .chart-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0px;
}

.dialyTripsNumbers .chart-title {
	font-size: 22px;
	font-weight: 700;
	color: #1f2937;
}

.dialyTripsNumbers .tabs {
	display: flex;
	gap: 8px;
	background: #f3f4f6;
	padding: 6px;
	border-radius: 12px;
	width: fit-content;
}

.dialyTripsNumbers .tab {
	padding: 8px 20px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
}

	.dialyTripsNumbers .tab.active {
		background: #111827;
		color: white;
	}

	.dialyTripsNumbers .tab:not(.active) {
		color: #6b7280;
	}
	.dialyTripsNumbers .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center, .dialyTripsNumbers .apexcharts-legend.apx-legend-position-top.apexcharts-align-center {
		display: none
	}
	/* أحدث الطلبات*/
.dashboardNewAdmin .latestOrdersHere{
	width:70%
}
.dashboardNewAdmin .latestOrdersHere .card {
	border: none;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
	overflow: hidden;
	height:100%
}

.dashboardNewAdmin .latestOrdersHere .card-header {
	background: white;
	border-bottom: 1px solid #e5e7eb;
	padding: 20px;
}

.dashboardNewAdmin .latestOrdersHere .table-title {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin: 0;
}

.dashboardNewAdmin .latestOrdersHere .pagination-sm .page-item .page-link {
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0px;
	color: #6b7280;
	font-weight: 500;
	background-color:#eee
}

.dashboardNewAdmin .latestOrdersHere .pagination-sm .page-item.active .page-link {
	background: #111827;
	border-color: #111827;
	color: white;
}

.dashboardNewAdmin .latestOrdersHere .pagination-sm .page-item.disabled .page-link {
	background: #f3f4f6;
	color: #9ca3af;
}

.dashboardNewAdmin .latestOrdersHere .form-control-sm {
	border-radius: 12px;
	background: #f3f4f6;
}

.dashboardNewAdmin .latestOrdersHere .table {
	margin-bottom: 0;
}


	.dashboardNewAdmin .latestOrdersHere .table thead tr {
		background: #eee;
	}
	.dashboardNewAdmin .latestOrdersHere .table thead th {
		border: none;
		font-weight: 600;
		color: #999AA0;
		font-size: 16px;
		padding: 16px 12px;
	}
	.dashboardNewAdmin .latestOrdersHere .table td {
		border: none;
		padding: 16px 12px;
		vertical-align: middle;
		font-size: 15px;
		color: #374151;
	}

	.dashboardNewAdmin .latestOrdersHere .table tr {
		background: white;
		transition: all 0.2s;
	}

		.dashboardNewAdmin .latestOrdersHere .table tr:hover {
			background: #f8fafc;
		}

.dashboardNewAdmin .latestOrdersHere .status-badge {
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
}

	.dashboardNewAdmin .latestOrdersHere .status-pending {
		background: #FFF1C2;
		color: #F89500;
	}
/* أم توصيل */
	.dashboardNewAdmin .latestOrdersHere .status-processing {
		background: #E7FFEF;
		color: #027A48;
	}
/* أم تبرعية */
	.dashboardNewAdmin .latestOrdersHere .status-cancelled {
		background: rgba(252, 233, 233, 0.5);
		color: #E52727;
	}
/* ملغية */
	.dashboardNewAdmin .latestOrdersHere .status-rejected {
		background: #F0F0F0;
		color: #222;
	}
/* متبعة للصلاحية */
.dashboardNewAdmin .latestOrdersHere .status-completed {
	background: #f3f4f6;
	color: #4b5563;
}
/* ملغية */

.dashboardNewAdmin .latestOrdersHere .user-img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	margin-left: 8px;
}



.dashboardNewAdmin .latestOrdersHere .date-time {
	color: #6b7280;
	font-size: 14px;
}
.latestOrdersHere .card-header .form-inline {
	position: relative
}
	.latestOrdersHere .card-header .form-inline input {
		background-color: #F0F0F0;
		border-radius: 8px;
		padding-right: 25px;
		width: 190px;
	}
	.latestOrdersHere .card-header .form-inline button {
		position: absolute;
		border: 0;
		background-color: transparent;
		color: rgba(0, 0, 0, .3);
	}
.dashboardNewAdmin .latestOrdersHere nav {
	display: flex
}
.dashboardNewAdmin .latestOrdersHere .pagination {
	padding-right: 15px
}
.dashboardNewAdmin .latestOrdersHere .text-muted {
	color:#333 !important;
	font-size:13px;
}


/* اجمالى ربح النورس*/
.allProfilt{
	width:30%
}
	.allProfilt .profit-card {
		background: #FEFEFE;
		border-radius: 16px;
		padding: 20px;
		margin: 0 auto;
		height:100%
	
	}

.allProfilt .card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding:0px
}

.allProfilt .year-btn {
	background: #f3f4f6;
	border: none;
	padding: 10px 20px;
	border-radius: 12px;
	font-weight: 600;
	color: #374151;
	font-size: 16px;
}

.allProfilt .card-title {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin: 0;
}

	.allProfilt .gauge-container {
		position: relative;
		height: 180px;
		border-bottom: 1px solid #F0F0F0;
	}
	.allProfilt .col-12 {
		padding-top: 20px;
	}
.allProfilt .gauge-text {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

	.allProfilt .total-profit {
		font-size: 18px;
		font-weight: 900;
		color: #333;
		margin: 0;
	}

	.allProfilt .profit-label {
		font-size: 10px;
		color: #999AA0;
		margin: 8px 0 4px;
	}

	.allProfilt .profit-growth {
		font-size: 10px;
		color: #999AA0;
		font-weight: 600;
	}

	.allProfilt .bar-item {
	
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-start;
	}

	.allProfilt .bar-label {
		font-size: 8px;
		color: #999AA0;
		margin-bottom: 8px;
		font-weight: 600;
		text-align: left;
		width: 12%;
	}

	.allProfilt .progress {
		height: 20px;
		background: #F0F0F0;
		border-radius: 4px;
		overflow: hidden;
		display: flex;
		justify-content: end;
		width: 100%
	}

	.allProfilt .progress-bar {
		border-radius: 4px;
		font-weight: 700;
		color: white;
		display: flex;
		font-size: 10px;
		padding-left:10px;
		text-align:left
	}

.allProfilt .xaxis-label {
	text-align: center;
	color: #6b7280;
	font-size: 14px;

}
	.allProfilt .bg-secondary {
		background-color: #C4C4C4 !important;
	}
	/* فلتر الطلب*/
.dashboardNewAdmin .filteration{
	width:20%
}
.dashboardNewAdmin .filteration .filter-sidebar {
	background: white;
	box-shadow: -8px 0 30px rgba(0,0,0,0.12);
	z-index: 1050;
	padding: 24px;
	overflow-y: auto;
	height:100%;

}

.dashboardNewAdmin .filteration .filter-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e5e7eb;
}

	.dashboardNewAdmin .filteration .filter-title {
		font-size: 14px;
		font-weight: 600;
		color: #333;
		margin: 0;
	}

.dashboardNewAdmin .filteration .close-filter {

	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s;
	color:#000
}



.dashboardNewAdmin .filteration .filter-section {
	margin-bottom: 32px;
}

	.dashboardNewAdmin .filteration .section-title {
		font-size: 17px;
		font-weight: 700;
		color: #333;
		margin-bottom: 16px;
	}
	/* تعطيل شغل Bootstrap 4 على الـ checkbox */
	
	.dashboardNewAdmin .filteration .form-check {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom:14px
	}

	.dashboardNewAdmin .filteration .form-check-input {
		position: relative !important; /* الحل الصحيح */
		width: 22px;
		height: 22px;
		margin-top: 2px;
		border-radius: 6px;
		border: 2.5px solid #F0F0F0;
		background-color: #F0F0F0;
		cursor: pointer;
		appearance: none;
		position: relative;
	}

		.dashboardNewAdmin .filteration .form-check-input:checked {
			background-color: #F04A4A !important;
			border-color: #F04A4A !important;
		}

		.dashboardNewAdmin .filteration .form-check-input:checked::after {
			content: '';
			position: absolute;
			top: 2px;
			left: 6px;
			width: 6px;
			height: 11px;
			border: solid white;
			border-width: 0 3px 3px 0;
			transform: rotate(45deg);
		}
		.dashboardNewAdmin .filteration .form-check-input:hover {
			border-color: #dc2626;
		}
		.dashboardNewAdmin .filteration .form-check-input:focus {
			box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2);
		}
	.dashboardNewAdmin .filteration .form-check-label {
		color: #999AA0;
		cursor: pointer;
		margin: 0;
		font-size: 13px !important;
		font-family: 'IBM Plex Sans Arabic', sans-serif;
	}

.dashboardNewAdmin .filteration .count-badge {
	background: #fee2e2;
	color: #991b1b;
	font-size: 13px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 20px;
	min-width: 36px;
	text-align: center;
}

/* اكتوبر 2025*/
.calenderDay{
	width:80%;
	background-color:#fff
}
	.calenderDay .wrap {
		max-width: 100%;
		margin: 0 auto;
		display: flex;
		gap: 20px;
		align-items: flex-start
	}


/* Sidebar */
	.calenderDay .side {

		background: #fff;
		border-radius: 12px;
		padding: 18px;
		box-shadow: 0 7px 9px -6px rgba(69,81,92,0.1);
		height: 100%;
		overflow: auto
	}

		.calenderDay .side h3 {
			margin: 0 0 12px;
			font-size: 18px
		}

	.calenderDay .ref-img {
		width: 100%;
		border-radius: 8px;
		margin-bottom: 12px;
		border: 1px solid #eee
	}

	.calenderDay .empty {
		color: #6b7280;
		font-size: 14px
	}


	.calenderDay .detail-card {
		background: linear-gradient(90deg,#fff,#fbfbff);
		border-radius: 10px;
		padding: 12px;
		margin-bottom: 12px;
		border-left: 6px solid rgba(0,0,0,0.05);
		box-shadow: 0 4px 8px rgba(0,0,0,0.03)
	}

	.calenderDay .detail-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px
	}

	.calenderDay .status-badge {
		padding: 6px 10px;
		border-radius: 18px;
		font-weight: 700;
		font-size: 13px;
		color: #fff
	}

	.calenderDay .status-pending {
		background: linear-gradient(90deg,#ffefef,#ffdede);
		color: #b91c1c
	}

	.calenderDay .status-award {
		background: linear-gradient(90deg,#f0fdf4,#d1fae5);
		color: #047857
	}

	.calenderDay .detail-title {
		font-weight: 800;
		font-size: 16px
	}

	.calenderDay .detail-row {
		display: flex;
		justify-content: space-between;
		color: #6b7280;
		font-size: 13px;
		margin-top: 8px
	}

		.calenderDay .detail-row strong {
			color: #111;
			font-weight: 700
		}

	.calenderDay .address {
		font-size: 13px;
		color: #374151;
		margin-top: 8px
	}

	.calenderDay .cost {
		margin-top: 10px;
		color: #111;
		font-weight: 800
	}

	.calenderDay .small-meta {
		font-size: 12px;
		color: #6b7280;
		margin-top: 6px
	}


/* Calendar */
	.calenderDay .card {
		flex: 1;
		background: #fff;
		border-radius: 12px;
		padding: 18px;
		box-shadow: 0 7px 9px -6px rgba(69,81,92,0.1);
	}

		.calenderDay .card .header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 12px
		}

			.calenderDay .card .header .title {
				font-size: 20px;
				font-weight: 800
			}

	.calenderDay .month-controls {
		display: flex;
		gap: 10px;
		align-items: center
	}

		.calenderDay .month-controls select, .calenderDay .month-controls button {
			padding: 8px 10px;
			border-radius: 8px;
			border: 1px solid #e5e7eb;
			background: #fff;
			cursor: pointer
		}

	.calenderDay .calendar {
		width: 100%;
		border-radius: 10px;
		border: 1px solid #eaeaea;
		padding: 12px;
		background: linear-gradient(180deg,#fff,#fbfcff)
	}

	.calenderDay .weekdays {
		display: grid;
		grid-template-columns: repeat(7,1fr);
		gap: 6px;
		margin-bottom: 8px
	}

		.calenderDay .weekdays div {
			text-align: center;
			color: #6b7280;
			font-weight: 700;
			padding: 8px 6px
		}

	.calenderDay .days-grid {
		display: grid;
		grid-template-columns: repeat(7,1fr);
		gap: 8px
	}

	.calenderDay .day {
		min-height: 110px;
		border-radius: 8px;
		padding: 8px;
		background: transparent;
		border: 1px dashed transparent;
		position: relative
	}

		.calenderDay .day.empty {
			background: transparent
		}

		.calenderDay .day .day-num {
			position: absolute;
			top: 8px;
			left: 8px;
			font-weight: 800;
			color: #374151
		}

	.calenderDay .events {
		margin-top: 28px;
		display: flex;
		flex-direction: column;
		gap: 8px
	}


	.calenderDay .ev {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 8px;
		border-radius: 10px;
		cursor: pointer;
		font-size: 13px;
		color: #111;
		overflow: hidden;
		border: 1px solid rgba(0,0,0,0.03)
	}

		.calenderDay .ev .color-bar {
			width: 6px;
			height: 44px;
			border-radius: 6px
		}

		.calenderDay .ev .info {
			display: flex;
			flex-direction: column
		}

			.calenderDay .ev .info b {
				font-weight: 800;
				font-size: 13px
			}

			.calenderDay .ev .info span {
				font-size: 12px;
				color: var(--muted)
			}


/* status styles in calendar match sidebar colors */
	.calenderDay .cal-pending {
		background: linear-gradient(90deg,#fff6f6,#fff);
		border-left: 4px solid rgba(239,68,68,0.15)
	}

	.calenderDay .cal-award {
		background: linear-gradient(90deg,#f0fdf4,#fff);
		border-left: 4px solid rgba(16,185,129,0.15)
	}

	.calenderDay .cal-complete {
		background: linear-gradient(90deg,#f8fafc,#fff);
		border-left: 4px solid rgba(59,130,246,0.15)
	}

.calenderDay .cal-wait {
	background: linear-gradient(90deg,#fff9f0,#fff);
	border-left: 4px solid rgba(245,158,11,0.15)
}


	.calenderDay .ev:hover {
		transform: translateY(-3px)
	}

	.calenderDay .ev.small {
		padding: 6px
	}

@media(max-width:980px) {
	.calenderDay .wrap {
		flex-direction: column
	}

	.calenderDay .side {
		width: 100%;
		order: 2;
		height: auto
	}

	.calenderDay .card {
		order: 1
	}
}
.dashboardNewAdmin .top-panel .searchHere {
	padding: 10px 16px;
	background-color: #000;
	color: #fff;
}
.dashboardNewAdmin .advanced-search {
	background: #F8FFFB;
	border: 1px solid #98D7AE;
	padding: 25px;
	border-radius: 12px;
	margin-top: 15px;

}

.dashboardNewAdmin .hide {
	display: none !important;
}

.dashboardNewAdmin .input-group-custom {
	margin-bottom: 18px;
}

	.dashboardNewAdmin .input-group-custom label {
		display: block;
		margin-bottom: 6px;
		font-size: 15px;
		color: #555;
	}

.dashboardNewAdmin .input-with-icon {
	position: relative;
}

	.dashboardNewAdmin .input-with-icon img {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		width: 18px;
		opacity: 0.7;
	}

..dashboardNewAdmin input-with-icon input {
	width: 100%;
	padding: 10px 35px 10px 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.dashboardNewAdmin .advanced-btn {
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px 15px;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
}