.d-flex-important { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

#js-global-copy-box { position:relative; width:0; height:0; border: 0px solid white; padding:1px; bottom:0; outline:none; border-color:transparent; box-shadow: none; }

/* SITE LOGO */
.topbar .top-navbar .navbar-header { padding: 0px; text-align: center; }
.mini-sidebar .top-navbar .navbar-header .navbar-brand { padding-right: 0px; }
.mini-sidebar .top-navbar .navbar-header .navbar-brand > * { vertical-align: middle; }
.top-navbar .navbar-header .navbar-brand .crm-logo-mobile { display: none !important; }
.mini-sidebar .top-navbar .navbar-header .navbar-brand .crm-logo-mobile { display: inline-block !important; }
.navbar-header, .navbar-brand { height: 65px !important; line-height: 65px !important; }
.topbar .top-navbar { height: 65px !important; }
.navbar-header .navbar-brand .crm-logo-desktop {
	background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 55px;
    width: 200px;
    display: inline-block;
    margin: 10px 10px 0px 10px;
}
.mini-sidebar .top-navbar .navbar-header .navbar-brand .crm-logo-desktop { display: none; }
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link { padding-left: 10px; padding-right: 10px; line-height: 66px; }
.topbar .top-navbar .nav-link { padding-top: 0px; padding-bottom: 0px; }
.topbar .top-navbar .nav-link-user-initials-circle {
	border-radius: 20px; height: 40px; width: 40px; margin-top: 10px; line-height: 36px;
	display: inline-block; font-size: 13px; text-align: center; font-weight: bold;
	border: 2px solid rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);

	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.topbar .top-navbar .nav-link-user-initials-circle:hover {
	border: 2px solid rgba(255, 255, 255, 0.9);
	color: rgba(255, 255, 255, 0.9);
}

/* NO SEMI-MOBILE SIDE MENU */
.mini-sidebar .footer,
.mini-sidebar .page-wrapper { margin-left: 0px !important; }
@media (min-width: 768px) {
	.mini-sidebar .scroll-sidebar { padding-bottom: unset; position: relative; height: calc(100vh - 70px); }
	.mini-sidebar .sidebar-nav { background: unset; }
	.mini-sidebar .left-sidebar,
	.mini-sidebar .user-profile { width: 220px; left: -220px; }
}

/* FONT-SIZES */
.font-11 { font-size: 11px; }
.font-13 { font-size: 13px; }
.font-15 { font-size: 15px; }
.break-word { word-break: break-word; }

/* MODAL */
@media (min-width: 992px) {
	.modal-xl { max-width:800px; }
}
@media (min-width: 1200px) {
	.modal-xl { max-width:1100px; }
}

/* BOOTSTRAP MARGINS */
.m-05 { margin: 0.125rem!important; }
.mt-05,.my-05 { margin-top: 0.125rem!important; }
.mr-05,.mx-05 { margin-right: 0.125rem!important; }
.mb-05,.my-05 { margin-bottom: 0.125rem!important; }
.ml-05,.mx-05 { margin-left: 0.125rem!important; }

/* COLOR ADDITIONS */
.bg-black-thin { background-color: rgba(0,0,0, 0.03); }
.bg-black-7 { background-color: rgba(0,0,0, 0.07); }
.bg-black-10 { background-color: rgba(0,0,0, 0.1); }
.bg-black-20 { background-color: rgba(0,0,0, 0.2); }
b, strong { font-weight: 700; }
.links-white a { color: #FFF; }
.links-white a:hover { color: #EEE; }

/* FORMS */
textarea.form-control { display: block; }

/* RIGHT-SIDE TITLE LINE */
.title-line-right {
	display: flex;
	align-items: center;
}
.title-line-right:after {
	content: '';
    border-top: 2px solid var(--gray);
    margin: 0 0 0 20px;
    flex: 1 0 20px;
    opacity: 0.4;
}

/* ALTERNATING NESTED BG COLORS */
.alt-nest-bg { background-color: #F8F8F8; }
.alt-nest-bg .alt-nest-bg { background-color: #FFFFFF; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #F8F8F8; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #FFFFFF; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #F8F8F8; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #FFFFFF; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #F8F8F8; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #FFFFFF; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #F8F8F8; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #FFFFFF; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #F8F8F8; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #FFFFFF; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #F8F8F8; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #FFFFFF; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #F8F8F8; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #FFFFFF; }
.alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg .alt-nest-bg { background-color: #F8F8F8; }

/* TITLE LINE COLOR VARIANTS */
.text-info.title-line-right:after { border-color: var(--info); }
.text-red.title-line-right:after { border-color: var(--red); }
.text-orange.title-line-right:after { border-color: var(--orange); }
.text-teal.title-line-right:after { border-color: var(--teal); }
.text-cyan.title-line-right:after { border-color: var(--cyan); }
.text-yellow.title-line-right:after { border-color: var(--yellow); }
.text-primary.title-line-right:after { border-color: var(--primary); }

/* ALERT VARIANT */
.alert-darker { color: #1b1e21; background-color: #00000010; border-color: #00000020; }
.alert-darker hr { border-top-color: #00000020; }
.alert-darker .alert-link { color: #040505 }
.alert-empty-hidden:empty { display: none; }

/* OUTLINE BUTTONS */
.btn-outline-secondary { background-color: transparent; }
.btn-outline-secondary:hover { background-color: rgba(255, 255, 255, 0.15); }

/* LABELS */
.label-default { color: #212529; border: 1px solid #dee2e6; }
.label-white { color: #212529; border: 1px solid #dee2e6; background-color: #FFFFFF; }
.label-cyan { color: #FFFFFF; border: 1px solid var(--cyan); background-color: var(--cyan); }

/* PROGRESS ROWS */
.progress-row > .col:first-child > div { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.progress-row > .col:last-child > div { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

/* HOVER WARNING CAPS */
.hover-warning-cap {
	position: absolute;
	top: 0px; right: 0px; bottom: 0px; left: 0px;
	z-index: 9999;
	cursor: not-allowed;
	margin: -10px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	background-color: rgba(0,0,0,0.2);
	opacity: 0;

	-webkit-transition: all 375ms ease-in-out;
	-moz-transition: all 375ms ease-in-out;
	-o-transition: all 375ms ease-in-out;
	transition: all 375ms ease-in-out;
}
.hover-warning-cap:hover,
.hover-warning-cap:active,
.hover-warning-cap:focus { opacity: 1; }
.hover-warning-cap-text {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* STRIPE BUTTONS */
:root { --stripe: #32325d; }

/* GOOGLE BUTTONS */
.google-button {
	width: 175px;
	height: 40px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url('/view/css/images/google/2023/web_light_sq_SI.svg');
}

/* GOOGLE BUTTONS - OLD*/
/*.google-button {
	width: 191px;
	height: 46px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.google-button { background-image: url('/view/css/images/google/btn_google_signin_dark_normal_web.png'); }
.google-button:hover { background-image: url('/view/css/images/google/btn_google_signin_dark_focus_web.png'); }
.google-button:focus, .google-button:active { background-image: url('/view/css/images/google/btn_google_signin_dark_pressed_web.png'); }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .google-button { background-image: url('/view/css/images/google/btn_google_signin_dark_normal_web@2x.png'); }
	.google-button:hover { background-image: url('/view/css/images/google/btn_google_signin_dark_focus_web@2x.png'); }
	.google-button:focus, .google-button:active { background-image: url('/view/css/images/google/btn_google_signin_dark_pressed_web@2x.png'); }
}*/

/* MICROSOFT BUTTONS */
.microsoft-button {
	width: 215px;
	height: 41px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url('/view/css/images/microsoft/ms-symbollockup_signin_dark.svg');
}

/* SIDE MENU */
.scroll-sidebar { height: calc(100vh - 70px); }
.sidebar-nav ul li a { padding: 10px 15px 10px 15px; }
body.skin-default .sidebar-nav ul li a { color: #7d7d7d; }
body.skin-default .sidebar-nav>ul>li>a i { color: #7d7d7d; }
body.skin-default .sidebar-nav ul li.nav-small-cap { color: #7d7d7d; }
body.skin-default-dark .sidebar-nav ul li a { color: #9c9c9c; }
body.skin-default-dark .sidebar-nav>ul>li>a i { color: #9c9c9c; }
.sidebar-nav>ul>li>a i.fa-fw { width: 1.25em; }
body.skin-default-dark .sidebar-nav ul li.nav-small-cap { color: #9c9c9c; }
nav.sidebar-nav { padding-bottom: 60px; }
.sidebar-nav>ul>li { margin-top: 0px; margin-bottom: 0px; }
.sidebar-nav ul li.nav-small-cap { padding-top: 24px; }
@media (min-width: 768px) {
	.mini-sidebar .sidebar-nav #sidebarnav>li>a { padding: 15px 20px 15px 20px; }
}
.sidebar-nav ul li a span.truncate {
	max-width: 114px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.sidebar-nav ul li a.keyword-domain-truncate > span {
	max-width: 150px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

/* WHITE ACTIVE TEXT ON DARK THEME */
.skin-default-dark.fixed-layout .sidebar-nav>ul>li.active>a { color: #FFFFFF; }
.skin-default-dark.fixed-layout .sidebar-nav>ul>li.active>a i { color: #FFFFFF; }
.skin-default-dark.fixed-layout .sidebar-nav ul li a.active,
.skin-default-dark.fixed-layout .sidebar-nav ul li a:hover { color: #FFFFFF; }
.skin-default-dark.fixed-layout .sidebar-nav ul li a.active i,
.skin-default-dark.fixed-layout .sidebar-nav ul li a:hover i { color: #FFFFFF; }

/* SIDE MENU REFER BUTTON */
.refer-button-container { margin-left: 12px; }
.mini-sidebar .refer-button-container { margin-left: 14px; }
.refer-button-container > a { padding: 5px 9px; }
.skin-default-dark .refer-button-container > a { color: #FFF; border: 2px solid #FFF; }
.skin-default .refer-button-container > a { color: #555; border: 2px solid #555; }

/* SUBSCRIBER BAR */
.mini-sidebar:not(.show-sidebar) .subscriber-sidebar-select-section { display: none; }
.subscriber-sidebar-select-section .select2-container { width: 100% !important; }
.subscriber-sidebar-select-section .select2-selection { background-color: transparent; border: none; }
body.skin-default-dark .subscriber-sidebar-select-section .select2-selection__rendered { color: #9c9c9c; }

/* BODY */
.page-titles { margin-top: -25px; }
.page-titles h4 { font-weight: 500; }
.container-fluid { padding-top: 25px; padding-bottom: 90px; }
.container-fluid-countersink-element { margin-left: -25px; margin-top: -25px; margin-right: -25px; margin-bottom: 25px; width: calc(100% + 50px); }
@media (max-width: 767px) {
	.container-fluid-countersink-element { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); }
}
.page-wrapper { background-color: #EEEEEE; }
::-webkit-input-placeholder, ::placeholder { color: #BBB !important; }
.page-anchor { display: block; position: relative; top: -105px; visibility: hidden; }
.page-anchor-no-card { display: block; position: relative; top: -85px; visibility: hidden; }
.last-child-no-margin :last-child { margin-bottom: 0px; }

/* FULL-PAGE APPS */
.full-page-container {
	height: calc(100vh - 164px);
	position: relative;
	overflow: hidden;
}
.full-page-left-side {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 200px;
	z-index: 2;
	overflow-y: auto;
	background-color: #FFF;

	-webkit-transition: all 375ms ease-in-out;
	-moz-transition: all 375ms ease-in-out;
	-o-transition: all 375ms ease-in-out;
	transition: all 375ms ease-in-out;
}
.full-page-left-side .full-page-left-side-inner {
	height: 100%;
}
.full-page-right-side {
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: calc(100% - 210px);
}

/* FULL-PAGE APPS (IN TABS) */
.full-page-container.tabbed-container {
	height: calc(100vh - 255px);
}
.full-page-container.tabbed-container .full-page-left-side {}
.full-page-container.tabbed-container .full-page-left-side .full-page-left-side-inner {
	border-right: 1px solid #e9ecef!important;
	margin-right: 10px;
}
.full-page-container.tabbed-container .full-page-right-side {
	width: calc(100% - 200px);
}

/* FULL PAGE APPS - MOBILE */
@media (max-width: 767px) {
	.full-page-left-side { left: -200px; }
	.full-page-container.tabbed-container .full-page-left-side {}
	.full-page-container.tabbed-container .full-page-left-side .full-page-left-side-inner {
		margin-right: 0px;
	}

	.full-page-right-side { width: 100%; }
	.full-page-container.tabbed-container .full-page-right-side { width: 100%; }
}

/* REVIEWS */
.font-star-filled { color: #e7711b; }
 .active > .font-star-filled,
.dropdown-item.active > .font-star-filled,
.dropdown-item:active > .font-star-filled { color: #FFF; }
.font-star-empty { color: #d1d1d1; }
.star-filled-bg { background-color: #e7711b; }
.star-empty-bg { background-color: #d1d1d1; }

/* PLUS BUTTON */
.corner-floating-plus-button { position: fixed; bottom: 10px; right: 10px; z-index: 2; }
.corner-floating-plus-button-shadow {
	-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}
.corner-floating-plus-button .dropdown-toggle:after { content: unset; }
.dropdown-toggle.dropdown-no-toggle-arrow:after { content: unset; }

.shadow-xl { -webkit-box-shadow: 0 -0.5rem 4rem rgba(0, 0, 0, 0.45) !important; box-shadow: 0 -0.5rem 4rem rgba(0, 0, 0, 0.45) !important; }

/* PULSING NOTIFICATION DOTS */
.notify-info { position: relative; display: inline; }
.notify-info .heartbit, .notify-info .point {
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.notify-info .heartbit {
    position: absolute;
    height: 24px; width: 24px;
    z-index: 10;
    border: 5px solid var(--blue);
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.notify-info .point {
    width: 6px; height: 6px;
    background-color: var(--blue);
    position: absolute;
	left: 9px; top: 9px;
}
@media (min-width: 768px) {
	.mini-sidebar .sidebar-nav #sidebarnav .notify-info { margin-left: 0px !important; left: -8px; }
}

/* SMS CHAT LOGS */
.chat-list li { margin-bottom: 15px; }
.chat-list li .chat-content { width: 80% !important; padding-left: 0px !important; }
@media (max-width: 767px) {
	.chat-main-box .chat-left-aside {
		-webkit-transition: 0.4s cubic-bezier(0, 0, 0.05, 1) !important;
	    -o-transition: 0.4s cubic-bezier(0, 0, 0.05, 1) !important;
	    transition: 0.4s cubic-bezier(0, 0, 0.05, 1) !important;
	}
}
.sms-box { padding: 10px; border-radius: 0.25rem; display: inline-block; position: relative; word-break: break-word; max-width: 100%; }
.sms-box:after { content: ''; position: absolute; bottom: 10px; width: 0;height: 0; border: 10px solid transparent; }
.sms-box-recipient { background-color: var(--info); color: #FFF; margin-left: 15px; }
.sms-box-recipient:after { left: 0; border-right-color: var(--info); border-left: 0; margin-left: -10px; }
.sms-box-sender { background-color: var(--light); margin-right: 15px; }
.sms-box-sender:after { right: 0; border-left-color: var(--light); border-right: 0; margin-right: -10px; }
.chat-message-time { font-size: 80%; font-weight: 400; opacity: 0.5; }
.height-auto { height: auto !important; }
.sms-box.sms-box-sender a { font-weight: normal; }
.sms-box.sms-box-recipient a { font-weight: normal; color: #FFFFFF; }

.chat-main-box .chat-left-aside .chat-left-inner .chatonline { height: calc(100% - 110px); top: 59px; }
.recipients-list-search-bar { padding: 10px; position: absolute; top: 0px; left: 0px; right: 0px; }
.recipients-list-pagination-bar { padding: 10px; position: absolute; bottom: 0px; left: 0px; right: 0px; }

/* SMS CHAT LOGS (NEW) */
.sms-page-container {
	height: calc(100vh - 194px);
	position: relative;
	overflow: hidden;
}
.sms-page-left-side {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 2;
	background-color: #FFF;
	width: 250px;
	overflow: hidden;

	-webkit-transition: all 375ms ease-in-out;
	-moz-transition: all 375ms ease-in-out;
	-o-transition: all 375ms ease-in-out;
	transition: all 375ms ease-in-out;
}
.sms-page-left-side .sms-page-left-side-inner { height: 100%; }
.sms-page-right-side {
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	left: 250px;
	padding-left: 10px;
}

/* SMS CHAT LOGS (NEW) (IN TABS) */
.sms-page-container.tabbed-container { height: calc(100vh - 255px); }

/* SMS CHAT LOGS (NEW) - MOBILE */
@media (max-width: 767px) {
	.sms-page-left-side {left: -250px;}
	.sms-page-right-side { left: 0; padding-left: 0px; }
}

/* BUTTON CHECKBOXES */
.btn-check-info { color: #212529; background: #fff; border-color: #dee2e6; }
.btn-check-info:hover { color: #5475ed; background-color: transparent; background-image: none; border-color: #5475ed; }
.btn-check-info.active { color: #fff; background-color: #5475ed; border-color: #5475ed; }
.btn-check-grey { color: #212529; background: #fff; border-color: #dee2e6; }
.btn-check-grey:hover { color: #c5c5c5; background-color: transparent; background-image: none; border-color: #c5c5c5; }
.btn-check-grey.active { color: #fff; background-color: #c5c5c5; border-color: #c5c5c5; }

/* WARNING BUTTONS */
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
	color: #FFF !important;
}

/* HOVER HELPERS */
.hoverable-container .hover-revealable { opacity: 0; -webkit-transition: all 375ms ease-in-out; -moz-transition: all 375ms ease-in-out; -o-transition: all 375ms ease-in-out; transition: all 375ms ease-in-out; }
.hoverable-container:hover .hover-revealable { opacity: 1.0; }

/* CIRCLE BUTTONS */
.btn-circle.btn-sm,
.btn-group-sm>.btn-circle.btn { padding: 0px; line-height: 35px; }
.btn-circle.btn-xl { padding: 0px 15px; font-size: 30px; line-height: 70px; }

/* RIBBONS */
.ribbon { z-index: 2; }
.corner-ribbon {
	height: 30px;
	line-height: 30px;
	clear: left;
	position: absolute;
	top: 0; right: 0; left: auto;
	color: #fff;
	background-color: transparent !important;
	padding: 6px 10px 0 0;
}
.corner-ribbon:before {
	position: absolute;
	top: 0; right: 0; left: auto;
	width: 0; height: 0;
	content: '';
	border: 30px solid transparent;
}
.ribbon-success.corner-ribbon:before { border-top-color: var(--success); border-right-color: var(--success); }
.ribbon-warning.corner-ribbon:before { border-top-color: var(--warning); border-right-color: var(--warning); }
.ribbon-danger.corner-ribbon:before { border-top-color: var(--danger); border-right-color: var(--danger); }
.corner-ribbon i { position: relative; }

/* CSS CHART */
.css-bar-success.css-bar-100 { background-image: linear-gradient(450deg, #00c292 50%, transparent 50%, transparent), linear-gradient(270deg, #00c292 50%, #fafafa 50%, #fafafa) !important; }

/* FOOTABLE */
.footable .pagination li a { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #0275d8; background-color: #fff; border: 1px solid #ddd; }
.footable .pagination li.active a { z-index: 2; color: #fff; background-color: #0275d8; border-color: #0275d8; }
.footable .pagination li.disabled a { color: #636c72; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.footable .pagination li:first-child a { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem; }
.footable .open > .dropdown-menu { display: block; }
tr.footable-filtering:not(.footable-header) > th { border-top: 0px; padding: 0px 0px 16px 0px; }
.footable-toggle { cursor: pointer; }

/* GOOGLE MAPS AUTOCOMPLETE */
.pac-container { z-index: 1100; }

/* DRAGULA OVERRIDES */
.gu-mirror {
	position: fixed !important;
	margin: 0 !important;
	z-index: 9999 !important;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.gu-hide {
	display: none !important;
}
.gu-unselectable {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.gu-transit {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

/* TYPEAHEAD */
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
}
.typeahead.dropdown-menu {
	padding-top: 0px;
	border: none;
	margin-top: 0px;
	width: calc(100% - 20px);
}
.dropdown-menu { padding-bottom: 0px; background-color: #f8f8f8; }

/* TABS */
.nav-tabs { background-color: #F6F6F6; }
.customtab li a.nav-link, .profile-tab li a.nav-link { padding: 13px 14px; }

/* TOAST */
.jq-icon-warning { background-color: #e1bc4b; }

/* INTRO.JS */
.introjs-tooltip { min-width: 300px; }
.introjs-bullets ul { max-width: 80%; }
.introjs-bullets ul li { margin: 4px 2px 0px 2px; }

/* SLICK */
.slick-scroll-prev,
.slick-scroll-next {
	opacity: 0.25;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -26px;
	z-index: 2;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.slick-scroll-prev:hover, .slick-scroll-next:hover { opacity: 0.75; }
.slick-scroll-prev { left: -8px; }
.slick-scroll-next { right: -8px; }
.slick-dots li button::before { font-size: 10px !important; }

/* ROUND */
.round.round-info { background: #5475ed; }
.round.round-sm { line-height: 30px; height: 30px; width: 30px; font-size: 14px; }
.round.round-lg { line-height: 60px; width: 60px; height: 60px; }

/* SUMMERNOTE */
.note-editor.note-frame { border: 1px solid #e9ecef !important; }
.note-editor.note-frame.card { margin-bottom: 0px; }

/* FULLCALENDAR */
.fc-event { cursor: pointer; }
.fc-button:focus { outline: none; }
.fc-state-down, .fc-state-active, .fc-state-down:hover, .fc-state-active:hover { box-shadow: none; background-color: var(--info); color: #FFFFFF; text-shadow: none; }

/* HELPERS */
.clickable { cursor: pointer; }
.vertical-mid { vertical-align: middle; }
.preview-srcdoc-iframe {
	width: 100%;
	min-height: 450px;
	background-color: #FFF;
    border: 0px;
}
.bg-cover { background-size: cover; background-position: 50% 50%; }

/* HR */
hr.white-hr { border-color: rgb(255 255 255 / 30%); }
hr.tab-hr { margin: 1rem -20px; border-top-width: 10px; border-color: #eeeeee; }

/* DATATABLES */
table.dataTable { margin: 0px !important; }
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 { top: 0.75rem; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { bottom: 1.3em; }
.table.dataTable td, .table.dataTable th { padding: 0.75rem; }
.dataTables_processing.card { display: block; }
div.dataTables_wrapper div.dataTables_processing { z-index:10; }
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before { top: calc(0.75rem + 10px); line-height: 13px; }
.dt-buttons { padding-top: 0px;	margin-bottom: 6px; }
.dt-buttons .dt-button { background: #C6C6C6; }
table.dataTable tr.highlight-row > * {	background-color: rgba(0,0,0,0.07); }
th.dt-text-center, td.dt-text-center { text-align: center; }
th.dt-text-right, td.dt-text-right { text-align: right; }
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child { border:0; }
td.min100::before { content: ''; display: block; min-width: 100px; }
.dt-col-single-line-text { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; max-width: 200px; }
@media all and (max-width:767px) {
	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_length label,
	div.dataTables_wrapper div.dataTables_filter label,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		width: 100%;
		max-width: 100%;
	}
	div.dataTables_wrapper div.dataTables_filter label input[type=search] { width: calc(100% - 63px); margin-left: 10px; }
	div.dataTables_wrapper div.dataTables_length label select { width: calc(100% - 94px); }
	div.dataTables_wrapper div.dataTables_paginate { margin-top: 10px; }
	div.dataTables_wrapper div.dataTables_colvis .btn-group,
	div.dataTables_wrapper div.dataTables_colvis .btn-group .btn { width: 100%; }
}
@media all and (min-width:768px) {
	div.dataTables_wrapper div.dataTables_paginate { float: right; }
}

/* COLOR CARDS */
.card.color-card .card-header { background-color: rgba(0, 0, 0, 0.1); }
.card.color-card thead th { background-color: rgba(255, 255, 255, 0.1); border: none; }
.card.color-card tbody tr.even td { background-color: transparent; }
.card.color-card tbody tr.odd td { background-color: transparent; }
.card.color-card .table-striped tbody tr:nth-of-type(odd) { background: rgba(0, 0, 0, 0.05); }
.card.color-card .text-primary,
.card.color-card a,
.card.color-card a:hover,
.card.color-card a:active { color: #FFFFFF; }
.card.color-card .dataTables_wrapper .page-link,
.card.color-card .dataTables_wrapper .page-item.disabled .page-link { background-color: rgba(255, 255, 255, 0.15); border-color: transparent; margin-left: 1px; }
.card.color-card .dataTables_wrapper .page-item.disabled .page-link { color: #CCCCCC; }

/* BOOTSTRAP GRID */
.row.small-gutters { margin-right: -2px; margin-left: -2px; }
.row.small-gutters>.col,
.small-gutters>[class*=col-] { padding-right: 2px; padding-left: 2px; }

.row.medium-gutters { margin-right: -5px; margin-left: -5px; }
.row.medium-gutters>.col,
.medium-gutters>[class*=col-] { padding-right: 5px; padding-left: 5px; }

/* DROPDOWN */
.dropdown-toggle.dropdown-toggle-no-icon:after { content: none; }

/* SELECT2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--info); }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--info); border-color: var(--info); }
.select2-container { width: 100% !important; }
.select2-selection__choice { font-size: 13px; padding-top: 1px !important; padding-bottom: 1px !important; }
.select2-selection__choice__remove { font-size: 18px; margin-left: 8px; line-height: 21px; }
.select2-selection--multiple .select2-search--inline .select2-search__field { width: auto !important; }
span.select2-selection__rendered { font-weight: 400; }
ul.select2-selection__rendered>li.select2-search.select2-search--inline:first-child { float: none; }
ul.select2-selection__rendered>li.select2-search.select2-search--inline:first-child input.select2-search__field { width: 100% !important; }

/* SELECTIZE */
.selectize-control.multi .selectize-input { border: 1px solid #e9ecef; border-radius: 0.25rem; }
.selectize-control.multi .selectize-input [data-value].active,
.selectize-control.multi .selectize-input [data-value]{ background-color: var(--info); background-image: none; border: none; color: #FFFFFF; font-size: 10.5px; font-weight: 400; padding: 0px 0px 0px 5px; }
.selectize-control.plugin-remove_button .item .remove,
.selectize-control.plugin-remove_button .item .remove:hover{ background-color: var(--danger); padding: 2px 5px; }

/* DROPZONE */
.dropzone { border: 1px solid #e9ecef !important; }
.css-education-content-section-form-media-modal-form-image-dropzone .dz-preview { display: none; }

/* BOOTSTRAP TAGSINPUT */
.form-horizontal .bootstrap-tagsinput {
	display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #4F5467;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

/* DRAGULA */
.reorderable-row-card-countainer { counter-reset: section; }
.reorderable-row-card { cursor: grab; }
.reorderable-row-card-countainer .reorderable-row-card b::before { counter-increment: section; content: counter(section); }

/* FLATPICKR */
.flatpickr-months .flatpickr-month { color: #FFF; padding: 6px 0px; height: 46px; }
.flatpickr-current-month { padding-top: 3px; }
.flatpickr-monthDropdown-months option { color: #000; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { height: 46px; color: #FFF; fill: #FFF; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg { fill: #EEE; }
.flatpickr-weekday { color: #FFF !important; }