/*Default*/
.color-base {
    color:#4886ff;
}
.color-red, .color-level-1 {
    color:red;
}
.color-blue, .color-level-2 {
    color:blue;
}
.color-green, .color-level-3 {
    color:green;
}
.color-orange {
    color:#fa7d03;
}

.mg-bt-half-1 {
    margin-bottom: .5rem !important;
}
.form-group .sub-title {
    font-size: .8rem !important;
}
.sub-title {
    font-size: 15px;
}
.cursor-pointer{
	cursor: pointer;
}
.fs-0-5 {
	font-size: .5rem;
}
.fs-0-8 {
	font-size: .8rem;
}
.fs-1-1 {
	font-size: 1.1rem;
}
.fs-1-2 {
	font-size: 1.2rem;
}
.drag-handle{
	cursor:move;
}
/*END-Default*/
/*Sidebar*/
.component-list-tab-sidebar {
	height: 465px;
	overflow: auto;
}
.show-form-overlay, .show-form-overlay-child {
    position: fixed;
    background-color: rgba(37, 36, 36, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1030;
}

.user-box {
    height: 100%
}

.user-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block
}

.p-chat-user {
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100%;
    z-index: 1030;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 11px -2px rgba(0,0,0,.3);
    box-shadow: -2px 0 11px -2px rgba(0,0,0,.3)
}

.p-chat-user .chat-search-box {
    padding: 20px
}

.p-chat-user .userlist-box {
    cursor: pointer;
    border-bottom: 1px solid #efefef
}

.p-chat-user .userlist-box .media-left {
    padding-right: 10px
}

.showChat_inner {
    position: fixed;
    top: 0;
    background-color: #fff;
    right: 0;
    display: none;
    width: 280px;
    height: 100%;
    z-index: 1032
}

.showChat_inner .chat-reply-box {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 20px 0;
    border-top: 1px solid #ccc
}

.showChat_inner .chat-inner-header {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding: 20px
}

.showChat_inner .chat-messages {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.showChat_inner .chat-messages .chat-menu-content>div,.showChat_inner .chat-messages .chat-menu-reply>div {
    position: relative;
    overflow: visible;
    display: inline-block
}

.showChat_inner .chat-messages .chat-menu-content>div .chat-cont,.showChat_inner .chat-messages .chat-menu-reply>div .chat-cont {
    padding: 10px;
    margin-bottom: 0
}

.showChat_inner .chat-messages .chat-menu-content .chat-time,.showChat_inner .chat-messages .chat-menu-reply .chat-time {
    margin: 9px 8px 0 10px
}

.showChat_inner .chat-messages .chat-menu-reply {
    text-align: right;
    padding-right: 10px
}

.showChat_inner .chat-messages .chat-menu-reply>div {
    border-radius: 10px 10px 0;
    background: #f2f7fb
}

.showChat_inner .chat-messages .chat-menu-reply>div:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #f2f7fb;
    border-bottom-color: #f2f7fb
}

.showChat_inner .chat-messages .chat-menu-content>div {
    background: #d9ebff;
    border-radius: 0 10px 10px
}

.showChat_inner .chat-messages .chat-menu-content>div:before {
    content: '';
    position: absolute;
    top: 0;
    left: -14px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: #d9ebff;
    border-top-color: #d9ebff
}

.back_chatBox,.back_friendlist {
    margin: 0 auto;
    font-weight: 600
}

.back_chatBox i,.back_friendlist i {
    position: absolute;
    line-height: 18px;
    font-size: 20px;
    left: -40px;
    top: 80px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 9px -2px rgba(0,0,0,.3);
    box-shadow: -2px 0 9px -2px rgba(0,0,0,.3);
    padding: 12px 0 12px 7px;
    border-radius: 50% 0 0 50%;
    width: 40px;
    height: 40px
}

.users-main {
    height: 100%;
    width: 280px;
    position: fixed;
    border-radius: 0
}

.users-main .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.users-main .media .chat-header {
    font-size: 14px;
    font-weight: 600
}

.users-main .media-body div+div {
    font-size: 12px
}

.photo-table img {
    display: inline-block;
    width: 40px;
    margin-bottom: 5px
}

.live-status {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100%;
    border: 1px solid
}

