/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {color: var(--body-color);background-color: var(--body-bg);}
a {color: var(--a);}
a:hover {color: var(--a-hover);}

/*--------------------------------------------------------------
# Correcciones
--------------------------------------------------------------*/
.search-title{color: var(--text-color02);}
.well {background-color: var(--collapse-bg);border: 1px solid var(--collapse-border);}

/*--------------------------------------------------------------
# Imagen Required
--------------------------------------------------------------*/
input[type="text"]:required,
input[type="color"]:required,
input[type="date"]:required,
input[type="email"]:required,
input[type="number"]:required,
input[type="password"]:required,
input[type="time"]:required,
select:required{background:url(../img/required.png) no-repeat 5px center;background-color: #fff !important;}
textarea:required{background:url(../img/required.png) no-repeat 5px 10px !important;background-color: #fff !important;}

input[type="text"]:required:valid,
input[type="color"]:required:valid,
input[type="date"]:required:valid,
input[type="email"]:required:valid,
input[type="number"]:required:valid,
input[type="password"]:required:valid,
input[type="time"]:required:valid,
select:valid,
textarea:valid{background-color: #fff !important;}
/*input[type="checkbox"]:required,
input[type="radio"]:required,
select:required{background:url(../img/required.png) no-repeat 5px center;background-color: #fff !important;}*/

/*[required] {background:url(../img/required.png) no-repeat 5px center;background-color: #fff !important;}*/
.form-control:focus,
.form-select:focus{box-shadow: 0 0 0 0.1rem var(--form-form-control-input);}

/* Animated Box */
@property --angle {syntax: '<angle>';initial-value: 90deg;inherits: true;}
@property --gradX {syntax: '<percentage>';initial-value: 50%;inherits: true;}
@property --gradY {syntax: '<percentage>';initial-value: 0%;inherits: true;}
.animatedBox {border: 0.1rem solid;border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;animation: borderRotate var(--d) linear infinite forwards;}
.animatedBox:nth-child(2) {border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 30;animation: borderRadial var(--d) linear infinite forwards;}
@keyframes borderRotate {100% {--angle: 420deg;}}
@keyframes borderRadial {
    20% {--gradX: 100%;--gradY: 50%;}
    40% {--gradX: 100%;--gradY: 100%;}
    60% {--gradX: 50%;--gradY: 100%;}
    80% {--gradX: 0%;--gradY: 50%;}
    100% {--gradX: 50%;--gradY: 0%;}
}

/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/
.color01 h1 {color: var(--text-color01);}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {background: var(--header-bg);}
.back-to-top i {color: var(--header-color);}
.back-to-top:hover {background: rgba(0,0,0,0.5)!important;color: var(--header-color);}

/*--------------------------------------------------------------
# Dropdown menus
--------------------------------------------------------------*/
.dropdown-menu {background-color: var(--dropdown-menu-bg);border: 1px solid var(--dropdown-menu-border);}
.dropdown-menu .dropdown-header {color: var(--dropdown-menu-color-header);}
.dropdown-menu .dropdown-footer {color: var(--dropdown-menu-color-footer);}
.dropdown-menu .dropdown-footer a {color: var(--dropdown-menu-color-footer-link);}
.dropdown-menu .dropdown-divider {border-top: 1px solid var(--dropdown-menu-border);}
.dropdown-menu .dropdown-item{background-color: var(--dropdown-menu-item);}
.dropdown-menu .dropdown-item:hover {background-color: var(--dropdown-menu-item-hover);}
.dropdown-menu .notification-item {color: var(--dropdown-menu-color);background-color: var(--dropdown-menu-item);}
.dropdown-menu .notification-item p {color: var(--dropdown-menu-color);}
.dropdown-menu .notification-item i{color: var(--dropdown-menu-color-icon);}
.dropdown-menu .notification-item:hover {background-color: var(--dropdown-menu-item-hover);}
.dropdown-menu-arrow::before {background: var(--dropdown-menu-bg)!important;border-top: 1px solid var(--dropdown-menu-border)!important;border-left: 1px solid var(--dropdown-menu-border)!important;}

/*--------------------------------------------------------------
# Light Backgrounds
--------------------------------------------------------------*/
.bg-primary-light {background-color: #cfe2ff;border-color: #cfe2ff;}
.bg-secondary-light {background-color: #e2e3e5;border-color: #e2e3e5;}
.bg-success-light {background-color: #d1e7dd;border-color: #d1e7dd;}
.bg-danger-light {background-color: #f8d7da;border-color: #f8d7da;}
.bg-warning-light {background-color: #fff3cd;border-color: #fff3cd;}
.bg-info-light {background-color: #cff4fc;border-color: #cff4fc;}
.bg-dark-light {background-color: #d3d3d4;border-color: #d3d3d4;}

/*--------------------------------------------------------------
# Card
--------------------------------------------------------------*/
.card {border: 1px solid var(--card-border-color);}
.card .card-header {border-color: var(--card-header-border);background-color: var(--card-header-bg);color: var(--card-header-color);}
.card .card-header .card-title {color: var(--card-title);}
.card .card-header .card-title span {color: var(--card-subtitle);}
.card .card-footer {border-color: var(--card-footer-border);background-color: var(--card-footer-bg);color: var(--card-footer-color);}
.card .card-img-overlay {background-color: var(--card-img-overlay);}
.card .card-footer h5{color: var(--card-footer-color-title);}
.card .card-footer .text-uppercase{color: var(--card-footer-color-subtitle);}

/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/
.accordion-button:not(.collapsed) {color: var(--text-color01);background-color: var(--text-color07);}
.accordion-flush .accordion-button:not(.collapsed) {color: var(--text-color11);}
.accordion-flush .accordion-body {color: var(--text-color04);}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumb {color: var(--text-color02);}
.breadcrumb a {color: var(--text-color03);}
.breadcrumb a:hover {color: var(--text-color10);}
.breadcrumb .breadcrumb-item::before {color: var(--text-color03);}
.breadcrumb .active {color: var(--text-color11);}

.btn-breadcrumb>.btn.disabled {opacity: 1 !important;color: var(--text-color04);}
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {border-left: 10px solid var(--btn-primary-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {border-left: 10px solid var(--btn-primary-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {border-left: 10px solid var(--btn-primary-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {border-left: 10px solid var(--btn-primary-hover-border);transition: 0.3s;}

.btn-breadcrumb .btn.btn-secondary:not(:last-child):after {border-left: 10px solid var(--btn-secondary-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-secondary:not(:last-child):before {border-left: 10px solid var(--btn-secondary-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-secondary:hover:not(:last-child):after {border-left: 10px solid var(--btn-secondary-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-secondary:hover:not(:last-child):before {border-left: 10px solid var(--btn-secondary-hover-border);transition: 0.3s;}

.btn-breadcrumb .btn.btn-success:not(:last-child):after {border-left: 10px solid var(--btn-success-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {border-left: 10px solid var(--btn-success-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {border-left: 10px solid var(--btn-success-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {border-left: 10px solid var(--btn-success-hover-border);transition: 0.3s;}

.btn-breadcrumb .btn.btn-danger:not(:last-child):after {border-left: 10px solid var(--btn-danger-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {border-left: 10px solid var(--btn-danger-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {border-left: 10px solid var(--btn-danger-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {border-left: 10px solid var(--btn-danger-hover-border);transition: 0.3s;}

.btn-breadcrumb .btn.btn-warning:not(:last-child):after {border-left: 10px solid var(--btn-warning-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {border-left: 10px solid var(--btn-warning-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {border-left: 10px solid var(--btn-warning-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {border-left: 10px solid var(--btn-warning-hover-border);transition: 0.3s;}

.btn-breadcrumb .btn.btn-info:not(:last-child):after {border-left: 10px solid var(--btn-info-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {border-left: 10px solid var(--btn-info-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {border-left: 10px solid var(--btn-info-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {border-left: 10px solid var(--btn-info-hover-border);transition: 0.3s;}

.btn-breadcrumb .btn.btn-light:not(:last-child):after {border-left: 10px solid var(--btn-light-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-light:not(:last-child):before {border-left: 10px solid var(--btn-light-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-light:hover:not(:last-child):after {border-left: 10px solid var(--btn-light-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-light:hover:not(:last-child):before {border-left: 10px solid var(--btn-light-hover-border);transition: 0.3s;}

.btn-breadcrumb .btn.btn-dark:not(:last-child):after {border-left: 10px solid var(--btn-dark-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-dark:not(:last-child):before {border-left: 10px solid var(--btn-dark-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-dark:hover:not(:last-child):after {border-left: 10px solid var(--btn-dark-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-dark:hover:not(:last-child):before {border-left: 10px solid var(--btn-dark-hover-border);transition: 0.3s;}

.btn-breadcrumb .btn.btn-link:not(:last-child):after {border-left: 10px solid var(--btn-link-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-link:not(:last-child):before {border-left: 10px solid var(--btn-link-border);transition: 0.3s;}
.btn-breadcrumb .btn.btn-link:hover:not(:last-child):after {border-left: 10px solid var(--btn-link-hover-bg);transition: 0.3s;}
.btn-breadcrumb .btn.btn-link:hover:not(:last-child):before {border-left: 10px solid var(--btn-link-hover-border);transition: 0.3s;}

/*--------------------------------------------------------------
# Tabs
--------------------------------------------------------------*/
.nav-tabs .nav-link {color: var(--tabs-color);}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {color: var(--tabs-color-hover);}
.nav-tabs .nav-link.active {color: var(--tabs-color-active);background-color: var(--tabs-bg-active);}

/*--------------------------------------------------------------
# Tabs inverted
--------------------------------------------------------------*/
.nav-tabs-inverted .nav-link {color: var(--tabs-inverted-color);background-color: var(--tabs-inverted-bg);}
.nav-tabs-inverted .nav-link:hover,
.nav-tabs-inverted .nav-link:focus {color: var(--tabs-inverted-color-hover);border: 1px solid var(--tabs-inverted-border-hover);}
.nav-tabs-inverted .nav-link.active {color: var(--tabs-inverted-color-active);background-color: var(--tabs-inverted-bg-active);border-bottom: 1px solid var(--tabs-inverted-border-active);}

/*--------------------------------------------------------------
# Tabs Complement
--------------------------------------------------------------*/
.nav-tabs-complement .nav-link {color: var(--tabs-complement-color);background-color: var(--tabs-complement-bg);border: 1px solid var(--tabs-complement-border);}
.nav-tabs-complement .nav-link:hover,
.nav-tabs-complement .nav-link:focus {color: var(--tabs-complement-color-hover);background-color: var(--tabs-complement-bg-hover);border: 1px solid var(--tabs-complement-border-hover);}
.nav-tabs-complement .nav-link.active {color: var(--tabs-complement-color-active);background-color: var(--tabs-complement-bg-active);border: 1px solid var(--tabs-complement-border-active);}

/*--------------------------------------------------------------
# Bordered Tabs
--------------------------------------------------------------*/
.nav-tabs-bordered {border-bottom: 2px solid var(--tabs-bordered);}
.nav-tabs-bordered .nav-link {color: var(--tabs-color);}
.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {color: var(--tabs-color-hover);}
.nav-tabs-bordered .nav-link.active {color: var(--tabs-color-active);background-color: var(--tabs-bg-active);border-bottom: 2px solid var(--tabs-border-active);}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header .search-form input {border: 1px solid rgba(1, 41, 112, 0.2);}
.header .search-form input:focus,
.header .search-form input:hover {box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);border: 1px solid rgba(1, 41, 112, 0.3);}

/*--------------------------------------------------------------
# Pills Tabs
--------------------------------------------------------------*/
.nav-pills .nav-link {color: var(--pills-tabs-color);}
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {color: var(--pills-tabs-color-hover);}
.nav-pills .nav-link.active {color: var(--pills-tabs-color-active);background-color: var(--pills-tabs-bg-active);}

/*--------------------------------------------------------------
# page link
--------------------------------------------------------------*/
.page-link {color: var(--link);}
.page-link:hover {color: var(--btn-primary-color);background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);}
.active > .page-link,
.page-link.active {color: var(--btn-primary-color);background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo span {color: var(--header-color);}
.header {background-color: var(--header-bg);}
.header .toggle-sidebar-btn {color: var(--header-color);}
.header .search-form input {color: var(--text-color01);}
.header .search-form button i {color: var(--text-color01);}

/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
#header .btn-secondary {color: var(--header-btn-color);background-color: var(--header-btn-bg);border: 1px solid var(--header-btn-border);}
#header .btn-secondary:hover {color: var(--header-btn-hover-color);background-color: var(--header-btn-hover-bg);border: 1px solid var(--header-btn-hover-border);}
#header .btn-secondary:active {color: var(--header-btn-active-color);background-color: var(--header-btn-active-bg);border: 1px solid var(--header-btn-active-border);}
.header-nav .nav-icon {color: var(--header-icon-color);}
.header-nav .nav-profile {color: var(--header-text-color);}
.header-nav .messages .message-item {color: var(--text-color06);}
.header-nav .messages .message-item h4 {color: var(--text-color05);}
.header-nav .messages .message-item p {color: var(--text-color06);}
.header-nav .messages .message-item:hover {background-color: rgba(0,0,0,0.3);}
.header-nav .profile {color: var(--header-menu-color);background-color: var(--header-menu-bg);border: 1px solid var(--header-menu-border);}
.header-nav .profile .dropdown-header h6 {color: var(--header-menu-color);}
.header-nav .profile .dropdown-header span {color: var(--header-menu-color);}
.header-nav .profile .dropdown-divider {border-top: 1px solid var(--header-menu-border);}
.header-nav .profile .dropdown-item:hover {background-color: var(--header-menu-bg-hover);color: var(--header-menu-color);}
.header-nav .profile .dropdown-close-session{color: var(--btn-danger-color);background-color: var(--btn-danger-bg);}
.header-nav .profile .dropdown-close-session:hover {color: var(--btn-danger-hover-color);background-color: var(--btn-danger-hover-bg);}
.profile.dropdown-menu-arrow::before {background: var(--header-menu-bg)!important;border-top: 1px solid var(--header-menu-border)!important;border-left: 1px solid var(--header-menu-border)!important;}



/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {scrollbar-color: var(--sidebar-scrollbar) transparent;background-color: var(--sidebar-bg);}
.sidebar::-webkit-scrollbar {background-color: #fff;}
.sidebar::-webkit-scrollbar-thumb {background-color: #aab7cf;}
.sidebar-nav .nav-heading {color: var(--sidebar-color);}
.sidebar-nav .nav-link {color: var(--sidebar-color-hover);background: var(--sidebar-bg);border-left: 3px solid var(--sidebar-bg);}
.sidebar-nav .nav-link i {color: var(--sidebar-color-hover);}
.sidebar-nav .nav-link.collapsed {color: var(--sidebar-color);background: var(--sidebar-bg);}
.sidebar-nav .nav-link.collapsed i {color: var(--sidebar-color);}
.sidebar-nav .active .nav-link,
.sidebar-nav .active .nav-link.collapsed,
.sidebar-nav .nav-link:hover,
.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {background-color: rgba(0,0,0,0.3)!important;color: var(--sidebar-color-hover);border-left: 3px solid var(--sidebar-bg-border);}
.sidebar-nav .nav-link:hover i {color: var(--sidebar-color-hover);}
.sidebar-nav .nav-content a {color: var(--sidebar-color-hover);border-left: 3px solid var(--sidebar-bg);}
.sidebar-nav .nav-content a.active i {background-color: var(--sidebar-color-active);}

/*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/
.dashboard .filter .icon {color: #aab7cf;}
.dashboard .filter .icon:hover,
.dashboard .filter .icon:focus {color: var(--text-color11);}
.dashboard .filter .dropdown-header h6 {color: #aab7cf;}
.dashboard .info-card h6 {color: var(--text-color01);}
.dashboard .sales-card .card-icon {color: var(--text-color11);background: #f6f6fe;}
.dashboard .revenue-card .card-icon {color: #2eca6a;background: #e0f8e9;}
.dashboard .customers-card .card-icon {color: #ff771d;background: #ffecdf;}
.dashboard .activity .activity-item .activite-label {color: #888;}
.dashboard .activity .activity-item .activite-label::before {background-color: #eceefe;}
.dashboard .activity .activity-item .activity-badge {border: 3px solid #fff;}
.dashboard .news h4 a {color: var(--text-color01);}
.dashboard .news h4 a:hover {color: var(--text-color11);}
.dashboard .news p {color: #777777;}
.dashboard .recent-sales .table thead {background: #f6f6fe;}
.dashboard .top-selling .table thead {background: #f6f6fe;}

/*--------------------------------------------------------------
# Icons list page
--------------------------------------------------------------*/
.iconslist .icon {background-color: var(--body-bg2);color: var(--text-color01);}
.iconslist .label {color: var(--text-color03);}

/*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
.profile .profile-card h2 {color: var(--text-color02);}
.profile .profile-card .social-links a {color: var(--text-color01);}
.profile .profile-card .social-links a:hover {color: var(--text-color03);}
.profile .profile-overview .label {color: var(--text-color11);}
.profile .profile-edit label {color: var(--text-color11);}
.profile .profile-overview .card-title {color: var(--text-color01);}

/*--------------------------------------------------------------
# F.A.Q Page
--------------------------------------------------------------*/
.faq .basic h6 {color: var(--text-color11);}
.faq .basic p {color: var(--text-color04);}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box i {color: var(--text-color11);}
.contact .info-box h3 {color: var(--text-color01);}
.contact .php-email-form .error-message {color: var(--btn-danger-hover-color);background: var(--btn-danger-hover-bg);}
.contact .php-email-form .sent-message {color: var(--btn-success-hover-color);background: var(--btn-success-hover-bg);}
.contact .php-email-form .loading {background: var(--body-bg2);}
.contact .php-email-form .loading:before {border: 3px solid var(--btn-success-hover-bg);border-top-color: var(--body-bg2);}
.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {border-color: var(--text-color11);}
.contact .php-email-form button[type=submit] {background: var(--btn-primary-bg);color: var(--btn-primary-color);}
.contact .php-email-form button[type=submit]:hover {background: var(--btn-primary-hover-bg);color: var(--btn-primary-hover-color);}

/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404 h1 {color: var(--text-color11);}
.error-404 h2 {color: var(--text-color01);}
.error-404 .btn {background: var(--btn-secondary-bg);color: var(--btn-secondary-color);}
.error-404 .btn:hover {background: var(--btn-secondary-hover-bg);}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {background-color: var(--footer-bg);}
.footer .copyright {color: var(--footer-color);}
.footer .credits {color: var(--footer-link);}

/*--------------------------------------------------------------
# Correccion Listgroup
--------------------------------------------------------------*/
.list-group-item.active {color: var(--btn-primary-color);background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);}
.list-group-item-primary{color: var(--btn-primary-border);background-color: var(--btn-primary-bg-light);border-color: var(--btn-primary-border);}
.list-group-item-secondary{color: var(--btn-secondary-border);background-color: var(--btn-secondary-bg-light);border-color: var(--btn-secondary-border);}
.list-group-item-success{color: var(--btn-success-border);background-color: var(--btn-success-bg-light);border-color: var(--btn-success-border);}
.list-group-item-danger{color: var(--btn-danger-border);background-color: var(--btn-danger-bg-light);border-color: var(--btn-danger-border);}
.list-group-item-warning{color: var(--btn-warning-border);background-color: var(--btn-warning-bg-light);border-color: var(--btn-warning-border);}
.list-group-item-info{color: var(--btn-info-border);background-color: var(--btn-info-bg-light);border-color: var(--btn-info-border);}
.list-group-item-light{color: var(--btn-light-border);background-color: var(--btn-light-bg-light);border-color: var(--btn-light-border);}
.list-group-item-dark{color: var(--btn-dark-border);background-color: var(--btn-dark-bg-light);border-color: var(--btn-dark-border);}


/*--------------------------------------------------------------
# Alerts
--------------------------------------------------------------*/
.border-primary {border-color: var(--btn-primary-border) !important;}
.border-secondary {border-color: var(--btn-secondary-border) !important;}
.border-success {border-color: var(--btn-success-border) !important;}
.border-danger {border-color: var(--btn-danger-border) !important;}
.border-warning {border-color: var(--btn-warning-border) !important;}
.border-info {border-color: var(--btn-info-border) !important;}
.border-dark {border-color: var(--btn-dark-border) !important;}

.alert-primary{color: var(--btn-primary-border);background-color: var(--btn-primary-bg-light);border-color: var(--btn-primary-border);}
.alert-secondary{color: var(--btn-secondary-border);background-color: var(--btn-secondary-bg-light);border-color: var(--btn-secondary-border);}
.alert-success{color: var(--btn-success-border);background-color: var(--btn-success-bg-light);border-color: var(--btn-success-border);}
.alert-danger{color: var(--btn-danger-border);background-color: var(--btn-danger-bg-light);border-color: var(--btn-danger-border);}
.alert-warning{color: var(--btn-warning-border);background-color: var(--btn-warning-bg-light);border-color: var(--btn-warning-border);}
.alert-info{color: var(--btn-info-border);background-color: var(--btn-info-bg-light);border-color: var(--btn-info-border);}
.alert-light{color: var(--btn-light-border);background-color: var(--btn-light-bg-light);border-color: var(--btn-light-border);}
.alert-dark{color: var(--btn-dark-border);background-color: var(--btn-dark-bg-light);border-color: var(--btn-dark-border);}

.alert-white {background-image: linear-gradient(to bottom, #fff, #f9f9f9);}

.alert-primary.alert-white{color: var(--btn-primary-border);}
.alert-primary.alert-white .icon .bi {color: var(--btn-primary-color);}
.alert-primary.alert-white .icon {border-right: 1px solid var(--btn-primary-border);}
.alert-primary.alert-white .icon::after {border-right: 1px solid var(--btn-primary-border);border-top: 1px solid var(--btn-primary-border);}
.alert-primary.alert-white .icon,
.alert-primary.alert-white .icon::after {background: var(--btn-primary-bg);}

.alert-secondary.alert-white{color: var(--btn-secondary-border);}
.alert-secondary.alert-white .icon .bi {color: var(--btn-secondary-color);}
.alert-secondary.alert-white .icon {border-right: 1px solid var(--btn-secondary-border);}
.alert-secondary.alert-white .icon::after {border-right: 1px solid var(--btn-secondary-border);border-top: 1px solid var(--btn-secondary-border);}
.alert-secondary.alert-white .icon,
.alert-secondary.alert-white .icon::after {background: var(--btn-secondary-bg);}

.alert-success.alert-white{color: var(--btn-success-border);}
.alert-success.alert-white .icon .bi {color: var(--btn-success-color);}
.alert-success.alert-white .icon {border-right: 1px solid var(--btn-success-border);}
.alert-success.alert-white .icon::after {border-right: 1px solid var(--btn-success-border);border-top: 1px solid var(--btn-success-border);}
.alert-success.alert-white .icon,
.alert-success.alert-white .icon::after {background: var(--btn-success-bg);}

.alert-danger.alert-white{color: var(--btn-danger-border);}
.alert-danger.alert-white .icon .bi {color: var(--btn-danger-color);}
.alert-danger.alert-white .icon {border-right: 1px solid var(--btn-danger-border);}
.alert-danger.alert-white .icon::after {border-right: 1px solid var(--btn-danger-border);border-top: 1px solid var(--btn-danger-border);}
.alert-danger.alert-white .icon,
.alert-danger.alert-white .icon::after {background: var(--btn-danger-bg);}

.alert-warning.alert-white{color: var(--btn-warning-border);}
.alert-warning.alert-white .icon .bi {color: var(--btn-warning-color);}
.alert-warning.alert-white .icon {border-right: 1px solid var(--btn-warning-border);}
.alert-warning.alert-white .icon::after {border-right: 1px solid var(--btn-warning-border);border-top: 1px solid var(--btn-warning-border);}
.alert-warning.alert-white .icon,
.alert-warning.alert-white .icon::after {background: var(--btn-warning-bg);}

.alert-info.alert-white{color: var(--btn-info-border);}
.alert-info.alert-white .icon .bi {color: var(--btn-info-color);}
.alert-info.alert-white .icon {border-right: 1px solid var(--btn-info-border);}
.alert-info.alert-white .icon::after {border-right: 1px solid var(--btn-info-border);border-top: 1px solid var(--btn-info-border);}
.alert-info.alert-white .icon,
.alert-info.alert-white .icon::after {background: var(--btn-info-bg);}

.alert-dark.alert-white{color: var(--btn-dark-border);}
.alert-dark.alert-white .icon .bi {color: var(--btn-dark-color);}
.alert-dark.alert-white .icon {border-right: 1px solid var(--btn-dark-border);}
.alert-dark.alert-white .icon::after {border-right: 1px solid var(--btn-dark-border);border-top: 1px solid var(--btn-dark-border);}
.alert-dark.alert-white .icon,
.alert-dark.alert-white .icon::after {background: var(--btn-dark-bg);}

.alert-light.alert-white{color: var(--btn-light-border);}
.alert-light.alert-white .icon .bi {color: var(--btn-light-color);}
.alert-light.alert-white .icon {border-right: 1px solid var(--btn-light-border);}
.alert-light.alert-white .icon::after {border-right: 1px solid var(--btn-light-border);border-top: 1px solid var(--btn-light-border);}
.alert-light.alert-white .icon,
.alert-light.alert-white .icon::after {background: var(--btn-light-bg);}

.border-primary.alert-information h4{color: var(--btn-primary-border);}
.border-secondary.alert-information h4{color: var(--btn-secondary-border);}
.border-success.alert-information h4{color: var(--btn-success-border);}
.border-danger.alert-information h4{color: var(--btn-danger-border);}
.border-warning.alert-information h4{color: var(--btn-warning-border);}
.border-info.alert-information h4{color: var(--btn-info-border);}
.border-light.alert-information h4{color: var(--btn-light-border);}
.border-dark.alert-information h4{color: var(--btn-dark-border);}

/*--------------------------------------------------------------
# bg colors
--------------------------------------------------------------*/
.bg-primary {background-color: var(--btn-primary-bg) !important;}
.bg-secondary {background-color: var(--btn-secondary-bg) !important;}
.bg-success {background-color: var(--btn-success-bg) !important;}
.bg-danger {background-color: var(--btn-danger-bg) !important;}
.bg-warning {background-color: var(--btn-warning-bg) !important;}
.bg-info {background-color: var(--btn-info-bg) !important;}
.bg-light {background-color: var(--btn-light-bg) !important;}
.bg-dark {background-color: var(--btn-dark-bg) !important;}

/*--------------------------------------------------------------
# text colors
--------------------------------------------------------------*/
.text-primary {color: var(--btn-primary-bg) !important;}
.text-secondary {color: var(--btn-secondary-bg) !important;}
.text-success {color: var(--btn-success-bg) !important;}
.text-danger {color: var(--btn-danger-bg) !important;}
.text-warning {color: var(--btn-warning-bg) !important;}
.text-info {color: var(--btn-info-bg) !important;}
.text-light {color: var(--btn-light-bg) !important;}
.text-dark {color: var(--btn-dark-bg) !important;}
.text-white {color: var(--btn-white-color) !important;}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
/* primary */
.btn-primary {color: var(--btn-primary-color);background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);}
.btn-primary:hover {color: var(--btn-primary-hover-color);background-color: var(--btn-primary-hover-bg);border-color: var(--btn-primary-hover-border);}
.btn-check:focus + .btn-primary,
.btn.btn-check:focus + .btn.btn-primary,
.btn-primary:focus,
.btn.btn-primary:focus {color: var(--btn-primary-hover-color);background-color: var(--btn-primary-hover-bg);border-color: var(--btn-primary-hover-border);box-shadow: 0 0 0 0.2rem var(--btn-primary-rgba);}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {color: var(--btn-primary-active-color);background-color: var(--btn-primary-active-bg);border-color: var(--btn-primary-active-border);}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-primary-rgba);}
.btn-primary:disabled,
.btn-primary.disabled {color: var(--btn-primary-disabled);background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);}

/* secondary */
.btn-secondary {color: var(--btn-secondary-color);background-color: var(--btn-secondary-bg);border-color: var(--btn-secondary-border);}
.btn-secondary:hover {color: var(--btn-secondary-hover-color);background-color: var(--btn-secondary-hover-bg);border-color: var(--btn-secondary-hover-border);}
.btn-check:focus + .btn-secondary,
.btn.btn-check:focus + .btn.btn-secondary,
.btn-secondary:focus,
.btn.btn-secondary:focus {color: var(--btn-secondary-active-color);background-color: var(--btn-secondary-active-bg);border-color: var(--btn-secondary-active-border);box-shadow: 0 0 0 0.2rem var(--btn-secondary-rgba);}
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {color: var(--btn-secondary-active-color);background-color: var(--btn-secondary-active-bg);border-color: var(--btn-secondary-active-border);}
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-secondary-rgba);}
.btn-secondary:disabled,
.btn-secondary.disabled {color: var(--btn-secondary-disabled);background-color: var(--btn-secondary-bg);border-color: var(--btn-secondary-border);}

/* success */
.btn-success {color: var(--btn-success-color);background-color: var(--btn-success-bg);border-color: var(--btn-success-border);}
.btn-success:hover {color: var(--btn-success-hover-color);background-color: var(--btn-success-hover-bg);border-color: var(--btn-success-hover-border);}
.btn-check:focus + .btn-success,
.btn.btn-check:focus + .btn.btn-success,
.btn-success:focus,
.btn.btn-success:focus {color: var(--btn-success-active-color);background-color: var(--btn-success-active-bg);border-color: var(--btn-success-active-border);box-shadow: 0 0 0 0.2rem var(--btn-success-rgba);}
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success,
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {color: var(--btn-success-active-color);background-color: var(--btn-success-active-bg);border-color: var(--btn-success-active-border);}
.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-success-rgba);}
.btn-success:disabled,
.btn-success.disabled {color: var(--btn-success-disabled);background-color: var(--btn-success-bg);border-color: var(--btn-success-border);}

/* danger */
.btn-danger {color: var(--btn-danger-color);background-color: var(--btn-danger-bg);border-color: var(--btn-danger-border);}
.btn-danger:hover {color: var(--btn-danger-hover-color);background-color: var(--btn-danger-hover-bg);border-color: var(--btn-danger-hover-border);}
.btn-check:focus + .btn-danger,
.btn.btn-check:focus + .btn.btn-danger,
.btn-danger:focus,
.btn.btn-danger:focus {color: var(--btn-danger-active-color);background-color: var(--btn-danger-active-bg);border-color: var(--btn-danger-active-border);box-shadow: 0 0 0 0.2rem var(--btn-danger-rgba);}
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger,
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {color: var(--btn-danger-active-color);background-color: var(--btn-danger-active-bg);border-color: var(--btn-danger-active-border);}
.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-danger-rgba);}
.btn-danger:disabled,
.btn-danger.disabled {color: var(--btn-danger-disabled);background-color: var(--btn-danger-bg);border-color: var(--btn-danger-border);}

/* warning */
.btn-warning {color: var(--btn-warning-color);background-color: var(--btn-warning-bg);border-color: var(--btn-warning-border);}
.btn-warning:hover {color: var(--btn-warning-hover-color);background-color: var(--btn-warning-hover-bg);border-color: var(--btn-warning-hover-border);}
.btn-check:focus + .btn-warning,
.btn.btn-check:focus + .btn.btn-warning,
.btn-warning:focus,
.btn.btn-warning:focus {color: var(--btn-warning-active-color);background-color: var(--btn-warning-active-bg);border-color: var(--btn-warning-active-border);box-shadow: 0 0 0 0.2rem var(--btn-warning-rgba);}
.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning,
.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle {color: var(--btn-warning-active-color);background-color: var(--btn-warning-active-bg);border-color: var(--btn-warning-active-border);}
.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-warning-rgba);}
.btn-warning:disabled,
.btn-warning.disabled {color: var(--btn-warning-disabled);background-color: var(--btn-warning-bg);border-color: var(--btn-warning-border);}

/* info */
.btn-info {color: var(--btn-info-color);background-color: var(--btn-info-bg);border-color: var(--btn-info-border);}
.btn-info:hover {color: var(--btn-info-hover-color);background-color: var(--btn-info-hover-bg);border-color: var(--btn-info-hover-border);}
.btn-check:focus + .btn-info,
.btn.btn-check:focus + .btn.btn-info,
.btn-info:focus,
.btn.btn-info:focus {color: var(--btn-info-active-color);background-color: var(--btn-info-active-bg);border-color: var(--btn-info-active-border);box-shadow: 0 0 0 0.2rem var(--btn-info-rgba);}
.btn-check:checked + .btn-info,
.btn-check:active + .btn-info,
.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle {color: var(--btn-info-active-color);background-color: var(--btn-info-active-bg);border-color: var(--btn-info-active-border);}
.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-info-rgba);}
.btn-info:disabled,
.btn-info.disabled {color: var(--btn-info-disabled);background-color: var(--btn-info-bg);border-color: var(--btn-info-border);}

/* dark */
.btn-dark {color: var(--btn-dark-color);background-color: var(--btn-dark-bg);border-color: var(--btn-dark-border);}
.btn-dark:hover {color: var(--btn-dark-hover-color);background-color: var(--btn-dark-hover-bg);border-color: var(--btn-dark-hover-border);}
.btn-check:focus + .btn-dark,
.btn.btn-check:focus + .btn.btn-dark,
.btn-dark:focus,
.btn.btn-dark:focus {color: var(--btn-dark-active-color);background-color: var(--btn-dark-active-bg);border-color: var(--btn-dark-active-border);box-shadow: 0 0 0 0.2rem var(--btn-dark-rgba);}
.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark,
.btn-dark:active,
.btn-dark.active,
.show > .btn-dark.dropdown-toggle {color: var(--btn-dark-active-color);background-color: var(--btn-dark-active-bg);border-color: var(--btn-dark-active-border);}
.btn-check:checked + .btn-dark:focus,
.btn-check:active + .btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show > .btn-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-dark-rgba);}
.btn-dark:disabled,
.btn-dark.disabled {color: var(--btn-dark-disabled);background-color: var(--btn-dark-bg);border-color: var(--btn-dark-border);}

/* light */
.btn-light {color: var(--btn-light-color);background-color: var(--btn-light-bg);border-color: var(--btn-light-border);}
.btn-light:hover {color: var(--btn-light-hover-color);background-color: var(--btn-light-hover-bg);border-color: var(--btn-light-hover-border);}
.btn-check:focus + .btn-light,
.btn.btn-check:focus + .btn.btn-light,
.btn-light:focus,
.btn.btn-light:focus {color: var(--btn-light-active-color);background-color: var(--btn-light-active-bg);border-color: var(--btn-light-active-border);box-shadow: 0 0 0 0.2rem var(--btn-light-rgba);}
.btn-check:checked + .btn-light,
.btn-check:active + .btn-light,
.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {color: var(--btn-light-active-color);background-color: var(--btn-light-active-bg);border-color: var(--btn-light-active-border);}
.btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show > .btn-light.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-light-rgba);}
.btn-light:disabled,
.btn-light.disabled {color: var(--btn-light-disabled);background-color: var(--btn-light-bg);border-color: var(--btn-light-border);}

/* link */
.btn-link {color: var(--btn-link-color);background-color: var(--btn-link-bg);border-color: var(--btn-link-border);}
.btn-link:hover {color: var(--btn-link-hover-color);background-color: var(--btn-link-hover-bg);border-color: var(--btn-link-hover-border);}
.btn-check:focus + .btn-link,
.btn.btn-check:focus + .btn.btn-link,
.btn-link:focus,
.btn.btn-link:focus {color: var(--btn-link-active-color);background-color: var(--btn-link-active-bg);border-color: var(--btn-link-active-border);box-shadow: 0 0 0 0.2rem var(--btn-link-rgba);}
.btn-check:checked + .btn-link,
.btn-check:active + .btn-link,
.btn-link:active,
.btn-link.active,
.show > .btn-link.dropdown-toggle {color: var(--btn-link-active-color);background-color: var(--btn-link-active-bg);border-color: var(--btn-link-active-border);}
.btn-check:checked + .btn-link:focus,
.btn-check:active + .btn-link:focus,
.btn-link:active:focus,
.btn-link.active:focus,
.show > .btn-link.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--btn-link-rgba);}
.btn-link:disabled,
.btn-link.disabled {color: var(--btn-link-disabled);background-color: var(--btn-link-bg);border-color: var(--btn-link-border);}


.btn-outline-primary {color: var(--btn-primary-border);border-color: var(--btn-primary-border);}
.btn-outline-primary:hover {color: var(--btn-primary-color);background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {box-shadow: 0 0 0 0.2rem var(--btn-primary-rgba);}
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {color: var(--btn-primary-color);background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);}
.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-primary-rgba);}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {color: var(--btn-primary-disabled);background-color: transparent;}

.btn-outline-secondary {color: var(--btn-secondary-border);border-color: var(--btn-secondary-border);}
.btn-outline-secondary:hover {color: var(--btn-secondary-color);background-color: var(--btn-secondary-bg);border-color: var(--btn-secondary-border);}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {box-shadow: 0 0 0 0.2rem var(--btn-secondary-rgba);}
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {color: var(--btn-secondary-color);background-color: var(--btn-secondary-bg);border-color: var(--btn-secondary-border);}
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-secondary-rgba);}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {color: var(--btn-secondary-disabled);background-color: transparent;}

.btn-outline-success {color: var(--btn-success-border);border-color: var(--btn-success-border);}
.btn-outline-success:hover {color: var(--btn-success-color);background-color: var(--btn-success-bg);border-color: var(--btn-success-border);}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {box-shadow: 0 0 0 0.2rem var(--btn-success-rgba);}
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {color: var(--btn-success-color);background-color: var(--btn-success-bg);border-color: var(--btn-success-border);}
.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-success-rgba);}
.btn-outline-success:disabled,
.btn-outline-success.disabled {color: var(--btn-success-disabled);background-color: transparent;}

.btn-outline-danger {color: var(--btn-danger-border);border-color: var(--btn-danger-border);}
.btn-outline-danger:hover {color: var(--btn-danger-color);background-color: var(--btn-danger-bg);border-color: var(--btn-danger-border);}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {box-shadow: 0 0 0 0.2rem var(--btn-danger-rgba);}
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {color: var(--btn-danger-color);background-color: var(--btn-danger-bg);border-color: var(--btn-danger-border);}
.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-danger-rgba);}
.btn-outline-danger:disabled,
.btn-outline-danger.disabled {color: var(--btn-danger-disabled);background-color: transparent;}

.btn-outline-warning {color: var(--btn-warning-border);border-color: var(--btn-warning-border);}
.btn-outline-warning:hover {color: var(--btn-warning-color);background-color: var(--btn-warning-bg);border-color: var(--btn-warning-border);}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {box-shadow: 0 0 0 0.2rem var(--btn-warning-rgba);}
.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {color: var(--btn-warning-color);background-color: var(--btn-warning-bg);border-color: var(--btn-warning-border);}
.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-warning-rgba);}
.btn-outline-warning:disabled,
.btn-outline-warning.disabled {color: var(--btn-warning-disabled);background-color: transparent;}

.btn-outline-info {color: var(--btn-info-border);border-color: var(--btn-info-border);}
.btn-outline-info:hover {color: var(--btn-info-color);background-color: var(--btn-info-bg);border-color: var(--btn-info-border);}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {box-shadow: 0 0 0 0.2rem var(--btn-info-rgba);}
.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {color: var(--btn-info-color);background-color: var(--btn-info-bg);border-color: var(--btn-info-border);}
.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-info-rgba);}
.btn-outline-info:disabled,
.btn-outline-info.disabled {color: var(--btn-info-disabled);background-color: transparent;}

.btn-outline-dark {color: var(--btn-dark-border);border-color: var(--btn-dark-border);}
.btn-outline-dark:hover {color: var(--btn-dark-color);background-color: var(--btn-dark-bg);border-color: var(--btn-dark-border);}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {box-shadow: 0 0 0 0.2rem var(--btn-dark-rgba);}
.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {color: var(--btn-dark-color);background-color: var(--btn-dark-bg);border-color: var(--btn-dark-border);}
.btn-check:checked + .btn-outline-dark:focus,
.btn-check:active + .btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-dark-rgba);}
.btn-outline-dark:disabled,
.btn-outline-dark.disabled {color: var(--btn-dark-disabled);background-color: transparent;}

.btn-outline-light {color: var(--btn-light-border);border-color: var(--btn-light-border);}
.btn-outline-light:hover {color: var(--btn-light-color);background-color: var(--btn-light-bg);border-color: var(--btn-light-border);}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {box-shadow: 0 0 0 0.2rem var(--btn-light-rgba);}
.btn-check:checked + .btn-outline-light,
.btn-check:active + .btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {color: var(--btn-light-color);background-color: var(--btn-light-bg);border-color: var(--btn-light-border);}
.btn-check:checked + .btn-outline-light:focus,
.btn-check:active + .btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-light-rgba);}
.btn-outline-light:disabled,
.btn-outline-light.disabled {color: var(--btn-light-disabled);background-color: transparent;}

.btn-outline-link {color: var(--btn-link-border);border-color: var(--btn-link-border);}
.btn-outline-link:hover {color: var(--btn-link-color);background-color: var(--btn-link-bg);border-color: var(--btn-link-border);}
.btn-check:focus + .btn-outline-link,
.btn-outline-link:focus {box-shadow: 0 0 0 0.2rem var(--btn-link-rgba);}
.btn-check:checked + .btn-outline-link,
.btn-check:active + .btn-outline-link,
.btn-outline-link:active,
.btn-outline-link.active,
.btn-outline-link.dropdown-toggle.show {color: var(--btn-link-color);background-color: var(--btn-link-bg);border-color: var(--btn-link-border);}
.btn-check:checked + .btn-outline-link:focus,
.btn-check:active + .btn-outline-link:focus,
.btn-outline-link:active:focus,
.btn-outline-link.active:focus,
.btn-outline-link.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.2rem var(--btn-link-rgba);}
.btn-outline-link:disabled,
.btn-outline-link.disabled {color: var(--btn-link-disabled);background-color: transparent;}

.btn-link {font-weight: 400;color: var(--btn-link-color);text-decoration: underline;}
.btn-link:hover {color: var(--btn-link-color);}
.btn-link:disabled,
.btn-link.disabled {color: var(--btn-link-disabled);}

/*--------------------------------------------------------------
# tooltiplink
--------------------------------------------------------------*/
.tooltiplink:hover::after {background-color: var(--text-color01);color: var(--text-color07);}
.tooltiplink:hover:before {border-color: var(--text-color01) transparent;}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal-header {color: var(--header-color);background-color: var(--header-bg);}
.modal-header .btn-close {filter: invert(90%) sepia(90%) saturate(99%) hue-rotate(86deg) brightness(98%) contrast(119%);}

/*--------------------------------------------------------------
# Toast
--------------------------------------------------------------*/
.toast-header {color: var(--text-color07);}

/*--------------------------------------------------------------
# material datetime picker
--------------------------------------------------------------*/
.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {color: var(--header-color);background: var(--header-bg)!important;}

/* primary */
.dtp-btn-clear {color: var(--btn-primary-color);background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);}
.dtp-btn-clear:hover {color: var(--btn-primary-hover-color);background-color: var(--btn-primary-hover-bg);border-color: var(--btn-primary-hover-border);}
.dtp-btn-clear:focus {color: var(--btn-primary-hover-color);background-color: var(--btn-primary-hover-bg);border-color: var(--btn-primary-hover-border);box-shadow: 0 0 0 0.2rem var(--btn-primary-rgba);}

/* secondary */
.dtp-btn-cancel {color: var(--btn-secondary-color);background-color: var(--btn-secondary-bg);border-color: var(--btn-secondary-border);}
.dtp-btn-cancel:hover {color: var(--btn-secondary-hover-color);background-color: var(--btn-secondary-hover-bg);border-color: var(--btn-secondary-hover-border);}
.dtp-btn-cancel:focus {color: var(--btn-secondary-hover-color);background-color: var(--btn-secondary-hover-bg);border-color: var(--btn-secondary-hover-border);box-shadow: 0 0 0 0.2rem var(--btn-secondary-rgba);}

/* success */
.dtp-btn-ok {color: var(--btn-success-color);background-color: var(--btn-success-bg);border-color: var(--btn-success-border);}
.dtp-btn-ok:hover {color: var(--btn-success-hover-color);background-color: var(--btn-success-hover-bg);border-color: var(--btn-success-hover-border);}
.dtp-btn-ok:focus {color: var(--btn-success-hover-color);background-color: var(--btn-success-hover-bg);border-color: var(--btn-success-hover-border);box-shadow: 0 0 0 0.2rem var(--btn-success-rgba);}

/*--------------------------------------------------------------
# checkbox colors
--------------------------------------------------------------*/
.checkbox-default input[type="checkbox"]:checked,
.checkbox-default input[type="radio"]:checked {background-color: var(--body-color);border-color: var(--body-color); color: var(--body-color); }
.checkbox-primary input[type="checkbox"]:checked,
.checkbox-primary input[type="radio"]:checked {background-color: var(--btn-primary-bg);border-color: var(--btn-primary-border);color: var(--btn-primary-color); }
.checkbox-danger input[type="checkbox"]:checked,
.checkbox-danger input[type="radio"]:checked {background-color: var(--btn-danger-bg);border-color: var(--btn-danger-border);color: var(--btn-danger-color); }
.checkbox-info input[type="checkbox"]:checked,
.checkbox-info input[type="radio"]:checked {background-color: var(--btn-info-bg);border-color: var(--btn-info-border);color: var(--btn-info-color); }
.checkbox-warning input[type="checkbox"]:checked,
.checkbox-warning input[type="radio"]:checked {background-color: var(--btn-warning-bg);border-color: var(--btn-warning-border);color: var(--btn-warning-color); }
.checkbox-success input[type="checkbox"]:checked,
.checkbox-success input[type="radio"]:checked {background-color: var(--btn-success-bg);border-color: var(--btn-success-border);color: var(--btn-success-color);}

/*--------------------------------------------------------------
# file-input
--------------------------------------------------------------*/
.file-input .close {color: var(--text-color01);text-shadow: 0 1px 0 var(--text-color07);}

/*--------------------------------------------------------------
# datatable
--------------------------------------------------------------*/
.datatable tr th, .datatable tr td{color: var(--body-color)!important;}
.datatable-top .datatable-selector {color: var(--bs-body-color);border: var(--bs-border-width) solid var(--bs-border-color);}
.datatable-top .datatable-input {color: var(--bs-body-color);background-color: var(--bs-body-bg);border: var(--bs-border-width) solid var(--bs-border-color);}
.datatable-bottom .datatable-pagination-list {--bs-pagination-color: var(--bs-link-color);--bs-pagination-bg: var(--bs-body-bg);--bs-pagination-border-color: var(--bs-border-color);--bs-pagination-hover-color: var(--bs-link-hover-color);--bs-pagination-hover-bg: var(--bs-tertiary-bg);--bs-pagination-hover-border-color: var(--bs-border-color);--bs-pagination-focus-color: var(--bs-link-hover-color);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color: #fff;--bs-pagination-active-bg: #0d6efd;--bs-pagination-active-border-color: #0d6efd;--bs-pagination-disabled-color: var(--bs-secondary-color);--bs-pagination-disabled-bg: var(--bs-secondary-bg);--bs-pagination-disabled-border-color: var(--bs-border-color);}
.datatable-bottom .datatable-disabled > .datatable-pagination-list-item-link,
.datatable-bottom .datatable-pagination-list-item-link.datatable-disabled {color: var(--bs-pagination-disabled-color)!important;background-color: var(--bs-pagination-disabled-bg)!important;border-color: var(--bs-pagination-disabled-border-color)!important;}
.datatable-bottom .datatable-pagination-list-item-link {color: var(--link)!important;background-color: var(--bs-pagination-bg)!important;border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color)!important;}
.datatable-bottom .datatable-active > .datatable-pagination-list-item-link,
.datatable-bottom .datatable-pagination-list-item-link.datatable-active,
.datatable-bottom .datatable-pagination-list-item-link:hover {color: var(--btn-primary-color)!important;background-color: var(--btn-primary-bg)!important;border-color: var(--btn-primary-border)!important;}

/*--------------------------------------------------------------
# correccion select2
--------------------------------------------------------------*/
.select2-container .select2-selection--single {border: var(--bs-border-width) solid var(--bs-border-color);}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {border: var(--bs-border-width) solid var(--bs-border-color);}

/*--------------------------------------------------------------
# MegaMenu
--------------------------------------------------------------*/
.dropdown-menu-large {background-color: var(--dropdown-menu-large-bg);border: 1px solid var(--dropdown-menu-large-border);}
.dropdown-menu-large > li > ul > li > a {color: var(--dropdown-menu-large-color);}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {background-color: var(--dropdown-menu-large-bg-hover);}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {color: var(--dropdown-menu-large-color-disabled);}
.dropdown-menu-large .dropdown-header {color: var(--dropdown-menu-large-color-header);}
.dropdown-menu-large .dropdown-tittle {color: var(--dropdown-menu-large-color-tittle);}
.dropdown-menu-large .dropdown-subtittle {color: var(--dropdown-menu-large-color-subtittle);}
.dropdown-menu-large .divider {background-color: var(--dropdown-menu-large-color-divider);}
/* la flecha */
.dropdown-menu-large-arrow::before {background: var(--dropdown-menu-large-bg) !important;border-top: 1px solid var(--dropdown-menu-large-bg) !important;border-left: 1px solid var(--dropdown-menu-large-bg) !important;}
@media (min-width: 768px) {
  .dropdown-menu-large-arrow::before {content: "";width: 13px;height: 13px;background:var(--dropdown-menu-large-bg);position: absolute;top: -7px;left: 40px;transform: rotate(45deg);border-top:1px solid var(--dropdown-menu-large-border);border-left:1px solid var(--dropdown-menu-large-border);}
}
/*--------------------------------------------------------------
# Se le asigna color a la barra de desplazamiento
--------------------------------------------------------------*/
body {scrollbar-color: var(--header-bg) transparent;}
body::-webkit-scrollbar {background-color: #fff;}
body::-webkit-scrollbar-thumb {background-color: #aab7cf;}

/*--------------------------------------------------------------
# Alertas en los formularios
--------------------------------------------------------------*/
.field .alert{color:var(--btn-danger-hover-color); background-color:var(--btn-danger-hover-bg); }
.bad input,.bad select,.bad textarea{border:1px solid var(--btn-danger-hover-border);box-shadow:0 0 4px -2px var(--btn-danger-hover-border); }


/*--------------------------------------------------------------
# Panel Kanban
--------------------------------------------------------------*/
.kanban{border: 1px solid var(--tabs-bordered);}
.kanban .task{color: var(--text-color01);background-color: transparent;}
.kanban .task .img img{border: 1px solid var(--tabs-bordered);}
.kanban .task .date {color: var(--text-color02);}
.kanban .task-ok{border: 1px solid var(--btn-success-border);border-left-width: 5px;}
.kanban .task-problem{border: 1px solid var(--btn-danger-border);border-left-width: 5px;}

/*--------------------------------------------------------------
# Resumen kanban
--------------------------------------------------------------*/
.kanban-container .kanban-header address {color: var(--text-color04);}
.kanban-container .kanban-details {background: var(--tabs-bordered);}
.kanban-container .kanban-body .table th,
.kanban-container .kanban-body .table td{color: var(--text-color04);}
.kanban-container .kanban-header .title,
.kanban-container .kanban-footer .title{color: var(--text-color04);}
.kanban-container .kanban-footer .img {color: var(--text-color04);}
.kanban-container .kanban-footer .img img{border: 1px solid var(--tabs-bordered);}

/*--------------------------------------------------------------
# Resumen kanban
--------------------------------------------------------------*/
.title_h1{color: var(--text-color01);}
.title_h2{color: var(--text-color08);}
.title_h3{color: var(--text-color11);}
.title_h4{color: var(--color-red-dark);}
.title_h5{color: var(--text-color15);}


/*--------------------------------------------------------------
# Loader de los formularios
--------------------------------------------------------------*/
#PDloader {border: 10px solid var(--btn-info-color);border-top: 10px solid var(--btn-info-bg);border-bottom: 10px solid var(--btn-info-bg);}

/*--------------------------------------------------------------
# Modificacion
--------------------------------------------------------------*/
.view-more-menu .dropdown-item.active, .view-more-menu .dropdown-item:active {
  color: var(--tabs-color-active);
}

/*--------------------------------------------------------------
# Small-Box
--------------------------------------------------------------*/
.small-box {box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);}
.small-box .small-box-icon {color: rgba(0, 0, 0, 0.15);}
.small-box > .small-box-footer {background-color: rgba(0, 0, 0, 0.07);}

/*--------------------------------------------------------------
# Info-Box
--------------------------------------------------------------*/
.info-box {box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);color: var(--bs-body-color);background-color: var(--bs-body-bg);}
.info-box .progress {background-color: rgba(255,255,255, 0.125);}
.info-box .progress .progress-bar {color: var(--bs-progress-bar-color);transition: var(--bs-progress-bar-transition);}

/*--------------------------------------------------------------
# timeline
--------------------------------------------------------------*/
.timeline::before {background-color: var(--bs-border-color);}
.timeline > .time-label > span {background-color: var(--bs-body-bg);}
.timeline > div .timeline-icon {background-color: var(--bs-secondary-bg);}
.timeline > div > .timeline-item {box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);color: var(--bs-body-color);background-color: var(--bs-body-bg);}
.timeline > div > .timeline-item > .time {color: var(--bs-secondary-color);}
.timeline > div > .timeline-item > .timeline-header {color: var(--bs-secondary-color);border-bottom: 1px solid var(--bs-border-color);}

/*--------------------------------------------------------------
# divider
--------------------------------------------------------------*/
.divider {color: #697a8d;}
.divider .divider-text::before, .divider .divider-text::after {border-top: 1px solid rgba(67, 89, 113, 0.2);border-top-color: rgba(67, 89, 113, 0.2);}
.divider.divider-dotted .divider-text::before, .divider.divider-dotted .divider-text::after {border-color: rgba(67, 89, 113, 0.2);}
.divider.divider-dashed .divider-text::before, .divider.divider-dashed .divider-text::after {border-color: rgba(67, 89, 113, 0.2);}
.divider.divider-primary .divider-text::before, .divider.divider-primary .divider-text::after {border-color: var(--btn-primary-border);}
.divider.divider.divider-success .divider-text::before, .divider.divider.divider-success .divider-text::after {border-color: var(--btn-success-border);}
.divider.divider.divider-danger .divider-text::before, .divider.divider.divider-danger .divider-text::after {border-color: var(--btn-danger-border);}
.divider.divider.divider-warning .divider-text::before, .divider.divider.divider-warning .divider-text::after {border-color: var(--btn-warning-border);}
.divider.divider.divider-info .divider-text::before, .divider.divider.divider-info .divider-text::after {border-color: var(--btn-info-border);}
.divider.divider.divider-dark .divider-text::before, .divider.divider.divider-dark .divider-text::after {border-color: var(--btn-dark-border);}
/*--------------------------------*/
.hrLine-color-mdb-text{border-color:var(--color-mdb-text)!important;}
.hrLine-color-red-text{border-color:var(--color-red-text)!important;}
.hrLine-color-pink-text{border-color:var(--color-pink-text)!important;}
.hrLine-color-purple-text{border-color:var(--color-purple-text)!important;}
.hrLine-color-deep-purple-text{border-color:var(--color-deep-purple-text)!important;}
.hrLine-color-indigo-text{border-color:var(--color-indigo-text)!important;}
.hrLine-color-blue-text{border-color:var(--color-blue-text)!important;}
.hrLine-color-light-blue-text{border-color:var(--color-light-blue-text)!important;}
.hrLine-color-cyan-text{border-color:var(--color-cyan-text)!important;}
.hrLine-color-teal-text{border-color:var(--color-teal-text)!important;}
.hrLine-color-green-text{border-color:var(--color-green-text)!important;}
.hrLine-color-light-green-text{border-color:var(--color-light-green-text)!important;}
.hrLine-color-lime-text{border-color:var(--color-lime-text)!important;}
.hrLine-color-yellow-text{border-color:var(--color-yellow-text)!important;}
.hrLine-color-amber-text{border-color:var(--color-amber-text)!important;}
.hrLine-color-orange-text{border-color:var(--color-orange-text)!important;}
.hrLine-color-deep-orange-text{border-color:var(--color-deep-orange-text)!important;}
.hrLine-color-brown-text{border-color:var(--color-brown-text)!important;}
.hrLine-color-blue-grey-text{border-color:var(--color-blue-grey-text)!important;}
.hrLine-color-grey-text{border-color:var(--color-grey-text)!important;}
.hrLine-color-gray-dark{border-color:var(--color-gray-dark)!important;}
/*--------------------------------*/
.BtsHDivider .title-color-original{color:#2ca5b9!important;}
.BtsHDivider .title-color-mdb-text{color:var(--color-mdb-text)!important;}
.BtsHDivider .title-color-red-text{color:var(--color-red-text)!important;}
.BtsHDivider .title-color-pink-text{color:var(--color-pink-text)!important;}
.BtsHDivider .title-color-purple-text{color:var(--color-purple-text)!important;}
.BtsHDivider .title-color-deep-purple-text{color:var(--color-deep-purple-text)!important;}
.BtsHDivider .title-color-indigo-text{color:var(--color-indigo-text)!important;}
.BtsHDivider .title-color-blue-text{color:var(--color-blue-text)!important;}
.BtsHDivider .title-color-light-blue-text{color:var(--color-light-blue-text)!important;}
.BtsHDivider .title-color-cyan-text{color:var(--color-cyan-text)!important;}
.BtsHDivider .title-color-teal-text{color:var(--color-teal-text)!important;}
.BtsHDivider .title-color-green-text{color:var(--color-green-text)!important;}
.BtsHDivider .title-color-light-green-text{color:var(--color-light-green-text)!important;}
.BtsHDivider .title-color-lime-text{color:var(--color-lime-text)!important;}
.BtsHDivider .title-color-yellow-text{color:var(--color-yellow-text)!important;}
.BtsHDivider .title-color-amber-text{color:var(--color-amber-text)!important;}
.BtsHDivider .title-color-orange-text{color:var(--color-orange-text)!important;}
.BtsHDivider .title-color-deep-orange-text{color:var(--color-deep-orange-text)!important;}
.BtsHDivider .title-color-brown-text{color:var(--color-brown-text)!important;}
.BtsHDivider .title-color-blue-grey-text{color:var(--color-blue-grey-text)!important;}
.BtsHDivider .title-color-grey-text{color:var(--color-grey-text)!important;}
.BtsHDivider .title-color-gray-dark{color:var(--color-gray-dark)!important;}
.BtsHDivider .h-divider {border-bottom: 1px solid #f0f0f0;}
.BtsHDivider .h-divider:before {border: 1px solid #f0f0f0;background: #fff;}
.BtsHDivider .divider-color-original:after{background:#2ca5b9!important;border: 1px solid #2ca5b9;}
.BtsHDivider .divider-color-mdb-text:after{background:var(--color-mdb-text)!important;border: 1px solid var(--color-mdb-text);}
.BtsHDivider .divider-color-red-text:after{background:var(--color-red-text)!important;border: 1px solid var(--color-red-text);}
.BtsHDivider .divider-color-pink-text:after{background:var(--color-pink-text)!important;border: 1px solid var(--color-pink-text);}
.BtsHDivider .divider-color-purple-text:after{background:var(--color-purple-text)!important;border: 1px solid var(--color-purple-text);}
.BtsHDivider .divider-color-deep-purple-text:after{background:var(--color-deep-purple-text)!important;border: 1px solid var(--color-deep-purple-text);}
.BtsHDivider .divider-color-indigo-text:after{background:var(--color-indigo-text)!important;border: 1px solid var(--color-indigo-text);}
.BtsHDivider .divider-color-blue-text:after{background:var(--color-blue-text)!important;border: 1px solid var(--color-blue-text);}
.BtsHDivider .divider-color-light-blue-text:after{background:var(--color-light-blue-text)!important;border: 1px solid var(--color-light-blue-text);}
.BtsHDivider .divider-color-cyan-text:after{background:var(--color-cyan-text)!important;border: 1px solid var(--color-cyan-text);}
.BtsHDivider .divider-color-teal-text:after{background:var(--color-teal-text)!important;border: 1px solid var(--color-teal-text);}
.BtsHDivider .divider-color-green-text:after{background:var(--color-green-text)!important;border: 1px solid var(--color-green-text);}
.BtsHDivider .divider-color-light-green-text:after{background:var(--color-light-green-text)!important;border: 1px solid var(--color-light-green-text);}
.BtsHDivider .divider-color-lime-text:after{background:var(--color-lime-text)!important;border: 1px solid var(--color-lime-text);}
.BtsHDivider .divider-color-yellow-text:after{background:var(--color-yellow-text)!important;border: 1px solid var(--color-yellow-text);}
.BtsHDivider .divider-color-amber-text:after{background:var(--color-amber-text)!important;border: 1px solid var(--color-amber-text);}
.BtsHDivider .divider-color-orange-text:after{background:var(--color-orange-text)!important;border: 1px solid var(--color-orange-text);}
.BtsHDivider .divider-color-deep-orange-text:after{background:var(--color-deep-orange-text)!important;border: 1px solid var(--color-deep-orange-text);}
.BtsHDivider .divider-color-brown-text:after{background:var(--color-brown-text)!important;border: 1px solid var(--color-brown-text);}
.BtsHDivider .divider-color-blue-grey-text:after{background:var(--color-blue-grey-text)!important;border: 1px solid var(--color-blue-grey-text);}
.BtsHDivider .divider-color-grey-text:after{background:var(--color-grey-text)!important;border: 1px solid var(--color-grey-text);}
.BtsHDivider .divider-color-gray-dark:after{background:var(--color-gray-dark)!important;border: 1px solid var(--color-gray-dark);}
/*--------------------------------*/
.astrodivider .astrodividermask:after {box-shadow: 0 0 8px #049372;}
.astrodivider span {box-shadow: 0 2px 4px #4fb39c;background: #fff;}
.astrodivider span i {border: 1px dashed #68beaa;color: #049372;}
.astrodivider-purple .astrodividermask:after {box-shadow: 0 0 8px #886fac;}
.astrodivider-purple span {box-shadow: 0 2px 4px #ab9ac4;}
.astrodivider-purple span i {border: 1px dashed #b7a8cd;color: #886fac;}
.astrodivider-neonpurple .astrodividermask:after {box-shadow: 0 0 8px #9d00ff;}
.astrodivider-neonpurple span {box-shadow: 0 2px 4px #ba4cff;}
.astrodivider-neonpurple span i {border: 1px dashed #c466ff;color: #9d00ff;}
.astrodivider-mdb-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-mdb-text);}
.astrodivider-mdb-text span {box-shadow: 0 2px 4px var(--color-mdb-text);}
.astrodivider-mdb-text span i {border: 1px dashed var(--color-mdb-text);color: var(--color-mdb-text);}
.astrodivider-red-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-red-text);}
.astrodivider-red-text span {box-shadow: 0 2px 4px var(--color-red-text);}
.astrodivider-red-text span i {border: 1px dashed var(--color-red-text);color: var(--color-red-text);}
.astrodivider-pink-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-pink-text);}
.astrodivider-pink-text span {box-shadow: 0 2px 4px var(--color-pink-text);}
.astrodivider-pink-text span i {border: 1px dashed var(--color-pink-text);color: var(--color-pink-text);}
.astrodivider-purple-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-purple-text);}
.astrodivider-purple-text span {box-shadow: 0 2px 4px var(--color-purple-text);}
.astrodivider-purple-text span i {border: 1px dashed var(--color-purple-text);color: var(--color-purple-text);}
.astrodivider-deep-purple-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-deep-purple-text);}
.astrodivider-deep-purple-text span {box-shadow: 0 2px 4px var(--color-deep-purple-text);}
.astrodivider-deep-purple-text span i {border: 1px dashed var(--color-deep-purple-text);color: var(--color-deep-purple-text);}
.astrodivider-indigo-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-indigo-text);}
.astrodivider-indigo-text span {box-shadow: 0 2px 4px var(--color-indigo-text);}
.astrodivider-indigo-text span i {border: 1px dashed var(--color-indigo-text);color: var(--color-indigo-text);}
.astrodivider-blue-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-blue-text);}
.astrodivider-blue-text span {box-shadow: 0 2px 4px var(--color-blue-text);}
.astrodivider-blue-text span i {border: 1px dashed var(--color-blue-text);color: var(--color-blue-text);}
.astrodivider-light-blue-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-light-blue-text);}
.astrodivider-light-blue-text span {box-shadow: 0 2px 4px var(--color-light-blue-text);}
.astrodivider-light-blue-text span i {border: 1px dashed var(--color-light-blue-text);color: var(--color-light-blue-text);}
.astrodivider-cyan-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-cyan-text);}
.astrodivider-cyan-text span {box-shadow: 0 2px 4px var(--color-cyan-text);}
.astrodivider-cyan-text span i {border: 1px dashed var(--color-cyan-text);color: var(--color-cyan-text);}
.astrodivider-teal-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-teal-text);}
.astrodivider-teal-text span {box-shadow: 0 2px 4px var(--color-teal-text);}
.astrodivider-teal-text span i {border: 1px dashed var(--color-teal-text);color: var(--color-teal-text);}
.astrodivider-green-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-green-text);}
.astrodivider-green-text span {box-shadow: 0 2px 4px var(--color-green-text);}
.astrodivider-green-text span i {border: 1px dashed var(--color-green-text);color: var(--color-green-text);}
.astrodivider-light-green-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-light-green-text);}
.astrodivider-light-green-text span {box-shadow: 0 2px 4px var(--color-light-green-text);}
.astrodivider-light-green-text span i {border: 1px dashed var(--color-light-green-text);color: var(--color-light-green-text);}
.astrodivider-lime-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-lime-text);}
.astrodivider-lime-text span {box-shadow: 0 2px 4px var(--color-lime-text);}
.astrodivider-lime-text span i {border: 1px dashed var(--color-lime-text);color: var(--color-lime-text);}
.astrodivider-yellow-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-yellow-text);}
.astrodivider-yellow-text span {box-shadow: 0 2px 4px var(--color-yellow-text);}
.astrodivider-yellow-text span i {border: 1px dashed var(--color-yellow-text);color: var(--color-yellow-text);}
.astrodivider-amber-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-amber-text);}
.astrodivider-amber-text span {box-shadow: 0 2px 4px var(--color-amber-text);}
.astrodivider-amber-text span i {border: 1px dashed var(--color-amber-text);color: var(--color-amber-text);}
.astrodivider-orange-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-orange-text);}
.astrodivider-orange-text span {box-shadow: 0 2px 4px var(--color-orange-text);}
.astrodivider-orange-text span i {border: 1px dashed var(--color-orange-text);color: var(--color-orange-text);}
.astrodivider-deep-orange-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-deep-orange-text);}
.astrodivider-deep-orange-text span {box-shadow: 0 2px 4px var(--color-deep-orange-text);}
.astrodivider-deep-orange-text span i {border: 1px dashed var(--color-deep-orange-text);color: var(--color-deep-orange-text);}
.astrodivider-brown-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-brown-text);}
.astrodivider-brown-text span {box-shadow: 0 2px 4px var(--color-brown-text);}
.astrodivider-brown-text span i {border: 1px dashed var(--color-brown-text);color: var(--color-brown-text);}
.astrodivider-blue-grey-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-blue-grey-text);}
.astrodivider-blue-grey-text span {box-shadow: 0 2px 4px var(--color-blue-grey-text);}
.astrodivider-blue-grey-text span i {border: 1px dashed var(--color-blue-grey-text);color: var(--color-blue-grey-text);}
.astrodivider-grey-text .astrodividermask:after {box-shadow: 0 0 8px var(--color-grey-text);}
.astrodivider-grey-text span {box-shadow: 0 2px 4px var(--color-grey-text);}
.astrodivider-grey-text span i {border: 1px dashed var(--color-grey-text);color: var(--color-grey-text);}
.astrodivider-gray-dark .astrodividermask:after {box-shadow: 0 0 8px var(--color-gray-dark);}
.astrodivider-gray-dark span {box-shadow: 0 2px 4px var(--color-gray-dark);}
.astrodivider-gray-dark span i {border: 1px dashed var(--color-gray-dark);color: var(--color-gray-dark);}
/*--------------------------------*/
.fancy-1-color-mdb-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-mdb-text) 42%, var(--color-mdb-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-red-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-red-text) 42%, var(--color-red-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-pink-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-pink-text) 42%, var(--color-pink-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-purple-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-purple-text) 42%, var(--color-purple-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-deep-purple-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-deep-purple-text) 42%, var(--color-deep-purple-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-indigo-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-indigo-text) 42%, var(--color-indigo-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-blue-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-blue-text) 42%, var(--color-blue-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-light-blue-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-light-blue-text) 42%, var(--color-light-blue-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-cyan-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-cyan-text) 42%, var(--color-cyan-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-teal-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-teal-text) 42%, var(--color-teal-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-green-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-green-text) 42%, var(--color-green-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-light-green-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-light-green-text) 42%, var(--color-light-green-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-lime-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-lime-text) 42%, var(--color-lime-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-yellow-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-yellow-text) 42%, var(--color-yellow-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-amber-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-amber-text) 42%, var(--color-amber-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-orange-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-orange-text) 42%, var(--color-orange-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-deep-orange-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-deep-orange-text) 42%, var(--color-deep-orange-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-brown-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-brown-text) 42%, var(--color-brown-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-blue-grey-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-blue-grey-text) 42%, var(--color-blue-grey-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-grey-text{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-grey-text) 42%, var(--color-grey-text) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
.fancy-1-color-gray-dark{background-image: linear-gradient(115deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 39%, var(--color-gray-dark) 42%, var(--color-gray-dark) 57%, var(--rgba-transparent) 60%, var(--rgba-transparent) 100%);}
/*--------------------------------*/
.fancy-2-color-mdb-text {background-image: radial-gradient(ellipse at center, var(--color-mdb-text) 0%,var(--color-mdb-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-red-text {background-image: radial-gradient(ellipse at center, var(--color-red-text) 0%,var(--color-red-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-pink-text {background-image: radial-gradient(ellipse at center, var(--color-pink-text) 0%,var(--color-pink-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-purple-text {background-image: radial-gradient(ellipse at center, var(--color-purple-text) 0%,var(--color-purple-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-deep-purple-text {background-image: radial-gradient(ellipse at center, var(--color-deep-purple-text) 0%,var(--color-deep-purple-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-indigo-text {background-image: radial-gradient(ellipse at center, var(--color-indigo-text) 0%,var(--color-indigo-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-blue-text {background-image: radial-gradient(ellipse at center, var(--color-blue-text) 0%,var(--color-blue-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-light-blue-text {background-image: radial-gradient(ellipse at center, var(--color-light-blue-text) 0%,var(--color-light-blue-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-cyan-text {background-image: radial-gradient(ellipse at center, var(--color-cyan-text) 0%,var(--color-cyan-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-teal-text {background-image: radial-gradient(ellipse at center, var(--color-teal-text) 0%,var(--color-teal-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-green-text {background-image: radial-gradient(ellipse at center, var(--color-green-text) 0%,var(--color-green-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-light-green-text {background-image: radial-gradient(ellipse at center, var(--color-light-green-text) 0%,var(--color-light-green-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-lime-text {background-image: radial-gradient(ellipse at center, var(--color-lime-text) 0%,var(--color-lime-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-yellow-text {background-image: radial-gradient(ellipse at center, var(--color-yellow-text) 0%,var(--color-yellow-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-amber-text {background-image: radial-gradient(ellipse at center, var(--color-amber-text) 0%,var(--color-amber-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-orange-text {background-image: radial-gradient(ellipse at center, var(--color-orange-text) 0%,var(--color-orange-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-deep-orange-text {background-image: radial-gradient(ellipse at center, var(--color-deep-orange-text) 0%,var(--color-deep-orange-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-brown-text {background-image: radial-gradient(ellipse at center, var(--color-brown-text) 0%,var(--color-brown-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-blue-grey-text {background-image: radial-gradient(ellipse at center, var(--color-blue-grey-text) 0%,var(--color-blue-grey-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-grey-text {background-image: radial-gradient(ellipse at center, var(--color-grey-text) 0%,var(--color-grey-text) 24%,var(--rgba-white) 25%);}
.fancy-2-color-gray-dark {background-image: radial-gradient(ellipse at center, var(--color-gray-dark) 0%,var(--color-gray-dark) 24%,var(--rgba-white) 25%);}
/*--------------------------------*/
.fancy-3-color-mdb-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-mdb-text) 44%, var(--color-mdb-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-mdb-text) 44%, var(--color-mdb-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-red-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-red-text) 44%, var(--color-red-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-red-text) 44%, var(--color-red-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-pink-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-pink-text) 44%, var(--color-pink-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-pink-text) 44%, var(--color-pink-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-purple-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-purple-text) 44%, var(--color-purple-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-purple-text) 44%, var(--color-purple-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-deep-purple-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-deep-purple-text) 44%, var(--color-deep-purple-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-deep-purple-text) 44%, var(--color-deep-purple-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-indigo-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-indigo-text) 44%, var(--color-indigo-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-indigo-text) 44%, var(--color-indigo-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-blue-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-blue-text) 44%, var(--color-blue-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-blue-text) 44%, var(--color-blue-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-light-blue-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-light-blue-text) 44%, var(--color-light-blue-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-light-blue-text) 44%, var(--color-light-blue-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-cyan-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-cyan-text) 44%, var(--color-cyan-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-cyan-text) 44%, var(--color-cyan-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-teal-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-teal-text) 44%, var(--color-teal-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-teal-text) 44%, var(--color-teal-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-green-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-green-text) 44%, var(--color-green-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-green-text) 44%, var(--color-green-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-light-green-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-light-green-text) 44%, var(--color-light-green-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-light-green-text) 44%, var(--color-light-green-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-lime-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-lime-text) 44%, var(--color-lime-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-lime-text) 44%, var(--color-lime-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-yellow-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-yellow-text) 44%, var(--color-yellow-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-yellow-text) 44%, var(--color-yellow-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-amber-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-amber-text) 44%, var(--color-amber-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-amber-text) 44%, var(--color-amber-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-orange-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-orange-text) 44%, var(--color-orange-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-orange-text) 44%, var(--color-orange-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-deep-orange-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-deep-orange-text) 44%, var(--color-deep-orange-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-deep-orange-text) 44%, var(--color-deep-orange-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-brown-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-brown-text) 44%, var(--color-brown-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-brown-text) 44%, var(--color-brown-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-blue-grey-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-blue-grey-text) 44%, var(--color-blue-grey-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-blue-grey-text) 44%, var(--color-blue-grey-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-grey-text {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-grey-text) 44%, var(--color-grey-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-grey-text) 44%, var(--color-grey-text) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
.fancy-3-color-gray-dark {background-image: linear-gradient(45deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-gray-dark) 44%, var(--color-gray-dark) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%),linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-gray-dark) 44%, var(--color-gray-dark) 52%, var(--rgba-transparent) 53%, var(--rgba-transparent) 100%);}
/*--------------------------------*/
.fancy-4-color-mdb-text {border: 1px solid var(--color-mdb-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-mdb-text) 44%, var(--color-mdb-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-red-text {border: 1px solid var(--color-red-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-red-text) 44%, var(--color-red-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-pink-text {border: 1px solid var(--color-pink-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-pink-text) 44%, var(--color-pink-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-purple-text {border: 1px solid var(--color-purple-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-purple-text) 44%, var(--color-purple-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-deep-purple-text {border: 1px solid var(--color-deep-purple-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-deep-purple-text) 44%, var(--color-deep-purple-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-indigo-text {border: 1px solid var(--color-indigo-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-indigo-text) 44%, var(--color-indigo-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-blue-text {border: 1px solid var(--color-blue-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-blue-text) 44%, var(--color-blue-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-light-blue-text {border: 1px solid var(--color-light-blue-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-light-blue-text) 44%, var(--color-light-blue-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-cyan-text {border: 1px solid var(--color-cyan-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-cyan-text) 44%, var(--color-cyan-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-teal-text {border: 1px solid var(--color-teal-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-teal-text) 44%, var(--color-teal-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-green-text {border: 1px solid var(--color-green-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-green-text) 44%, var(--color-green-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-light-green-text {border: 1px solid var(--color-light-green-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-light-green-text) 44%, var(--color-light-green-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-lime-text {border: 1px solid var(--color-lime-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-lime-text) 44%, var(--color-lime-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-yellow-text {border: 1px solid var(--color-yellow-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-yellow-text) 44%, var(--color-yellow-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-amber-text {border: 1px solid var(--color-amber-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-amber-text) 44%, var(--color-amber-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-orange-text {border: 1px solid var(--color-orange-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-orange-text) 44%, var(--color-orange-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-deep-orange-text {border: 1px solid var(--color-deep-orange-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-deep-orange-text) 44%, var(--color-deep-orange-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-brown-text {border: 1px solid var(--color-brown-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-brown-text) 44%, var(--color-brown-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-blue-grey-text {border: 1px solid var(--color-blue-grey-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-blue-grey-text) 44%, var(--color-blue-grey-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-grey-text {border: 1px solid var(--color-grey-text);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-grey-text) 44%, var(--color-grey-text) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
.fancy-4-color-gray-dark {border: 1px solid var(--color-gray-dark);background-image: linear-gradient(135deg, var(--rgba-transparent) 0%, var(--rgba-transparent) 43%, var(--color-gray-dark) 44%, var(--color-gray-dark) 54%, var(--rgba-transparent) 55%, var(--rgba-transparent) 100%);}
/*--------------------------------*/
.hr-fade-color-mdb-text {color: var(--color-mdb-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-mdb-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-red-text {color: var(--color-red-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-red-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-pink-text {color: var(--color-pink-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-pink-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-purple-text {color: var(--color-purple-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-purple-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-deep-purple-text {color: var(--color-deep-purple-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-deep-purple-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-indigo-text {color: var(--color-indigo-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-indigo-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-blue-text {color: var(--color-blue-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-blue-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-light-blue-text {color: var(--color-light-blue-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-light-blue-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-cyan-text {color: var(--color-cyan-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-cyan-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-teal-text {color: var(--color-teal-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-teal-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-green-text {color: var(--color-green-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-green-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-light-green-text {color: var(--color-light-green-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-light-green-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-lime-text {color: var(--color-lime-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-lime-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-yellow-text {color: var(--color-yellow-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-yellow-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-amber-text {color: var(--color-amber-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-amber-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-orange-text {color: var(--color-orange-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-orange-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-deep-orange-text {color: var(--color-deep-orange-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-deep-orange-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-brown-text {color: var(--color-brown-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-brown-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-blue-grey-text {color: var(--color-blue-grey-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-blue-grey-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-grey-text {color: var(--color-grey-text);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-grey-text) 50%, var(--rgba-transparent) 100%);}
.hr-fade-color-gray-dark {color: var(--color-gray-dark);background-image: linear-gradient(90deg, var(--rgba-transparent), var(--color-gray-dark) 50%, var(--rgba-transparent) 100%);}
/*--------------------------------*/
.hr-stars-color-mdb-text {color: var(--color-mdb-text);}
.hr-stars-color-red-text {color: var(--color-red-text);}
.hr-stars-color-pink-text {color: var(--color-pink-text);}
.hr-stars-color-purple-text {color: var(--color-purple-text);}
.hr-stars-color-deep-purple-text {color: var(--color-deep-purple-text);}
.hr-stars-color-indigo-text {color: var(--color-indigo-text);}
.hr-stars-color-blue-text {color: var(--color-blue-text);}
.hr-stars-color-light-blue-text {color: var(--color-light-blue-text);}
.hr-stars-color-cyan-text {color: var(--color-cyan-text);}
.hr-stars-color-teal-text {color: var(--color-teal-text);}
.hr-stars-color-green-text {color: var(--color-green-text);}
.hr-stars-color-light-green-text {color: var(--color-light-green-text);}
.hr-stars-color-lime-text {color: var(--color-lime-text);}
.hr-stars-color-yellow-text {color: var(--color-yellow-text);}
.hr-stars-color-amber-text {color: var(--color-amber-text);}
.hr-stars-color-orange-text {color: var(--color-orange-text);}
.hr-stars-color-deep-orange-text {color: var(--color-deep-orange-text);}
.hr-stars-color-brown-text {color: var(--color-brown-text);}
.hr-stars-color-blue-grey-text {color: var(--color-blue-grey-text);}
.hr-stars-color-grey-text {color: var(--color-grey-text);}
.hr-stars-color-gray-dark {color: var(--color-gray-dark);}
/*--------------------------------*/
.hr-dots-color-mdb-text {background-image: radial-gradient(circle, var(--color-mdb-text) 3px, transparent 3px);}
.hr-dots-color-red-text {background-image: radial-gradient(circle, var(--color-red-text) 3px, transparent 3px);}
.hr-dots-color-pink-text {background-image: radial-gradient(circle, var(--color-pink-text) 3px, transparent 3px);}
.hr-dots-color-purple-text {background-image: radial-gradient(circle, var(--color-purple-text) 3px, transparent 3px);}
.hr-dots-color-deep-purple-text {background-image: radial-gradient(circle, var(--color-deep-purple-text) 3px, transparent 3px);}
.hr-dots-color-indigo-text {background-image: radial-gradient(circle, var(--color-indigo-text) 3px, transparent 3px);}
.hr-dots-color-blue-text {background-image: radial-gradient(circle, var(--color-blue-text) 3px, transparent 3px);}
.hr-dots-color-light-blue-text {background-image: radial-gradient(circle, var(--color-light-blue-text) 3px, transparent 3px);}
.hr-dots-color-cyan-text {background-image: radial-gradient(circle, var(--color-cyan-text) 3px, transparent 3px);}
.hr-dots-color-teal-text {background-image: radial-gradient(circle, var(--color-teal-text) 3px, transparent 3px);}
.hr-dots-color-green-text {background-image: radial-gradient(circle, var(--color-green-text) 3px, transparent 3px);}
.hr-dots-color-light-green-text {background-image: radial-gradient(circle, var(--color-light-green-text) 3px, transparent 3px);}
.hr-dots-color-lime-text {background-image: radial-gradient(circle, var(--color-lime-text) 3px, transparent 3px);}
.hr-dots-color-yellow-text {background-image: radial-gradient(circle, var(--color-yellow-text) 3px, transparent 3px);}
.hr-dots-color-amber-text {background-image: radial-gradient(circle, var(--color-amber-text) 3px, transparent 3px);}
.hr-dots-color-orange-text {background-image: radial-gradient(circle, var(--color-orange-text) 3px, transparent 3px);}
.hr-dots-color-deep-orange-text {background-image: radial-gradient(circle, var(--color-deep-orange-text) 3px, transparent 3px);}
.hr-dots-color-brown-text {background-image: radial-gradient(circle, var(--color-brown-text) 3px, transparent 3px);}
.hr-dots-color-blue-grey-text {background-image: radial-gradient(circle, var(--color-blue-grey-text) 3px, transparent 3px);}
.hr-dots-color-grey-text {background-image: radial-gradient(circle, var(--color-grey-text) 3px, transparent 3px);}
.hr-dots-color-gray-dark {background-image: radial-gradient(circle, var(--color-gray-dark) 3px, transparent 3px);}
/*--------------------------------*/
.hr-bookends-color-mdb-text {border-color: var(--color-mdb-text) transparent;}
.hr-bookends-color-red-text {border-color: var(--color-red-text) transparent;}
.hr-bookends-color-pink-text {border-color: var(--color-pink-text) transparent;}
.hr-bookends-color-purple-text {border-color: var(--color-purple-text) transparent;}
.hr-bookends-color-deep-purple-text {border-color: var(--color-deep-purple-text) transparent;}
.hr-bookends-color-indigo-text {border-color: var(--color-indigo-text) transparent;}
.hr-bookends-color-blue-text {border-color: var(--color-blue-text) transparent;}
.hr-bookends-color-light-blue-text {border-color: var(--color-light-blue-text) transparent;}
.hr-bookends-color-cyan-text {border-color: var(--color-cyan-text) transparent;}
.hr-bookends-color-teal-text {border-color: var(--color-teal-text) transparent;}
.hr-bookends-color-green-text {border-color: var(--color-green-text) transparent;}
.hr-bookends-color-light-green-text {border-color: var(--color-light-green-text) transparent;}
.hr-bookends-color-lime-text {border-color: var(--color-lime-text) transparent;}
.hr-bookends-color-yellow-text {border-color: var(--color-yellow-text) transparent;}
.hr-bookends-color-amber-text {border-color: var(--color-amber-text) transparent;}
.hr-bookends-color-orange-text {border-color: var(--color-orange-text) transparent;}
.hr-bookends-color-deep-orange-text {border-color: var(--color-deep-orange-text) transparent;}
.hr-bookends-color-brown-text {border-color: var(--color-brown-text) transparent;}
.hr-bookends-color-blue-grey-text {border-color: var(--color-blue-grey-text) transparent;}
.hr-bookends-color-grey-text {border-color: var(--color-grey-text) transparent;}
.hr-bookends-color-gray-dark {border-color: var(--color-gray-dark) transparent;}
/*--------------------------------*/
.hr-bookends-color-mdb-text::before, .hr-bookends-color-mdb-text::after, .hr-bookends-dots-color-mdb-text, .hr-bookends-dots-color-mdb-text::before, .hr-bookends-dots-color-mdb-text::after, .hr-flair-color-mdb-text, .hr-flair-color-mdb-text::before {border-color: var(--color-mdb-text);}
.hr-bookends-color-red-text::before, .hr-bookends-color-red-text::after, .hr-bookends-dots-color-red-text, .hr-bookends-dots-color-red-text::before, .hr-bookends-dots-color-red-text::after, .hr-flair-color-red-text, .hr-flair-color-red-text::before {border-color: var(--color-red-text);}
.hr-bookends-color-pink-text::before, .hr-bookends-color-pink-text::after, .hr-bookends-dots-color-pink-text, .hr-bookends-dots-color-pink-text::before, .hr-bookends-dots-color-pink-text::after, .hr-flair-color-pink-text, .hr-flair-color-pink-text::before {border-color: var(--color-pink-text);}
.hr-bookends-color-purple-text::before, .hr-bookends-color-purple-text::after, .hr-bookends-dots-color-purple-text, .hr-bookends-dots-color-purple-text::before, .hr-bookends-dots-color-purple-text::after, .hr-flair-color-purple-text, .hr-flair-color-purple-text::before {border-color: var(--color-purple-text);}
.hr-bookends-color-deep-purple-text::before, .hr-bookends-color-deep-purple-text::after, .hr-bookends-dots-color-deep-purple-text, .hr-bookends-dots-color-deep-purple-text::before, .hr-bookends-dots-color-deep-purple-text::after, .hr-flair-color-deep-purple-text, .hr-flair-color-deep-purple-text::before {border-color: var(--color-deep-purple-text);}
.hr-bookends-color-indigo-text::before, .hr-bookends-color-indigo-text::after, .hr-bookends-dots-color-indigo-text, .hr-bookends-dots-color-indigo-text::before, .hr-bookends-dots-color-indigo-text::after, .hr-flair-color-indigo-text, .hr-flair-color-indigo-text::before {border-color: var(--color-indigo-text);}
.hr-bookends-color-blue-text::before, .hr-bookends-color-blue-text::after, .hr-bookends-dots-color-blue-text, .hr-bookends-dots-color-blue-text::before, .hr-bookends-dots-color-blue-text::after, .hr-flair-color-blue-text, .hr-flair-color-blue-text::before {border-color: var(--color-blue-text);}
.hr-bookends-color-light-blue-text::before, .hr-bookends-color-light-blue-text::after, .hr-bookends-dots-color-light-blue-text, .hr-bookends-dots-color-light-blue-text::before, .hr-bookends-dots-color-light-blue-text::after, .hr-flair-color-light-blue-text, .hr-flair-color-light-blue-text::before {border-color: var(--color-light-blue-text);}
.hr-bookends-color-cyan-text::before, .hr-bookends-color-cyan-text::after, .hr-bookends-dots-color-cyan-text, .hr-bookends-dots-color-cyan-text::before, .hr-bookends-dots-color-cyan-text::after, .hr-flair-color-cyan-text, .hr-flair-color-cyan-text::before {border-color: var(--color-cyan-text);}
.hr-bookends-color-teal-text::before, .hr-bookends-color-teal-text::after, .hr-bookends-dots-color-teal-text, .hr-bookends-dots-color-teal-text::before, .hr-bookends-dots-color-teal-text::after, .hr-flair-color-teal-text, .hr-flair-color-teal-text::before {border-color: var(--color-teal-text);}
.hr-bookends-color-green-text::before, .hr-bookends-color-green-text::after, .hr-bookends-dots-color-green-text, .hr-bookends-dots-color-green-text::before, .hr-bookends-dots-color-green-text::after, .hr-flair-color-green-text, .hr-flair-color-green-text::before {border-color: var(--color-green-text);}
.hr-bookends-color-light-green-text::before, .hr-bookends-color-light-green-text::after, .hr-bookends-dots-color-light-green-text, .hr-bookends-dots-color-light-green-text::before, .hr-bookends-dots-color-light-green-text::after, .hr-flair-color-light-green-text, .hr-flair-color-light-green-text::before {border-color: var(--color-light-green-text);}
.hr-bookends-color-lime-text::before, .hr-bookends-color-lime-text::after, .hr-bookends-dots-color-lime-text, .hr-bookends-dots-color-lime-text::before, .hr-bookends-dots-color-lime-text::after, .hr-flair-color-lime-text, .hr-flair-color-lime-text::before {border-color: var(--color-lime-text);}
.hr-bookends-color-yellow-text::before, .hr-bookends-color-yellow-text::after, .hr-bookends-dots-color-yellow-text, .hr-bookends-dots-color-yellow-text::before, .hr-bookends-dots-color-yellow-text::after, .hr-flair-color-yellow-text, .hr-flair-color-yellow-text::before {border-color: var(--color-yellow-text);}
.hr-bookends-color-amber-text::before, .hr-bookends-color-amber-text::after, .hr-bookends-dots-color-amber-text, .hr-bookends-dots-color-amber-text::before, .hr-bookends-dots-color-amber-text::after, .hr-flair-color-amber-text, .hr-flair-color-amber-text::before {border-color: var(--color-amber-text);}
.hr-bookends-color-orange-text::before, .hr-bookends-color-orange-text::after, .hr-bookends-dots-color-orange-text, .hr-bookends-dots-color-orange-text::before, .hr-bookends-dots-color-orange-text::after, .hr-flair-color-orange-text, .hr-flair-color-orange-text::before {border-color: var(--color-orange-text);}
.hr-bookends-color-deep-orange-text::before, .hr-bookends-color-deep-orange-text::after, .hr-bookends-dots-color-deep-orange-text, .hr-bookends-dots-color-deep-orange-text::before, .hr-bookends-dots-color-deep-orange-text::after, .hr-flair-color-deep-orange-text, .hr-flair-color-deep-orange-text::before {border-color: var(--color-deep-orange-text);}
.hr-bookends-color-brown-text::before, .hr-bookends-color-brown-text::after, .hr-bookends-dots-color-brown-text, .hr-bookends-dots-color-brown-text::before, .hr-bookends-dots-color-brown-text::after, .hr-flair-color-brown-text, .hr-flair-color-brown-text::before {border-color: var(--color-brown-text);}
.hr-bookends-color-blue-grey-text::before, .hr-bookends-color-blue-grey-text::after, .hr-bookends-dots-color-blue-grey-text, .hr-bookends-dots-color-blue-grey-text::before, .hr-bookends-dots-color-blue-grey-text::after, .hr-flair-color-blue-grey-text, .hr-flair-color-blue-grey-text::before {border-color: var(--color-blue-grey-text);}
.hr-bookends-color-grey-text::before, .hr-bookends-color-grey-text::after, .hr-bookends-dots-color-grey-text, .hr-bookends-dots-color-grey-text::before, .hr-bookends-dots-color-grey-text::after, .hr-flair-color-grey-text, .hr-flair-color-grey-text::before {border-color: var(--color-grey-text);}
.hr-bookends-color-gray-dark::before, .hr-bookends-color-gray-dark::after, .hr-bookends-dots-color-gray-dark, .hr-bookends-dots-color-gray-dark::before, .hr-bookends-dots-color-gray-dark::after, .hr-flair-color-gray-dark, .hr-flair-color-gray-dark::before {border-color: var(--color-gray-dark);}
/*--------------------------------*/
.bulowska-color-mdb-text > em:before,.bulowska-color-mdb-text > strong:before,.bulowska-color-mdb-text > em:after,.bulowska-color-mdb-text > strong:after {background: var(--color-mdb-text);}
.bulowska-color-red-text  > em:before,.bulowska-color-red-text  > strong:before,.bulowska-color-red-text  > em:after,.bulowska-color-red-text  > strong:after {background: var(--color-red-text);}
.bulowska-color-pink-text > em:before,.bulowska-color-pink-text > strong:before,.bulowska-color-pink-text > em:after,.bulowska-color-pink-text > strong:after {background: var(--color-pink-text);}
.bulowska-color-purple-text > em:before,.bulowska-color-purple-text > strong:before,.bulowska-color-purple-text > em:after,.bulowska-color-purple-text > strong:after {background: var(--color-purple-text);}
.bulowska-color-deep-purple-text > em:before,.bulowska-color-deep-purple-text > strong:before,.bulowska-color-deep-purple-text > em:after,.bulowska-color-deep-purple-text > strong:after {background: var(--color-deep-purple-text);}
.bulowska-color-indigo-text > em:before,.bulowska-color-indigo-text > strong:before,.bulowska-color-indigo-text > em:after,.bulowska-color-indigo-text > strong:after {background: var(--color-indigo-text);}
.bulowska-color-blue-text > em:before,.bulowska-color-blue-text > strong:before,.bulowska-color-blue-text > em:after,.bulowska-color-blue-text > strong:after {background: var(--color-blue-text);}
.bulowska-color-light-blue-text > em:before,.bulowska-color-light-blue-text > strong:before,.bulowska-color-light-blue-text > em:after,.bulowska-color-light-blue-text > strong:after {background: var(--color-light-blue-text);}
.bulowska-color-cyan-text > em:before,.bulowska-color-cyan-text > strong:before,.bulowska-color-cyan-text > em:after,.bulowska-color-cyan-text > strong:after {background: var(--color-cyan-text);}
.bulowska-color-teal-text > em:before,.bulowska-color-teal-text > strong:before,.bulowska-color-teal-text > em:after,.bulowska-color-teal-text > strong:after {background: var(--color-teal-text);}
.bulowska-color-green-text > em:before,.bulowska-color-green-text > strong:before,.bulowska-color-green-text > em:after,.bulowska-color-green-text > strong:after {background: var(--color-green-text);}
.bulowska-color-light-green-text > em:before,.bulowska-color-light-green-text > strong:before,.bulowska-color-light-green-text > em:after,.bulowska-color-light-green-text > strong:after {background: var(--color-light-green-text);}
.bulowska-color-lime-text > em:before,.bulowska-color-lime-text > strong:before,.bulowska-color-lime-text > em:after,.bulowska-color-lime-text > strong:after {background: var(--color-lime-text);}
.bulowska-color-yellow-text > em:before,.bulowska-color-yellow-text > strong:before,.bulowska-color-yellow-text > em:after,.bulowska-color-yellow-text > strong:after {background: var(--color-yellow-text);}
.bulowska-color-amber-text > em:before,.bulowska-color-amber-text > strong:before,.bulowska-color-amber-text > em:after,.bulowska-color-amber-text > strong:after {background: var(--color-amber-text);}
.bulowska-color-orange-text > em:before,.bulowska-color-orange-text > strong:before,.bulowska-color-orange-text > em:after,.bulowska-color-orange-text > strong:after {background: var(--color-orange-text);}
.bulowska-color-deep-orange-text > em:before,.bulowska-color-deep-orange-text > strong:before,.bulowska-color-deep-orange-text > em:after,.bulowska-color-deep-orange-text > strong:after {background: var(--color-deep-orange-text);}
.bulowska-color-brown-text > em:before,.bulowska-color-brown-text > strong:before,.bulowska-color-brown-text > em:after,.bulowska-color-brown-text > strong:after {background: var(--color-brown-text);}
.bulowska-color-blue-grey-text > em:before,.bulowska-color-blue-grey-text > strong:before,.bulowska-color-blue-grey-text > em:after,.bulowska-color-blue-grey-text > strong:after {background: var(--color-blue-grey-text);}
.bulowska-color-grey-text > em:before,.bulowska-color-grey-text > strong:before,.bulowska-color-grey-text > em:after,.bulowska-color-grey-text > strong:after {background: var(--color-grey-text);}
.bulowska-color-gray-dark > em:before,.bulowska-color-gray-dark > strong:before,.bulowska-color-gray-dark > em:after,.bulowska-color-gray-dark > strong:after {background: var(--color-gray-dark);}
/*--------------------------------*/
.bulowska-color-mdb-text > em, .bulowska-color-mdb-text > strong {color: var(--color-mdb-text);}
.bulowska-color-red-text  > em, .bulowska-color-red-text  > strong {color: var(--color-red-text);}
.bulowska-color-pink-text > em, .bulowska-color-pink-text > strong {color: var(--color-pink-text);}
.bulowska-color-purple-text > em, .bulowska-color-purple-text > strong {color: var(--color-purple-text);}
.bulowska-color-deep-purple-text > em, .bulowska-color-deep-purple-text > strong {color: var(--color-deep-purple-text);}
.bulowska-color-indigo-text > em, .bulowska-color-indigo-text > strong {color: var(--color-indigo-text);}
.bulowska-color-blue-text > em, .bulowska-color-blue-text > strong {color: var(--color-blue-text);}
.bulowska-color-light-blue-text > em, .bulowska-color-light-blue-text > strong {color: var(--color-light-blue-text);}
.bulowska-color-cyan-text > em, .bulowska-color-cyan-text > strong {color: var(--color-cyan-text);}
.bulowska-color-teal-text > em, .bulowska-color-teal-text > strong {color: var(--color-teal-text);}
.bulowska-color-green-text > em, .bulowska-color-green-text > strong {color: var(--color-green-text);}
.bulowska-color-light-green-text > em, .bulowska-color-light-green-text > strong {color: var(--color-light-green-text);}
.bulowska-color-lime-text > em, .bulowska-color-lime-text > strong {color: var(--color-lime-text);}
.bulowska-color-yellow-text > em, .bulowska-color-yellow-text > strong {color: var(--color-yellow-text);}
.bulowska-color-amber-text > em, .bulowska-color-amber-text > strong {color: var(--color-amber-text);}
.bulowska-color-orange-text > em, .bulowska-color-orange-text > strong {color: var(--color-orange-text);}
.bulowska-color-deep-orange-text > em, .bulowska-color-deep-orange-text > strong {color: var(--color-deep-orange-text);}
.bulowska-color-brown-text > em, .bulowska-color-brown-text > strong {color: var(--color-brown-text);}
.bulowska-color-blue-grey-text > em, .bulowska-color-blue-grey-text > strong {color: var(--color-blue-grey-text);}
.bulowska-color-grey-text > em, .bulowska-color-grey-text > strong {color: var(--color-grey-text);}
.bulowska-color-gray-dark > em, .bulowska-color-gray-dark > strong {color: var(--color-gray-dark);}

/*--------------------------------------------------------------
# sales
--------------------------------------------------------------*/
.sales-header .sales-header-left .card-subtitle{color: #6c7293 !important;}



/*--------------------------------------------------------------
# hexagon
--------------------------------------------------------------*/
.hexagon .hexagon-primary {background: var(--btn-primary-bg);color: var(--btn-primary-color);}
.hexagon .hexagon-primary::before {border-bottom: 13px solid var(--btn-primary-bg);}
.hexagon .hexagon-primary::after {border-top: 13px solid var(--btn-primary-bg);}
.hexagon .hexagon-secondary {background: var(--btn-secondary-bg);color: var(--btn-secondary-color);}
.hexagon .hexagon-secondary::before {border-bottom: 13px solid var(--btn-secondary-bg);}
.hexagon .hexagon-secondary::after {border-top: 13px solid var(--btn-secondary-bg);}
.hexagon .hexagon-success {background: var(--btn-success-bg);color: var(--btn-success-color);}
.hexagon .hexagon-success::before {border-bottom: 13px solid var(--btn-success-bg);}
.hexagon .hexagon-success::after {border-top: 13px solid var(--btn-success-bg);}
.hexagon .hexagon-danger {background: var(--btn-danger-bg);color: var(--btn-danger-color);}
.hexagon .hexagon-danger::before {border-bottom: 13px solid var(--btn-danger-bg);}
.hexagon .hexagon-danger::after {border-top: 13px solid var(--btn-danger-bg);}
.hexagon .hexagon-warning {background: var(--btn-warning-bg);color: var(--btn-warning-color);}
.hexagon .hexagon-warning::before {border-bottom: 13px solid var(--btn-warning-bg);}
.hexagon .hexagon-warning::after {border-top: 13px solid var(--btn-warning-bg);}
.hexagon .hexagon-info {background: var(--btn-info-bg);color: var(--btn-info-color);}
.hexagon .hexagon-info::before {border-bottom: 13px solid var(--btn-info-bg);}
.hexagon .hexagon-info::after {border-top: 13px solid var(--btn-info-bg);}
.hexagon .hexagon-dark {background: var(--btn-dark-bg);color: var(--btn-dark-color);}
.hexagon .hexagon-dark::before {border-bottom: 13px solid var(--btn-dark-bg);}
.hexagon .hexagon-dark::after {border-top: 13px solid var(--btn-dark-bg);}
.hexagon .hexagon-light {background: var(--btn-light-bg);color: var(--btn-light-color);}
.hexagon .hexagon-light::before {border-bottom: 13px solid var(--btn-light-bg);}
.hexagon .hexagon-light::after {border-top: 13px solid var(--btn-light-bg);}
.hexagon .hexagon-link {background: var(--btn-link-bg);color: var(--btn-link-color);}
.hexagon .hexagon-link::before {border-bottom: 13px solid var(--btn-link-bg);}
.hexagon .hexagon-link::after {border-top: 13px solid var(--btn-link-bg);}

/*--------------------------------------------------------------
# color-card
--------------------------------------------------------------*/
.card.color-card-wrapper .card-body .color-card-outer .color-card {color: #ffffff;}

/*--------------------------------------------------------------
# title-divider
--------------------------------------------------------------*/
.title-divider {color: #697a8d;}
.title-divider .divider-text::before, .title-divider .divider-text::after {border-top: 1px solid rgba(67, 89, 113, 0.2);border-top-color: rgba(67, 89, 113, 0.2);}

/*--------------------------------------------------------------
# title-divider
--------------------------------------------------------------*/
.infographicBox i {color: #fff;}
.infographicBox .headline {color: #333;}
.infographicBox .value .timer{color: #666;}