.showChat {
    display: none
}
.toggle-card {
    cursor: pointer;
}

.show-form-edit .show-form-overlay,.show-form-edit .show-form-base,.show-form-edit .show-form-overlay-child {
    display: none;
    font-size: .75rem;
}
.show-form-overlay,.show-form-overlay-child {
    position: fixed;
    background-color: rgba(37,36,36,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1030;
}
.show-form-base .show-form-close {
    margin: 0 auto;
    font-weight: 600;
}
.show-form-base .show-form-close i {
    position: absolute;
    line-height: 18px;
    font-size: 20px;
    left: -40px;
    top: 80px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 9px -2px rgb(0 0 0 / 30%);
    box-shadow: -2px 0 9px -2px rgb(0 0 0 / 30%);
    padding: 12px 0 12px 7px;
    border-radius: 50% 0 0 50%;
    width: 40px;
    height: 40px;
}
.show-form-base,.show-form-base .users-main {
    width: 520px;
}

.show-form-base.form-with-720,.show-form-base.form-with-720 .users-main {
    width: 50%;
}

.show-form-base .chat-search-box {
    padding: 0;
}
.show-form-base .card {
    box-shadow: none;
}

.show-form-base .card{
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.show-form-base.show-from-sidebar-child {
    z-index: 1031;
}
.show-form-base .cke_contents {
    height: 160px !important;
}

.show-form-base .card .card-block .sub-title {
    font-size: .8rem !important;
}
.show-form-base .card .card-header, .show-form-base .card .card-block, .show-form-base .card .card-body {
    padding: 10px 15px 5px;
}
.show-form-base .card .card-header {
    border-bottom: 1px solid #e2e5e8;
}
.show-form-base .card .card-header h5 {
    font-size: .85rem;
}
.show-form-base .card .card-header h4 {
    font-size: 1rem;
}
.show-form-base .form-group-mini {
    width: 65px;
    float: right;
    margin-bottom: 0;
}
.show-form-base .form-group-mini .form-control{
    height: 26px;
    padding: 0.375rem 0.2rem;
    text-align: center;
    display: inline-block;
    width: 35px;
}

.show-form-base .form-group-mini.form-group-payment .form-control{
	height: 20px;
	padding: 0 1px 0 0;
	text-align: right;
	width: 50px;
	border-color: #4886ff;
	color: red;
}

.container-detail-user .form-info-user {
    height: 40px;
    clear: both;
}
.container-detail-user .form-info-user .info-user-img{
    border-radius: 50%;
    background-color: lightblue;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 8px;
    position: absolute;
    width: 40px;
}
.container-detail-user .form-info-user .info-user-group {
    display: inline-block;
    padding-left: 50px;
}
.container-detail-user .form-info-user .info-user-group span{
    display: block;
}
.container-detail-user .form-info-user .info-user-group .info-user-group-name {
    font-weight: bold;
    font-size: 1rem;
}
.show-end-of-sidebar-btn-position {
	position: sticky;bottom: 0;left: 0;width: 100%
}
@media only screen and (max-width: 1360px) {
	.show-form-base.form-with-720,.show-form-base.form-with-720 .users-main {
		width: 75% !important;
	}
}
@media only screen and (max-width: 780px) {
    .show-form-base,.show-form-base .users-main {
        width: 100% !important;
        max-width: 500px;
    }
	.show-form-base.form-with-720,.show-form-base.form-with-720 .users-main {
		width: 100% !important;
		max-width: 100%;
	}
}
/*END-Sidebar*/
/*Addon Card*/
.filter-bar .card-header {
    padding: 20px 25px 10px;
}
.filter-bar .card-header hr {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.card.card-mini-addon .card-body {
    padding: 10px 15px;
}
.card.card-mini-addon .card-header{
    background-color: #4886ff;
    color: #fff;
    padding: 5px 15px;
}
.card.card-mini-addon .card-header h5{
    color: #fff;
    font-size: 15px;
}
.card.card-mini-addon .card-body p {
    font-size: 13px;
}
.card.card-mini-addon .card-header.card-mini-addon-header-green {
    background-color: #7ad835;
}
.card.card-mini-addon .card-header.card-mini-addon-header-yellow {
    background-color: #ced835;
}
.card.card-mini-addon .card-header.card-mini-addon-header-red {
    background-color: #d86235;
}
.title-addon-setting img{
    width: 30px;
}
.title-addon-setting {
    color: #46b0e4;
    font-size: 21px;
}
.card-mini-addon-status {
    position: absolute;
    bottom: 0;
    right: 17px;
}
.card-mini-addon-status.status-active i, .card-mini-addon-status.status-1 i{
    color: #7ad835
}
.card-mini-addon-status.status-deactive i, .card-mini-addon-status.status-2 i{
    color: red
}
/*END-Addon Card*/
/*Modal*/
.modal-custom {
    padding: 10px 15px;
}
@media (min-width: 576px) {
	.modal-dialog-custom {
		max-width: 700px;
	}
}
/*END-Modal*/
/*Sidebar*/
.content-sidebar .checkbox input[type=checkbox] + .cr:before {
    width: 18px;
    height: 18px;
    line-height: 12px;
}
/*END-Sidebar*/
/*Label*/
.info-user-group-label {
    display: inline-block !important;
    font-weight: normal;
}
.info-user-group-label.color-label-1 {
    color: gold;
}
.info-user-group-label.color-label-2 {
    color: red;
}
/*END-Label*/
/*User profile*/
.user-avatar {
	width: 38px;
	height: 38px;
	font-size: 16px;
	display: inline-block;
	padding: 6px;
	color: #fff;
	background-color: #3f47cc;
	line-height: 1.5;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	position: relative;
	font-family: quicksand, sans-serif;
}

.user-avatar.user-avatar-mini {
	width: 22px;
	height: 22px;
	background-color: #c9eeec;
	font-size: 13px;
	line-height: 1;
}

.user-avatar.sex-2 {
	background-color: #FF33CC;
}

.user-avatar.system {
	background-color: #ca3007;
}

.user-avatar:before {
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: -10px;
	right: 3px;
	margin-left: 0;
	margin-right: 0;
	background-size: contain;
}

.user-avatar.general-1:before {
}

.user-avatar.general-2:before {
	bottom: -13px;
}

/*User profile*/
/*Loading*/
.loading-window {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20001;
	background: #000 top left repeat;
	margin: 0;
	padding: 0;
	opacity: .6;
	display: none;
}
.loading-component {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20001;
	backdrop-filter: blur(50px);
	background-color: rgb(255 255 255);
	margin: 0;
	padding: 0;
	opacity: .6;
	display: none;
}
.loading-window .content_loading,.loading-component .content_loading {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -35px;
}

.loading-window .content_loading .circle,.loading-component .content_loading .circle {
	background-color: rgba(0,0,0,0);
	border: 5px solid rgba(0,183,229,0.9);
	opacity: .9;
	border-right: 5px solid rgba(0,0,0,0);
	border-left: 5px solid rgba(0,0,0,0);
	border-radius: 50px;
	box-shadow: 0 0 35px #2187e7;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	-moz-animation: spinPulse 1s infinite ease-in-out;
	-webkit-animation: spinPulse 1s infinite linear;
	box-sizing: content-box;
}
.loading-window .content_loading .circle1,.loading-component .content_loading .circle1 {
	background-color: rgba(0,0,0,0);
	border: 5px solid rgba(0,183,229,0.9);
	opacity: .9;
	border-left: 5px solid rgba(0,0,0,0);
	border-right: 5px solid rgba(0,0,0,0);
	border-radius: 50px;
	box-shadow: 0 0 15px #2187e7;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	top: -50px;
	-moz-animation: spinoffPulse 1s infinite linear;
	-webkit-animation: spinoffPulse 1s infinite linear;
	box-sizing: content-box;
}
.loading-component .content_loading .loader,.loading-process {
	width: 40px;
	aspect-ratio: 1;
	--c: linear-gradient(#0e56e3 0 0);
	--r1: radial-gradient(farthest-side at bottom,#0e56e3 93%,#0000);
	--r2: radial-gradient(farthest-side at top   ,#0e56e3 93%,#0000);
	background:
		var(--c) ,var(--r1),var(--r2),
		var(--c) ,var(--r1),var(--r2),
		var(--c) ,var(--r1),var(--r2);
	background-repeat: no-repeat;
	animation: l2 1s infinite alternate;
}
@-moz-keyframes spinPulse {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@keyframes l2 {
	0%,25% {
		background-size: 8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
		background-position: 0 50%,0 calc(50% - 2px),0 calc(50% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
	}
	50% {
		background-size: 8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
		background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
	}
	75% {
		background-size: 8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
		background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
	}
	95%,100% {
		background-size: 8px 100%,8px 4px, 8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px;
		background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(0% - 2px),100% calc(100% + 2px);
	}
}

.loading-window.show-loading-base {
	position: absolute;
	background: #fbf9f9 top left repeat;
	display: none;
}

.page-header h5, .page-header:not(.breadcumb-sticky) .page-header-title + .breadcrumb > .breadcrumb-item a{
	text-transform: capitalize;
}

/*END-loading*/
/*loading button*/
.loading-img-next-button {
	display: none;
}
/*END-loading button*/
/*sup*/
.sup{
	color: #000;
	font-weight: bold;
}
/*END-sup*/
/*Notification*/
.header-navbar .content-main .navbar-collapse .navbar-nav .header-notification {
	line-height: 4.4;
	padding: 0 20px;
	cursor: pointer;
	position: relative;
}
.header-navbar .content-main .navbar-collapse .navbar-nav .header-notification .show-notification li {
	line-height: initial;
	padding: 1em 20px;
	width: 100%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
}
.header-navbar .content-main .navbar-collapse .navbar-nav .header-notification .show-notification li:first-child {
	padding: 10px 20px;
}
.header-navbar .content-main .navbar-collapse .navbar-nav>.header-notification:nth-child(1) .show-notification li:first-child:hover,.header-navbar .content-main .navbar-collapse .navbar-nav>.header-notification:nth-child(1) .profile-notification li:first-child:hover{background-color:#fff}.header-navbar .content-main .navbar-collapse .header-notification{-webkit-perspective:1000px;perspective:1000px;z-index:99;position:relative}.header-navbar .content-main .navbar-collapse .header-notification .show-notification,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification{background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.3);box-shadow:0 0 20px 0 rgba(0,0,0,.3);border-radius:5px;border:none;opacity:1;position:absolute;left:auto;right:-15px;visibility:visible;overflow:visible;width:24rem;padding:15px 0;-webkit-transform:translateY(20px);transform:translateY(20px)}.header-navbar .content-main .navbar-collapse .header-notification .show-notification.show:before,.header-navbar .content-main .navbar-collapse .header-notification .show.profile-notification:before{content:"";border:10px solid transparent;border-left-color:#fff;border-top-color:#fff;position:absolute;border-radius:3px;top:-8px;right:15px;-webkit-box-shadow:-5px -5px 12px -2px rgba(0,0,0,.3);box-shadow:-5px -5px 12px -2px rgba(0,0,0,.3);-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1002}.header-navbar .content-main .navbar-collapse .header-notification .show-notification a,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification a{color:#333}.header-navbar .content-main .navbar-collapse .header-notification .show-notification li,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification li{line-height:initial;padding:1em 20px;width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header-navbar .content-main .navbar-collapse .header-notification .show-notification li:first-child,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification li:first-child{padding:10px 20px}.header-navbar .content-main .navbar-collapse .header-notification .show-notification li:first-child h6,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification li:first-child h6{display:inline-block;font-size:14px;font-weight:500;margin-bottom:0}.header-navbar .content-main .navbar-collapse .header-notification .show-notification li:first-child label,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification li:first-child label{float:right}.header-navbar .content-main .navbar-collapse .header-notification .show-notification li img,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification li img{width:40px;margin-right:10px}.header-navbar .content-main .navbar-collapse .header-notification .show-notification li:hover,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification li:hover{background-color:#f1f1f1}.header-navbar .content-main .navbar-collapse .header-notification .show-notification.row li:hover,.header-navbar .content-main .navbar-collapse .header-notification .row.profile-notification li:hover{background-color:transparent}.header-navbar .content-main .navbar-collapse .header-notification .show-notification .notification-user,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification .notification-user{font-size:15px;font-weight:500;margin-bottom:5px}.header-navbar .content-main .navbar-collapse .header-notification .show-notification .notification-msg,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification .notification-msg{margin-bottom:5px}.header-navbar .content-main .navbar-collapse .header-notification .show-notification .notification-time,.header-navbar .content-main .navbar-collapse .header-notification .profile-notification .notification-time{font-size:12px;color:#919aa3}.header-navbar .content-main .navbar-collapse .header-notification .profile-notification{width:17em}
.show-notification .slimScrollDiv {
	float: left;
	width: 100% !important;
}
.img-radius.icon-notifications-header {
	width: 25px;
	margin-right: 10px;
	text-align: center;
}
.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 5px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.badge {
	font-size: 80%;
	padding: 0.35em 0.6em;
	font-weight: 600;
}
.badge.badge-pill-question {
	border-radius: 50%;
	padding: 0.15em 0.35em;
}
.badge-pill-question i {font-size: .5rem !important;}
.header-navbar .content-main .navbar-collapse .badge {
	border-radius: 50%;
	right: -12px;
	position: absolute;
	top: 12px;
	color: #fff;
	padding: 4px;
	width: 20px;
	-webkit-animation: not-blink 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
	animation: not-blink 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
}
.notifications-items li .notification-read {
	text-align: right;
	font-size: 12px;
	color: #8c4a55;
	z-index: 11;
	position: absolute;
	bottom: 10px;
	right: 20px;
}
.icon-notifications-header i {
	margin-right: 0;
	color: #4099ff;
}
.img-radius {
	border-radius: 50%;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 5px 10px 0 rgba(43, 43, 43, .2);
	box-shadow: 0 5px 10px 0 rgba(43, 43, 43, .2);
}
/*Notification*/
/*Menu*/
.pcoded-header[class*="header-"] .mobile-menu span,.pcoded-header[class*="header-"] .mobile-menu span:after, .pcoded-header[class*="header-"] .mobile-menu span:before,.pcoded-header[class*="header-"] .mobile-menu:hover span,.pcoded-header[class*="header-"] .mobile-menu:hover span:after, .pcoded-header[class*="header-"] .mobile-menu:hover span:before {
	background-color: #000;
}
@media only screen and (max-width: 991px) {
	.pcoded-header .m-header .mob-toggler {
		color: #000;
	}
}
/*Menu*/
/*Datatable*/
.event-filter-column {
	cursor: pointer;
	position: relative;
}
.event-filter-column:after,.event-filter-column:before {
	position: absolute;
	bottom: 0.5em;
	display: block;
	opacity: 0.3;
}
.event-filter-column:before {
	right: 1em;
	content: "\2191";
}
.event-filter-column:after {
	right: 0.5em;
	content: "\2193";
}
.event-filter-column.asc:before, .event-filter-column.desc:after {
	opacity: 1;
	color: #65d116;
}
/*Datatable*/
/*Dashboard*/
.card-body.card-dash-custom .d-none-date {
	display: none;
}
@media only screen and (max-width: 1366px) and (min-width: 768px) {
	.card-body.card-dash-custom {
		padding: 10px !important;
	}

	.card-body.card-dash-custom .align-self-center {
		margin-right: .5rem !important;
		margin-left: .5rem !important;
	}
	.card-body.card-dash-custom .text-number {
		font-size: 1.5rem;
	}
	.card-body.card-dash-custom .text-date {
		font-size: .5rem;
	}
	.card-body.card-dash-custom .text-title {
		font-size: 1rem;
	}
}
@media only screen and (max-width: 992px)  and (min-width: 768px){
	.card-body.card-dash-custom .d-none-date {
		display: block;
	}
}
/*Dashboard*/
/*swtich back system*/
.menu-styler .switch-back {
	position: fixed;
	right: 0;
	top: 140px;
	z-index: 1031;
	transition: 0.3s ease-in-out;
	width: 45px;
	height: 45px;
	background: #ff484c;
	border-radius: 3px 0 0 3px;
	box-shadow: -4px 0 8px rgba(255, 72, 76, 0.16), -6px 0 8px rgba(0, 0, 0, 0.1);
}
.menu-styler .switch-back i{
	position: absolute;
	right: 9px;
	bottom: 10px;
	font-size: 25px;
	color: #fff;
}
/*swtich back system*/