/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*Dark variables*/
/*Transparent variables*/
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.transparent-theme {
    background-color: var(--transparent-body);
    color: rgba(255, 255, 255, 0.8);
}

body.transparent-theme.bg-img1 {
    background: url(../img/media/bg-img1.jpg);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    position: absolute;
}

body.transparent-theme.bg-img1 .demo_changer .form_holder {
    background: url(../img/media/bg-img1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

body.transparent-theme.bg-img2 {
    background: url(../img/media/bg-img2.jpg);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    position: absolute;
}

body.transparent-theme.bg-img2 .demo_changer .form_holder {
    background: url(../img/media/bg-img2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

body.transparent-theme.bg-img3 {
    background: url(../img/media/bg-img3.jpg);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    position: absolute;
}

body.transparent-theme.bg-img3 .demo_changer .form_holder {
    background: url(../img/media/bg-img3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

body.transparent-theme.bg-img4 {
    background: url(../img/media/bg-img4.jpg);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    position: absolute;
}

body.transparent-theme.bg-img4 .demo_changer .form_holder {
    background: url(../img/media/bg-img4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.transparent-theme hr {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.transparent-theme abbr[title],
.transparent-theme abbr[data-original-title] {
    border-bottom: 0;
}

.transparent-theme a {
    color: #ffffff;
}

.transparent-theme a:hover,
.transparent-theme a:focus {
    color: #ffffff;
}

.transparent-theme table {
    border-collapse: collapse;
}

.transparent-theme caption {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme button::-moz-focus-inner,
.transparent-theme [type=button]::-moz-focus-inner,
.transparent-theme [type=reset]::-moz-focus-inner,
.transparent-theme [type=submit]::-moz-focus-inner {
    border-style: none;
}

.transparent-theme fieldset {
    border: 0;
}

.transparent-theme legend {
    color: inherit;
}

.transparent-theme mark,
.transparent-theme .mark {
    background-color: #fcf8e3;
}

.transparent-theme .blockquote-footer {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .img-thumbnail {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .figure-caption {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme code {
    color: #ffa9d3;
}

.transparent-theme a>code {
    color: inherit;
}

.transparent-theme kbd {
    color: #ffffff;
    background-color: #8f9cc0;
}

.transparent-theme pre {
    text-shadow: 0 1px var(--transparent-body);
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme pre code {
    color: inherit;
}

.transparent-theme .accordion-color .card-header a.collapsed {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: var(--primary-bg-color) !important;
}

.transparent-theme .accordion-color .card-header a.collapsed:hover,
.transparent-theme .accordion-color .card-header a.collapsed:focus {
    color: #ffffff;
}

.transparent-theme .accordion-faq .accordion .card-header a {
    background-color: var(--transparent-body);
}

.transparent-theme .accordion .card {
    border-width: 0;
}

.transparent-theme .accordion .card-header {
    background-color: transparent;
}

.transparent-theme .accordion .card-header a {
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .accordion .card-header a.collapsed {
    color: #ffffff;
    background-color: var(--transparent-body);
    border-bottom-color: transparent;
}

.transparent-theme .accordion .card-header a.collapsed:hover,
.transparent-theme .accordion .card-header a.collapsed:focus {
    color: #ffffff;
    background-color: #30314d;
}

.transparent-theme .accordion .card-body {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .accordion-indigo .card-header a.collapsed {
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .accordion-indigo .card-header a.collapsed:hover,
.transparent-theme .accordion-indigo .card-header a.collapsed:focus {
    color: #ffffff;
}

.transparent-theme .accordion-blue .card-header a {
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .accordion-blue .card-header a:hover,
.transparent-theme .accordion-blue .card-header a:focus {
    color: #ffffff;
}

.transparent-theme .accordion-dark .card {
    border-color: #8f9cc0;
}

.transparent-theme .accordion-dark .card-header a {
    color: #8f9cc0;
}

.transparent-theme .accordion-dark .card-header a:hover,
.transparent-theme .accordion-dark .card-header a:focus {
    color: #8f9cc0;
}

.transparent-theme .accordion-dark .card-header a.collapsed {
    background-color: #8f9cc0;
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .accordion-dark .card-header a.collapsed:hover,
.transparent-theme .accordion-dark .card-header a.collapsed:focus {
    background-color: #141c2b;
    color: #ffffff;
}

.transparent-theme .accordion-gray .card {
    border-color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .accordion-gray .card-header a {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .accordion-gray .card-header a:hover,
.transparent-theme .accordion-gray .card-header a:focus {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .accordion-gray .card-header a.collapsed {
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .accordion-gray .card-header a.collapsed:hover,
.transparent-theme .accordion-gray .card-header a.collapsed:focus {
    background-color: #6a7a96;
    color: #ffffff;
}

.transparent-theme .accordion>.card:not(:first-of-type):not(:last-of-type),
.transparent-theme .accordion>.card:first-of-type {
    border-bottom: 0;
}

.transparent-theme .main-accordion .accordion-item {
    background-color: #f1f2f9;
    border: 1px solid #dee2ef;
}

.transparent-theme .main-accordion .accordion-item:hover,
.transparent-theme .main-accordion .accordion-item:focus {
    background-color: #f1f2f6;
    border-color: #bcc4de;
}

.transparent-theme .main-accordion .accordion-item.active {
    background-color: #ffffff;
    border-color: #bcc4de;
}

.transparent-theme .main-accordion .accordion-title {
    color: #8f9cc0;
}

.transparent-theme .alert {
    border-width: 0;
    border: 1px solid transparent;
}

.transparent-theme .alert .btn-close {
    text-shadow: none;
}

.transparent-theme .alert-heading,
.transparent-theme .alert-dismissible .btn-close {
    color: inherit;
}

.transparent-theme .alert-primary {
    color: var(--primary-bg-color);
    background-color: var(--primary01);
    border-color: var(--primary01);
}

.transparent-theme .alert-primary hr {
    height: 1px !important;
    background-color: var(--primary02);
    border: none;
}

.transparent-theme .alert-primary .alert-link {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .alert-secondary {
    color: #f1388b;
    background-color: rgba(241, 56, 139, 0.1);
    border-color: rgba(241, 56, 139, 0.1);
}

.transparent-theme .alert-secondary hr {
    height: 1px !important;
    background-color: rgba(241, 56, 139, 0.2);
    border: none;
}

.transparent-theme .alert-secondary .alert-link {
    color: #c3829f;
}

.transparent-theme .alert-success {
    color: #19b159;
    background-color: rgba(25, 177, 89, 0.1);
    border-color: rgba(25, 177, 89, 0.1);
}

.transparent-theme .alert-success hr {
    height: 1px !important;
    background-color: rgba(25, 177, 89, 0.2);
    border: none;
    background-image: linear-gradient(to right, #506db6, rgba(25, 177, 89, 0.2), #506db6);
}

.transparent-theme .alert-success .alert-link {
    color: #9fcbb2;
}

.transparent-theme .alert-info {
    color: #01b8ff;
    background-color: rgba(1, 184, 255, 0.1);
    border-color: rgba(1, 184, 255, 0.1);
}

.transparent-theme .alert-info hr {
    height: 1px !important;
    background-color: rgba(1, 184, 255, 0.2);
    border: none;
    background-image: linear-gradient(to right, #4d6ec7, rgba(1, 184, 255, 0.2), #4d6ec7);
}

.transparent-theme .alert-info .alert-link {
    color: #95c5d8;
}

.transparent-theme .alert-warning {
    color: #ff9b21;
    background-color: rgba(255, 155, 33, 0.1);
    border-color: rgba(255, 155, 33, 0.1);
}

.transparent-theme .alert-warning hr {
    height: 1px !important;
    background-color: rgba(255, 155, 33, 0.2);
    border: none;
    background-image: linear-gradient(to right, #676bb0, rgba(255, 155, 33, 0.2), #676bb0);
}

.transparent-theme .alert-warning .alert-link {
    color: #f0c58f;
}

.transparent-theme .alert-danger {
    color: #fd6074;
    background-color: rgba(253, 96, 116, 0.1);
    border-color: rgba(253, 96, 116, 0.1);
}

.transparent-theme .alert-danger hr {
    height: 1px !important;
    background-color: rgba(253, 96, 116, 0.2);
    border: none;
    background-image: linear-gradient(to right, #6765b9, rgba(253, 96, 116, 0.2), #6765b9);
}

.transparent-theme .alert-danger .alert-link {
    color: #cb878f;
}

.transparent-theme .alert-light {
    color: #7f7f81;
    background-color: #fdfdfe;
    border-color: #d8d8de;
}

.transparent-theme .alert-light hr {
    height: 1px !important;
    background-color: #7f7f81;
    border: none;
}

.transparent-theme .alert-light .alert-link {
    color: #666667;
}

.transparent-theme .alert-dark {
    color: #3b4863;
    background-color: rgba(59, 72, 99, 0.1);
    border-color: rgba(59, 72, 99, 0.1);
}

.transparent-theme .alert-dark hr {
    height: 1px !important;
    background-color: rgba(59, 72, 99, 0.2);
    border: none;
}

.transparent-theme .alert-dark .alert-link {
    color: #0c0e13;
}

.transparent-theme [class*=alert-outline-] {
    border: 1px solid transparent;
}

.transparent-theme .alert-outline-primary {
    border-color: var(--primary-bg-color);
    color: var(--primary-bg-color);
}

.transparent-theme .alert-outline-secondary {
    border-color: #f1388b;
    color: #f1388b;
}

.transparent-theme .alert-outline-success {
    border-color: #36c54d;
    color: #19b159;
}

.transparent-theme .alert-outline-info {
    border-color: #1ab6cf;
    color: #01b8ff;
}

.transparent-theme .alert-outline-warning {
    border-color: #ffdb6d;
    color: #d39e00;
}

.transparent-theme .alert-outline-danger {
    border-color: #eb8c95;
    color: #f16d75;
}

.transparent-theme [class*=alert-solid-] {
    border-width: 0;
    color: #ffffff;
}

.transparent-theme .alert-solid-primary {
    background-color: var(--primary-bg-color);
}

.transparent-theme .alert-solid-secondary {
    background-color: #f1388b;
}

.transparent-theme .alert-solid-success {
    background-color: #19b159;
}

.transparent-theme .alert-solid-info {
    background-color: #01b8ff;
}

.transparent-theme .alert-solid-warning {
    background-color: #ff9b21;
}

.transparent-theme .alert-solid-danger {
    background-color: #f16d75;
}

.transparent-theme .alert-message {
    border: 1px solid rgba(232, 232, 247, 0.2);
    background: #665dd2;
}

.transparent-theme .alert-default {
    border: 1px solid #d8d8de;
}

.transparent-theme .alert-bdleft-success {
    border-left: 5px solid #19b159;
}

.transparent-theme .alert-bdleft-primary {
    border-left: 5px solid var(--primary-bg-color);
}

.transparent-theme .alert-bdleft-warning {
    border-left: 5px solid #ff9b21;
}

.transparent-theme .alert-bdleft-danger {
    border-left: 5px solid #fd6074;
}

.transparent-theme .alert-bdleft-info {
    border-left: 5px solid #01b8ff;
}

.transparent-theme .alert-bdleft-secondary {
    border-left: 5px solid #f1388b;
}

.transparent-theme .bg-secondary {
    color: #ffffff !important;
    background-color: #f1388b;
}

.transparent-theme a.bg-secondary:hover {
    color: #ffffff !important;
    background-color: #de287a;
}

.transparent-theme a.bg-secondary:focus {
    color: #ffffff !important;
    background-color: #de287a;
}

.transparent-theme .bg-success {
    color: #ffffff !important;
    background-color: #19b159;
}

.transparent-theme a.bg-success:hover {
    color: #ffffff !important;
    background-color: #16a552;
}

.transparent-theme a.bg-success:focus {
    color: #ffffff;
    background-color: #16a552;
}

.transparent-theme .bg-info {
    color: #ffffff !important;
    background-color: #01b8ff;
}

.transparent-theme a.bg-info:hover {
    color: #ffffff !important;
    background-color: #06aff1;
}

.transparent-theme a.bg-info:focus {
    color: #ffffff;
    background-color: #06aff1;
}

.transparent-theme .bg-warning {
    color: #ffffff !important;
    background-color: #ecb529;
}

.transparent-theme a.bg-warning:hover {
    background-color: #f1911d;
}

.transparent-theme a.bg-warning:focus {
    background-color: #f1911d;
}

.transparent-theme .bg-danger {
    color: #ffffff !important;
    background-color: #fd6074;
}

.transparent-theme a.bg-danger:hover {
    color: #ffffff !important;
    background-color: #ec4157;
}

.transparent-theme a.bg-danger:focus {
    color: #ffffff;
    background-color: #ec4157;
}

.transparent-theme .bg-pink {
    color: #ffffff !important;
    background-color: #ff75ad;
}

.transparent-theme a.bg-pink:hover,
.transparent-theme a.bg-pink:focus {
    color: #ffffff !important;
    background-color: #ff75ad;
}

.transparent-theme .bg-dark {
    color: #ffffff;
    background-color: #8f9cc0;
}

.transparent-theme a.bg-dark:hover {
    color: #ffffff !important;
    background-color: #131212;
}

.transparent-theme a.bg-dark:focus {
    color: #ffffff !important;
    background-color: #131212;
}

.transparent-theme .bg-success-light {
    color: #19b159 !important;
    background: rgba(25, 177, 89, 0.2);
}

.transparent-theme .bg-info-light {
    background: rgba(1, 184, 255, 0.2);
    color: #01b8ff;
}

.transparent-theme .breadcrumb-style1,
.transparent-theme .breadcrumb-style2,
.transparent-theme .breadcrumb-style3 {
    background-color: transparent;
}

.transparent-theme .breadcrumb-basic .breadcrumb-item a,
.transparent-theme .breadcrumb-style1 .breadcrumb-item a,
.transparent-theme .breadcrumb-style2 .breadcrumb-item a,
.transparent-theme .breadcrumb-style3 .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .breadcrumb-basic .breadcrumb-item+.breadcrumb-item::before,
.transparent-theme .breadcrumb-style1 .breadcrumb-item+.breadcrumb-item::before,
.transparent-theme .breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before,
.transparent-theme .breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .main-content-breadcrumb {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-content-breadcrumb span+span::before {
    color: #b4bdce;
}

.transparent-theme .main-content-breadcrumb span:last-child {
    color: #3c4858;
}

.transparent-theme .main-breadcrumbs {
    background-color: transparent;
}

.transparent-theme .main-breadcrumbs .breadcrumb-item a {
    color: #8f9cc0;
}

.transparent-theme .main-breadcrumbs .breadcrumb-item a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-breadcrumbs .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .breadcrumb-item.active {
    color: var(--primary-bg-color);
}

.transparent-theme .breadcrumb-5 a {
    color: white;
    background: #666;
    background: linear-gradient(#666, #333);
}

.transparent-theme .breadcrumb-5 a.active,
.transparent-theme .breadcrumb-5 a:hover {
    background: var(--primary-bg-color);
}

.transparent-theme .breadcrumb-5 a.active:after {
    box-shadow: none;
}

.transparent-theme .breadcrumb-5 a:after {
    box-shadow: 2px -2px 0 2px rgba(255, 255, 255, 0.1), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
}

.btn:active {
    box-shadow: none;
    box-shadow: none;
}

.transparent-theme .sp-container button:active,
.transparent-theme .btn:focus,
.transparent-theme .sp-container button:focus {
    box-shadow: none;
    box-shadow: none;
}

.transparent-theme .btn:hover {
    color: #ffffff;
}

.transparent-theme .btn-light {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.transparent-theme .btn-light:hover {
    color: #ffffff;
    background-color: #dde0e9;
    border-color: #d5d9e4;
}

.transparent-theme .btn-light:focus,
.transparent-theme .btn-light.focus {
    color: #ffffff;
    background-color: #dde0e9;
    border-color: #d5d9e4;
    box-shadow: none;
}

.transparent-theme .btn-light.disabled,
.transparent-theme .btn-light:disabled {
    color: #ffffff;
    background-color: #f1f2f9;
    border-color: #f1f2f9;
}

.transparent-theme .btn-light:not(:disabled):not(.disabled):active,
.transparent-theme .btn-light:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #d5d9e4;
    border-color: #cdd2df;
}

.transparent-theme .show>.btn-light.dropdown-toggle {
    color: #8f9cc0;
    background-color: #d5d9e4;
    border-color: #cdd2df;
}

.transparent-theme .btn-light:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}

.transparent-theme .show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
}

.transparent-theme .btn-indigo {
    color: #ffffff;
    background-color: #4b0082;
    border-color: #4b0082;
}

.transparent-theme .btn-indigo:hover {
    color: #ffffff;
    background-color: #49047b;
    border-color: #49047b;
}

.transparent-theme .btn-indigo:focus,
.transparent-theme .btn-indigo.focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 0, 130, 0.5);
}

.transparent-theme .btn-indigo.disabled,
.transparent-theme .btn-indigo:disabled {
    color: #ffffff;
    background-color: #4b0082;
    border-color: #4b0082;
}

.transparent-theme .btn-indigo:not(:disabled):not(.disabled):active,
.transparent-theme .btn-indigo:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #4b0082;
    border-color: #4b0082;
}

.transparent-theme .show>.btn-indigo.dropdown-toggle {
    color: #ffffff;
    background-color: #4b0082;
    border-color: #4b0082;
}

.transparent-theme .btn-indigo:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-indigo:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 0, 130, 0.5);
}

.transparent-theme .show>.btn-indigo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 0, 130, 0.5);
}

.transparent-theme .btn-purple {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #643ab0;
}

.transparent-theme .btn-purple:hover {
    color: #ffffff;
    background-color: #5e37a6;
    border-color: #4e2d89;
}

.transparent-theme .btn-purple:focus,
.transparent-theme .btn-purple.focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
}

.transparent-theme .btn-purple.disabled,
.transparent-theme .btn-purple:disabled {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #643ab0;
}

.transparent-theme .btn-purple:not(:disabled):not(.disabled):active,
.transparent-theme .btn-purple:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #59339d;
    border-color: #482a80;
}

.transparent-theme .show>.btn-purple.dropdown-toggle {
    color: #ffffff;
    background-color: #59339d;
    border-color: #482a80;
}

.transparent-theme .btn-purple:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-purple:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
}

.transparent-theme .show>.btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
}

.transparent-theme .btn-pink {
    color: #ffffff;
    background-color: #f10075;
    border-color: #d80069;
}

.transparent-theme .btn-pink:hover {
    color: #ffffff;
    background-color: #cb0062;
    border-color: #a50050;
}

.transparent-theme .btn-pink:focus,
.transparent-theme .btn-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
}

.transparent-theme .btn-pink.disabled,
.transparent-theme .btn-pink:disabled {
    color: #ffffff;
    background-color: #f10075;
    border-color: #d80069;
}

.transparent-theme .btn-pink:not(:disabled):not(.disabled):active,
.transparent-theme .btn-pink:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #be005c;
    border-color: #98004a;
}

.transparent-theme .show>.btn-pink.dropdown-toggle {
    color: #ffffff;
    background-color: #be005c;
    border-color: #98004a;
}

.transparent-theme .btn-pink:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-pink:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
}

.transparent-theme .show>.btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
}

.transparent-theme .btn-gray-500 {
    color: #8f9cc0;
    background-color: rgba(255, 255, 255, 0.7);
    border-color: #8896af;
}

.transparent-theme .btn-gray-500:hover {
    color: #ffffff;
    background-color: #808faa;
    border-color: #697b9a;
}

.transparent-theme .btn-gray-500:focus,
.transparent-theme .btn-gray-500.focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
}

.transparent-theme .btn-gray-500.disabled,
.transparent-theme .btn-gray-500:disabled {
    color: #8f9cc0;
    background-color: rgba(255, 255, 255, 0.7);
    border-color: #8896af;
}

.transparent-theme .btn-gray-500:not(:disabled):not(.disabled):active,
.transparent-theme .btn-gray-500:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #7988a4;
    border-color: #637493;
}

.transparent-theme .show>.btn-gray-500.dropdown-toggle {
    color: #ffffff;
    background-color: #7988a4;
    border-color: #637493;
}

.transparent-theme .btn-gray-500:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-gray-500:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
}

.transparent-theme .show>.btn-gray-500.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
}

.transparent-theme .btn-gray-700 {
    color: #ffffff;
    background-color: #3c4858;
    border-color: #4f5c73;
}

.transparent-theme .btn-gray-700:hover {
    color: #ffffff;
    background-color: #49566b;
    border-color: #3a4455;
}

.transparent-theme .btn-gray-700:focus,
.transparent-theme .btn-gray-700.focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
}

.transparent-theme .btn-gray-700.disabled,
.transparent-theme .btn-gray-700:disabled {
    color: #ffffff;
    background-color: #3c4858;
    border-color: #4f5c73;
}

.transparent-theme .btn-gray-700:not(:disabled):not(.disabled):active,
.transparent-theme .btn-gray-700:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #445064;
    border-color: #353e4d;
}

.transparent-theme .show>.btn-gray-700.dropdown-toggle {
    color: #ffffff;
    background-color: #445064;
    border-color: #353e4d;
}

.transparent-theme .btn-gray-700:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-gray-700:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
}

.transparent-theme .show>.btn-gray-700.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
}

.transparent-theme [class*=btn-outline-] {
    border-width: 1px;
    background-color: transparent;
}

.transparent-theme [class*=btn-outline-]:hover {
    color: #ffffff;
}

[class*=btn-outline-]:focus {
    color: #ffffff;
}

.transparent-theme .btn-outline-indigo {
    border-color: #4b0082;
    color: #4b0082;
}

.transparent-theme .btn-outline-indigo:hover,
.transparent-theme .btn-outline-indigo:focus {
    background-color: #49047b;
}

.sp-container button:hover {
    color: #8f9cc0;
}

.transparent-theme .btn-secondary {
    color: #ffffff;
    background-color: #f1388b;
    border-color: #ea67a2;
}

.transparent-theme .btn-secondary:hover {
    color: #ffffff;
    background-color: #de287a;
    border-color: #ea67a2;
}

.transparent-theme .btn-secondary:focus,
.transparent-theme .btn-secondary.focus {
    background-color: #de287a !important;
    border-color: #ea67a2 !important;
    box-shadow: 0 0 0 1px rgba(241, 56, 139, 0.3);
}

.transparent-theme .btn-secondary.disabled,
.transparent-theme .btn-secondary:disabled {
    color: #ffffff;
    background-color: #d14282;
    border-color: #ea67a2;
}

.transparent-theme .btn-secondary:not(:disabled):not(.disabled):active,
.transparent-theme .btn-secondary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #d14282;
    border-color: #ea67a2;
}

.transparent-theme .show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #f1388b;
    border-color: #ea67a2;
}

.transparent-theme .btn-secondary:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(241, 56, 139, 0.3);
}

.transparent-theme .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(241, 56, 139, 0.3);
}

.transparent-theme .btn-success {
    color: #ffffff;
    background-color: #19b159;
    border-color: #3ec377;
}

.transparent-theme .btn-success:hover {
    color: #ffffff;
    background-color: #16a552;
    border-color: #3ec377;
}

.transparent-theme .btn-success:focus,
.transparent-theme .btn-success.focus {
    color: #ffffff;
    background-color: #16a552;
    border-color: #3ec377;
    box-shadow: 0 0 0 1px rgba(21, 165, 82, 0.3);
}

.transparent-theme .btn-success.disabled,
.transparent-theme .btn-success:disabled {
    color: #ffffff;
    background-color: #19b159;
    border-color: #3ec377;
}

.transparent-theme .btn-success:not(:disabled):not(.disabled):active,
.transparent-theme .btn-success:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #16a552;
    border-color: #3ec377;
}

.transparent-theme .show>.btn-success.dropdown-toggle {
    color: #ffffff;
    background-color: #19b159;
    border-color: #3ec377;
}

.transparent-theme .btn-success:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(21, 165, 82, 0.3);
}

.transparent-theme .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(21, 165, 82, 0.3);
}

.transparent-theme .btn-info {
    color: #ffffff;
    background-color: #01b8ff;
    border-color: #55b0ff;
}

.transparent-theme .btn-info:hover {
    color: #ffffff;
    background-color: #06aff1;
    border-color: #55b0ff;
}

.transparent-theme .btn-info:focus,
.transparent-theme .btn-info.focus {
    color: #ffffff;
    background-color: #06aff1;
    border-color: #55b0ff;
    box-shadow: 0 0 0 1px #01b8ff;
}

.transparent-theme .btn-info.disabled,
.transparent-theme .btn-info:disabled {
    color: #ffffff;
    background-color: #01b8ff;
    border-color: #55b0ff;
}

.transparent-theme .btn-info:not(:disabled):not(.disabled):active,
.transparent-theme .btn-info:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #06aff1;
    border-color: #55b0ff;
}

.transparent-theme .show>.btn-info.dropdown-toggle {
    color: #ffffff;
    background-color: #06aff1;
    border-color: #55b0ff;
}

.transparent-theme .btn-info:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px #01b8ff;
}

.transparent-theme .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px #01b8ff;
}

.transparent-theme .btn-warning {
    color: #ffffff;
    background-color: #ff9b21;
    border-color: #ff8c00;
}

.transparent-theme .btn-warning:hover {
    color: #ffffff;
    background-color: #f1911d;
    border-color: #ff8c00;
}

.transparent-theme .btn-warning:focus,
.transparent-theme .btn-warning.focus {
    color: #ffffff;
    background-color: #f1911d;
    border-color: #ff8c00;
    box-shadow: 0 0 0 1px rgba(241, 145, 29, 0.3);
}

.transparent-theme .btn-warning.disabled,
.transparent-theme .btn-warning:disabled {
    color: #ffffff;
    background-color: #ff9b21;
    border-color: #ff8c00;
}

.transparent-theme .btn-warning:not(:disabled):not(.disabled):active,
.transparent-theme .btn-warning:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #f1911d;
    border-color: #ff8c00;
}

.transparent-theme .show>.btn-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #ff9b21;
    border-color: #ff8c00;
}

.transparent-theme .btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 1px rgba(241, 145, 29, 0.3);
}

.btn-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(241, 145, 29, 0.3);
}

.transparent-theme .show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(241, 145, 29, 0.3);
}

.transparent-theme .btn-danger {
    color: #ffffff;
    background-color: #fd6074;
    border-color: #ff334d;
}

.transparent-theme .btn-danger:hover {
    color: #ffffff;
    background-color: #ec4157;
    border-color: #ff334d;
}

.transparent-theme .btn-danger:focus,
.transparent-theme .btn-danger.focus {
    color: #ffffff;
    background-color: #ec4157;
    border-color: #ff334d;
    box-shadow: 0 0 0 1px #ff473d;
}

.transparent-theme .btn-danger.disabled,
.transparent-theme .btn-danger:disabled {
    color: #ffffff;
    background-color: #fd6074;
    border-color: #ff334d;
}

.transparent-theme .btn-danger:not(:disabled):not(.disabled):active,
.transparent-theme .btn-danger:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #ec4157;
    border-color: #ff334d;
}

.transparent-theme .show>.btn-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #fd6074;
    border-color: #ff334d;
}

.transparent-theme .btn-danger:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px #ff473d;
}

.transparent-theme .show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px #ff473d;
}

.transparent-theme .btn-white {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #ffffff;
}

.transparent-theme .btn-white:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #ffffff;
}

.transparent-theme .btn-white:focus,
.transparent-theme .btn-white.focus {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #ffffff;
    box-shadow: none;
}

.transparent-theme .btn-white.disabled,
.transparent-theme .btn-white:disabled {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
}

.transparent-theme .btn-white:not(:disabled):not(.disabled):active,
.transparent-theme .btn-white:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
}

.transparent-theme .show>.btn-white.dropdown-toggle {
    color: #495057;
    background-color: #eff0f6;
    border-color: transparent;
}

.transparent-theme .btn-white:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-white:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}

.transparent-theme .show>.btn-white.dropdown-toggle:focus {
    box-shadow: none;
}

.transparent-theme .btn-dark {
    color: #ffffff;
    background-color: #3b4863;
    border-color: #191f2b;
}

.transparent-theme .btn-dark:hover {
    color: #ffffff;
    background-color: #131212;
    border-color: #131212;
}

.transparent-theme .btn-dark:focus,
.transparent-theme .btn-dark.focus {
    color: #ffffff;
    background-color: #131212;
    border-color: #131212;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}

.transparent-theme .btn-dark.disabled,
.transparent-theme .btn-dark:disabled {
    color: #ffffff;
    background-color: #3b4863;
    border-color: #3b4863;
}

.transparent-theme .btn-dark:not(:disabled):not(.disabled):active,
.transparent-theme .btn-dark:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #131212;
    border-color: #232b3b;
}

.transparent-theme .show>.btn-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #131212;
    border-color: #232b3b;
}

.transparent-theme .btn-dark:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}

.transparent-theme .show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}

.transparent-theme .btn-outline-secondary {
    color: #f1388b !important;
    border-color: #f1388b;
}

.transparent-theme .btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: #f1388b;
    border-color: #f1388b;
}

.transparent-theme .btn-outline-secondary:focus,
.transparent-theme .btn-outline-secondary.focus {
    box-shadow: 0 0 0 1px #ec831b;
}

.transparent-theme .btn-outline-secondary.disabled,
.transparent-theme .btn-outline-secondary:disabled {
    color: #f1388b !important;
    background-color: transparent;
}

.transparent-theme .btn-outline-secondary:not(:disabled):not(.disabled):active,
.transparent-theme .btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #f1388b;
    border-color: #f1388b;
}

.transparent-theme .show>.btn-outline-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #f1388b;
    border-color: #f1388b;
}

.transparent-theme .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px #ec831b;
}

.transparent-theme .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px #ec831b;
}

.transparent-theme .btn-outline-success {
    color: #19b159 !important;
    border-color: #19b159;
}

.transparent-theme .btn-outline-success:hover {
    color: #ffffff !important;
    background-color: #19b159;
    border-color: #19b159;
}

.transparent-theme .btn-outline-success:focus,
.transparent-theme .btn-outline-success.focus {
    color: #ffffff !important;
    background-color: #19b159;
    border-color: #19b159;
    box-shadow: 0 0 0 1px #38d250;
}

.transparent-theme .btn-outline-success.disabled,
.transparent-theme .btn-outline-success:disabled {
    color: #19b159 !important;
    background-color: transparent;
}

.transparent-theme .btn-outline-success:not(:disabled):not(.disabled):active,
.transparent-theme .btn-outline-success:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #19b159;
    border-color: #19b159;
}

.transparent-theme .show>.btn-outline-success.dropdown-toggle {
    color: #ffffff;
    background-color: #19b159;
    border-color: #19b159;
}

.transparent-theme .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px #38d250;
}

.transparent-theme .show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px #38d250;
}

.transparent-theme .btn-outline-info {
    color: #01b8ff !important;
    border-color: #01b8ff;
}

.transparent-theme .btn-outline-info:hover {
    color: #ffffff !important;
    background-color: #01b8ff;
    border-color: #01b8ff;
}

.transparent-theme .btn-outline-info:focus,
.transparent-theme .btn-outline-info.focus {
    box-shadow: 0 0 0 1px #01b8ff;
}

.transparent-theme .btn-outline-info.disabled,
.transparent-theme .btn-outline-info:disabled {
    color: #01b8ff !important;
    background-color: transparent;
}

.transparent-theme .btn-outline-info:not(:disabled):not(.disabled):active,
.transparent-theme .btn-outline-info:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #01b8ff;
    border-color: #01b8ff;
}

.transparent-theme .show>.btn-outline-info.dropdown-toggle {
    color: #ffffff;
    background-color: #01b8ff;
    border-color: #01b8ff;
}

.transparent-theme .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px #01b8ff;
}

.transparent-theme .show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px #01b8ff;
}

.transparent-theme .btn-outline-warning {
    color: #ff9b21 !important;
    border-color: #ff9b21;
}

.transparent-theme .btn-outline-warning:hover {
    color: #ffffff !important;
    background-color: #ff9b21;
    border-color: #ff9b21;
}

.transparent-theme .btn-outline-warning:focus,
.transparent-theme .btn-outline-warning.focus {
    box-shadow: 0 0 0 1px #ffc107;
}

.transparent-theme .btn-outline-warning.disabled,
.transparent-theme .btn-outline-warning:disabled {
    color: #ff9b21 !important;
    background-color: transparent;
}

.transparent-theme .btn-outline-warning:not(:disabled):not(.disabled):active,
.transparent-theme .btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #8f9cc0;
    background-color: #ff9b21;
    border-color: #ff9b21;
}

.transparent-theme .show>.btn-outline-warning.dropdown-toggle {
    color: #8f9cc0;
    background-color: #ff9b21;
    border-color: #ff9b21;
}

.transparent-theme .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px #ffc107;
}

.transparent-theme .show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px #ffc107;
}

.transparent-theme .btn-outline-danger {
    color: #f16d75 !important;
    border-color: #f16d75;
}

.transparent-theme .btn-outline-danger:hover {
    color: #ffffff !important;
    background-color: #f16d75;
    border-color: #f16d75;
}

.transparent-theme .btn-outline-danger:focus,
.transparent-theme .btn-outline-danger.focus {
    box-shadow: 0 0 0 1px #ff473d;
}

.transparent-theme .btn-outline-danger.disabled,
.transparent-theme .btn-outline-danger:disabled {
    color: #f16d75 !important;
    background-color: transparent;
}

.transparent-theme .btn-outline-danger:not(:disabled):not(.disabled):active,
.transparent-theme .btn-outline-danger:not(:disabled):not(.disabled).active {
    color: #ffffff !important;
    background-color: #f16d75;
    border-color: #f16d75;
}

.transparent-theme .show>.btn-outline-danger.dropdown-toggle {
    color: #ffffff !important;
    background-color: #f16d75;
    border-color: #f16d75;
}

.transparent-theme .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px #ff473d;
}

.transparent-theme .show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px #ff473d;
}

.transparent-theme .btn-outline-light {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .btn-outline-light:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .btn-outline-light:focus {
    box-shadow: none;
}

.btn-outline-light.focus {
    box-shadow: none;
}

.transparent-theme .btn-outline-light.disabled,
.transparent-theme .btn-outline-light:disabled {
    color: #ffffff !important;
    background-color: transparent;
}

.transparent-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.transparent-theme .btn-outline-light:not(:disabled):not(.disabled).active {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .show>.btn-outline-light.dropdown-toggle {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-outline-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}

.transparent-theme .show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: none;
}

.transparent-theme .btn-outline-dark {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .btn-outline-dark:hover {
    color: #ffffff !important;
    background-color: #131212;
    border-color: #131212;
}

.transparent-theme .btn-outline-dark:focus,
.transparent-theme .btn-outline-dark.focus {
    box-shadow: none;
}

.transparent-theme .btn-outline-dark.disabled,
.transparent-theme .btn-outline-dark:disabled {
    color: #ffffff !important;
    background-color: transparent;
}

.transparent-theme .btn-outline-dark:not(:disabled):not(.disabled):active,
.transparent-theme .btn-outline-dark:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #131212;
    border-color: #131212;
}

.transparent-theme .show>.btn-outline-dark.dropdown-toggle {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.6);
    border-color: #000000;
}

.transparent-theme .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.transparent-theme .btn-outline-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}

.transparent-theme .show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}

.transparent-theme .btn-link:focus,
.transparent-theme .btn-link.focus {
    box-shadow: none;
}

.transparent-theme .btn-link:disabled,
.transparent-theme .btn-link.disabled {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .btn-default {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .btn-primary-transparent {
    background-color: var(--primary05);
    color: #ffffff;
}

.transparent-theme .btn-primary-transparent:hover {
    color: #ffffff;
}

.transparent-theme .btn-secondary-transparent {
    background-color: rgba(241, 56, 139, 0.2);
    color: #f1388b;
}

.transparent-theme .btn-secondary-transparent:hover {
    color: #f1388b;
}

.transparent-theme .btn-success-transparent {
    background-color: rgba(25, 177, 89, 0.2);
    color: #19b159;
}

.transparent-theme .btn-success-transparent:hover {
    color: #19b159;
}

.transparent-theme .btn-danger-transparent {
    background-color: rgba(253, 96, 116, 0.2);
    color: #fd6074;
}

.transparent-theme .btn-danger-transparent:hover {
    color: #fd6074;
}

.transparent-theme .btn-info-transparent {
    background-color: rgba(1, 184, 255, 0.2);
    color: #01b8ff;
}

.transparent-theme .btn-info-transparent:hover {
    color: #01b8ff;
}

.transparent-theme .btn-warning-transparent {
    background-color: rgba(255, 155, 33, 0.2);
    color: #ff9b21;
}

.transparent-theme .btn-warning-transparent:hover {
    color: #ff9b21;
}

.transparent-theme .btn-dark-transparent {
    background-color: rgba(143, 156, 192, 0.2);
    color: #8f9cc0;
}

.transparent-theme .btn-dark-transparent:hover {
    color: #8f9cc0;
}

.transparent-theme .card {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .card.text-white .main-content-label,
.transparent-theme .card.tx-white .main-content-label {
    color: #ffffff;
}

.transparent-theme .main-content-label {
    color: #3c4858;
}

.transparent-theme .card .card {
    box-shadow: none;
    background: transparent;
}

.transparent-theme .card-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
}

.transparent-theme .card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}

.transparent-theme .card-footer {
    background: #ffffff;
    border-top: 1px solid #e8e8f7;
    background: transparent;
}

.transparent-theme .card-header-tabs {
    border-bottom: 0;
}

.transparent-theme .card-header,
.transparent-theme .card-footer {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .card-header-tab {
    border-bottom: 0;
}

.transparent-theme .card-item .card-item-icon.card-icon {
    background: var(--transparentprimary-transparentcolor);
    fill: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .card-item .card-item-title {
    color: #383942;
}

.transparent-theme .card-item .card-item-title small {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-item .card-item-body .card-item-stat .card-item-figure {
    color: #383942;
}

.transparent-theme .card-item .card-item-body .card-item-stat small {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-item .card-item-body .card-item-redirect .btn-card-item-view {
    background: #F4F7FD;
    color: #A5ABBA;
    border: none;
}

.transparent-theme .card-dashboard-calendar {
    box-shadow: -7.829px 11.607px 20px 0px #e4e3f5;
}

.transparent-theme .card-dashboard-calendar .main-content-label {
    color: #1c273c;
}

.transparent-theme .card-dashboard-calendar .ui-datepicker-inline {
    border-width: 0;
}

.transparent-theme .card-dashboard-calendar .ui-datepicker .ui-datepicker-header {
    border-bottom: 0;
}

.transparent-theme .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    color: #ffffff;
}

.transparent-theme .card-dashboard-twentyfour .card-header {
    background-color: transparent;
}

.transparent-theme .card-dashboard-twentyfour .card-body-top h6 {
    color: #8f9cc0;
}

.transparent-theme .card-dashboard-twentyfour .card-body-top h6 span {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-dashboard-twentyfour .card-body-top label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-dashboard-twentyfour .main-content-label,
.transparent-theme .card-dashboard-twentyfour .card-table-two .main-content-label {
    color: #8f9cc0;
}

.transparent-theme .card-table-two .card-dashboard-twentyfour .main-content-label,
.transparent-theme .card-dashboard-twentyfour .card-dashboard-eight .main-content-label,
.transparent-theme .card-dashboard-eight .card-dashboard-twentyfour .main-content-label {
    color: #8f9cc0;
}

.transparent-theme .card-dashboard-twentyfive .col+.col {
    border-left: 1px solid #e8e8f7;
}

.transparent-theme .card-dashboard-twentyfive .card-label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-dashboard-twentyfive .card-value {
    color: #8f9cc0;
}

.transparent-theme .card-dashboard-twentysix .card-header {
    background-color: transparent;
}

.transparent-theme .card-dashboard-twentysix .card-body h6 {
    color: #8f9cc0;
}

.transparent-theme .card-dashboard-twentysix .card-body label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-dashboard-twentysix .flot-chart .flot-x-axis>div {
    color: rgba(255, 255, 255, 0.75);
}

.transparent-theme .card-dashboard-twentysix .flot-chart .flot-y-axis>div {
    color: rgba(28, 39, 60, 0.5);
}

.transparent-theme .card-dashboard-twentysix.card-dark-one .main-content-label,
.transparent-theme .card-dashboard-twentysix.card-dark-two .main-content-label,
.transparent-theme .card-dashboard-twentysix.card-dark-one .card-body h6,
.transparent-theme .card-dashboard-twentysix.card-dark-two .card-body h6 {
    color: #ffffff;
}

.transparent-theme .card-dashboard-twentysix.card-dark-one .card-body h6 span,
.transparent-theme .card-dashboard-twentysix.card-dark-two .card-body h6 span {
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .card-dashboard-twentysix.card-dark-one .card-body label,
.transparent-theme .card-dashboard-twentysix.card-dark-two .card-body label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-dashboard-twentysix.card-dark-one .flot-chart .flot-y-axis>div,
.transparent-theme .card-dashboard-twentysix.card-dark-two .flot-chart .flot-y-axis>div {
    color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .custom-card {
    border: 0px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

.transparent-theme .card-aside-column {
    background: no-repeat center/cover;
}

.transparent-theme .card-options {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-options a:not(.btn) {
    color: #ffffff;
}

.transparent-theme .card-options a:not(.btn):hover {
    color: #ffffff;
}

.transparent-theme .custom-card-header {
    background: transparent;
}

.transparent-theme .card-body+.card-body {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .card-blog-overlay:before,
.transparent-theme .card-blog-overlay1:before,
.transparent-theme .card-blog-overlay2:before {
    background: rgba(0, 0, 0, 0.5);
}

.transparent-theme .card-blog-overlay .custom-card-header,
.transparent-theme .card-blog-overlay1 .custom-card-header,
.transparent-theme .card-blog-overlay2 .custom-card-header {
    background: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.transparent-theme .card-blog-overlay .card-footer,
.transparent-theme .card-blog-overlay1 .card-footer,
.transparent-theme .card-blog-overlay2 .card-footer {
    background: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.transparent-theme .card-item-desc .card-item-desc-1 dd {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .carousel-control-prev,
.transparent-theme .carousel-control-next {
    color: #ffffff;
}

.transparent-theme .carousel-control-prev:hover,
.transparent-theme .carousel-control-prev:focus {
    color: #ffffff;
}

.transparent-theme .carousel-control-next:hover,
.transparent-theme .carousel-control-next:focus {
    color: #ffffff;
}

.transparent-theme .carousel-indicators li {
    background-color: #ffffff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.transparent-theme .carousel-caption {
    color: #ffffff;
}

.transparent-theme .carousel-dark .carousel-caption {
    color: #000;
}

.transparent-theme .carousel-slider #thumbcarousel .carousel-item .thumb:hover {
    border-color: #cad4e4;
}

.transparent-theme .carousel-control:active,
.transparent-theme .carousel-control:focus,
.transparent-theme .carousel-control:hover {
    color: #333;
}

.transparent-theme #thumbcarousel .carousel-control-prev,
.transparent-theme #thumbcarousel .carousel-control-next {
    background: rgba(0, 0, 0, 0.8);
}

.transparent-theme .owl-nav button {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15);
}

.transparent-theme .owl-nav button:before {
    background: #2098d1;
}

.transparent-theme .owl-carousel:hover .owl-nav button {
    background: var(--transparent-body) !important;
}

.transparent-theme .owl-theme .owl-dots {
    -webkit-tap-highlight-color: transparent;
}

.transparent-theme .owl-theme .owl-dots .owl-dot span {
    background: rgba(0, 0, 0, 0.3);
}

.transparent-theme .product-carousel .thumb {
    border: 1px solid #cad4e4;
}

.transparent-theme .dropup .dropdown-toggle::after {
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.transparent-theme .dropend .dropdown-toggle::after {
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.transparent-theme .dropstart .dropdown-toggle::before {
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.transparent-theme .dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .dropdown-item {
    color: #ffffff;
    background-color: transparent;
    border: 0;
}

.transparent-theme .dropdown-item:hover,
.transparent-theme .dropdown-item:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .dropdown-item.disabled,
.transparent-theme .dropdown-item:disabled {
    color: #ffffff;
    background-color: transparent;
    opacity: 0.2;
}

.transparent-theme .dropdown-item.active {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.transparent-theme .dropdown-header {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .dropdown-item-text {
    color: #8f9cc0;
}

.transparent-theme .dropdown-menu {
    border-width: 1px;
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: -8px 12px 18px 0 rgba(0, 0, 0, 0.2);
}

.transparent-theme .dropdown-menu .main-header-center .select2-container--default .select2-selection--single {
    background: #eaebfa;
}

.transparent-theme .dropdown-menu .main-header-center .search-btn {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .dropdown-menu .main-form-search .btn,
.transparent-theme .dropdown-menu .main-form-search .sp-container button {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .dropdown-menu .sp-container .main-form-search button {
    color: #ffffff;
}

.transparent-theme .dropdown-menu .main-header-center .form-control {
    background: #eaebfa;
    border: 1px solid #e8e8f7;
}

.transparent-theme .form-control {
    color: rgba(255, 255, 255, 0.7) !important;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.transparent-theme .form-control:focus {
    color: #8f9cc0;
    box-shadow: 0 0 0 0.2rem rgba(135, 96, 251, 0.25);
    border-color: #e0e1fb;
    box-shadow: none;
}

.transparent-theme .form-control::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .form-control[readonly] {
    background-color: var(--primary03);
}

.transparent-theme .form-control:disabled {
    background-color: var(--primary02);
}

.transparent-theme select.form-control:focus::-ms-value {
    color: #8f9cc0;
    background-color: #ffffff;
}

.transparent-theme .form-control-plaintext {
    color: #8f9cc0;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.transparent-theme .form-check-input:disabled~.form-check-label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .form-label {
    color: #ffffff;
}

.transparent-theme .file-browser .btn-default {
    color: #ffffff;
    border: 1px solid #e2e8f5;
}

.transparent-theme .main-form-group {
    border: 1px solid #e8e8f7;
}

.transparent-theme .main-form-group.focus {
    border-color: #b4bdce;
    box-shadow: 0 0 0 2px rgba(91, 71, 251, 0.16);
}

.transparent-theme .main-form-group .form-label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-form-group .form-control {
    border-width: 0;
    color: #8f9cc0;
}

.transparent-theme .main-form-group .form-control:focus {
    box-shadow: none;
}

.transparent-theme .valid-feedback {
    color: #19b159 !important;
}

.transparent-theme .valid-tooltip {
    color: #ffffff;
    background-color: #19b159;
}

.transparent-theme .was-validated .form-control:valid,
.transparent-theme .form-control.is-valid,
.transparent-theme input.form-control.parsley-success,
.transparent-theme textarea.form-control.parsley-success {
    border-color: #19b159 !important;
}

.transparent-theme .was-validated .form-control:valid:focus,
.transparent-theme .form-control.is-valid:focus,
.transparent-theme input.form-control.parsley-success:focus,
.transparent-theme textarea.form-control.parsley-success:focus {
    border-color: #19b159 !important;
    box-shadow: none;
}

.transparent-theme .was-validated .form-select:valid,
.transparent-theme .form-select.is-valid,
.transparent-theme input.form-select.parsley-success,
.transparent-theme textarea.form-select.parsley-success {
    border-color: #19b159 !important;
}

.transparent-theme .was-validated .form-select:valid:focus,
.transparent-theme .form-select.is-valid:focus,
.transparent-theme input.form-select.parsley-success:focus,
.transparent-theme textarea.form-select.parsley-success:focus {
    border-color: #19b159 !important;
    box-shadow: none;
}

.transparent-theme .was-validated .form-check-input:valid~.form-check-label,
.transparent-theme .form-check-input.is-valid~.form-check-label,
.transparent-theme input.form-check-input.parsley-success~.form-check-label,
.transparent-theme textarea.form-check-input.parsley-success~.form-check-label,
.transparent-theme .was-validated .custom-control-input:valid~.custom-control-label,
.transparent-theme .custom-control-input.is-valid~.custom-control-label,
.transparent-theme input.custom-control-input.parsley-success~.custom-control-label,
.transparent-theme textarea.custom-control-input.parsley-success~.custom-control-label {
    color: #19b159 !important;
}

.transparent-theme .was-validated .custom-control-input:valid~.custom-control-label::before,
.transparent-theme .custom-control-input.is-valid~.custom-control-label::before,
.transparent-theme input.custom-control-input.parsley-success~.custom-control-label::before,
.transparent-theme textarea.custom-control-input.parsley-success~.custom-control-label::before {
    border-color: #19b159 !important;
}

.transparent-theme .was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.transparent-theme .custom-control-input.is-valid:checked~.custom-control-label::before,
.transparent-theme input.custom-control-input.parsley-success:checked~.custom-control-label::before,
.transparent-theme textarea.custom-control-input.parsley-success:checked~.custom-control-label::before {
    border-color: #4ce301;
    background-color: #4ce301;
}

.transparent-theme .was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.transparent-theme .custom-control-input.is-valid:focus~.custom-control-label::before,
.transparent-theme input.custom-control-input.parsley-success:focus~.custom-control-label::before,
.transparent-theme textarea.custom-control-input.parsley-success:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);
}

.transparent-theme .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.transparent-theme .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.transparent-theme input.custom-control-input.parsley-success:focus:not(:checked)~.custom-control-label::before,
.transparent-theme textarea.custom-control-input.parsley-success:focus:not(:checked)~.custom-control-label::before,
.transparent-theme .was-validated .custom-file-input:valid~.custom-file-label,
.transparent-theme .custom-file-input.is-valid~.custom-file-label,
.transparent-theme input.custom-file-input.parsley-success~.custom-file-label,
.transparent-theme textarea.custom-file-input.parsley-success~.custom-file-label {
    border-color: #19b159 !important;
}

.transparent-theme .was-validated .custom-file-input:valid:focus~.custom-file-label,
.transparent-theme .custom-file-input.is-valid:focus~.custom-file-label,
.transparent-theme input.custom-file-input.parsley-success:focus~.custom-file-label,
.transparent-theme textarea.custom-file-input.parsley-success:focus~.custom-file-label {
    border-color: #19b159 !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);
}

.transparent-theme .invalid-feedback {
    color: #f16d75 !important;
}

.transparent-theme .invalid-tooltip {
    color: #ffffff;
    background-color: #f16d75;
}

.transparent-theme .was-validated .form-control:invalid,
.transparent-theme .form-control.is-invalid,
.transparent-theme input.form-control.parsley-error,
.transparent-theme textarea.form-control.parsley-error {
    border-color: #f16d75 !important;
}

.transparent-theme .was-validated .form-control:invalid:focus,
.transparent-theme .form-control.is-invalid:focus,
.transparent-theme input.form-control.parsley-error:focus,
.transparent-theme textarea.form-control.parsley-error:focus {
    border-color: #f16d75 !important;
    box-shadow: none;
}

.transparent-theme .was-validated .form-select:invalid,
.transparent-theme .form-select.is-invalid,
.transparent-theme input.form-select.parsley-error,
.transparent-theme textarea.form-select.parsley-error {
    border-color: #f16d75 !important;
}

.transparent-theme .was-validated .form-select:invalid:focus,
.transparent-theme .form-select.is-invalid:focus,
.transparent-theme input.form-select.parsley-error:focus,
.transparent-theme textarea.form-select.parsley-error:focus {
    border-color: #f16d75 !important;
    box-shadow: none;
}

.transparent-theme .was-validated .form-check-input:invalid~.form-check-label,
.transparent-theme .form-check-input.is-invalid~.form-check-label,
.transparent-theme input.form-check-input.parsley-error~.form-check-label,
.transparent-theme textarea.form-check-input.parsley-error~.form-check-label,
.transparent-theme .was-validated .custom-control-input:invalid~.custom-control-label,
.transparent-theme .custom-control-input.is-invalid~.custom-control-label,
.transparent-theme input.custom-control-input.parsley-error~.custom-control-label,
.transparent-theme textarea.custom-control-input.parsley-error~.custom-control-label {
    color: #f16d75 !important;
}

.transparent-theme .was-validated .custom-control-input:invalid~.custom-control-label::before,
.transparent-theme .custom-control-input.is-invalid~.custom-control-label::before,
.transparent-theme input.custom-control-input.parsley-error~.custom-control-label::before,
.transparent-theme textarea.custom-control-input.parsley-error~.custom-control-label::before {
    border-color: #f16d75 !important;
}

.transparent-theme .was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.transparent-theme .custom-control-input.is-invalid:checked~.custom-control-label::before,
.transparent-theme input.custom-control-input.parsley-error:checked~.custom-control-label::before,
.transparent-theme textarea.custom-control-input.parsley-error:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.transparent-theme .was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.transparent-theme .custom-control-input.is-invalid:focus~.custom-control-label::before,
.transparent-theme input.custom-control-input.parsley-error:focus~.custom-control-label::before,
.transparent-theme textarea.custom-control-input.parsley-error:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.transparent-theme .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.transparent-theme .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.transparent-theme input.custom-control-input.parsley-error:focus:not(:checked)~.custom-control-label::before,
.transparent-theme textarea.custom-control-input.parsley-error:focus:not(:checked)~.custom-control-label::before,
.transparent-theme .was-validated .custom-file-input:invalid~.custom-file-label,
.transparent-theme .custom-file-input.is-invalid~.custom-file-label,
.transparent-theme input.custom-file-input.parsley-error~.custom-file-label,
.transparent-theme textarea.custom-file-input.parsley-error~.custom-file-label {
    border-color: #f16d75 !important;
}

.transparent-theme .was-validated .custom-file-input:invalid:focus~.custom-file-label,
.transparent-theme .custom-file-input.is-invalid:focus~.custom-file-label,
.transparent-theme input.custom-file-input.parsley-error:focus~.custom-file-label,
.transparent-theme textarea.custom-file-input.parsley-error:focus~.custom-file-label {
    border-color: #f16d75 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.transparent-theme #example-input .form-control {
    color: #8f9cc0 !important;
}

.transparent-theme #example-input .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

.transparent-theme .input-group-text {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-right: none;
}

.transparent-theme .modal.effect-just-me .btn-close {
    text-shadow: none;
    color: #ffffff;
}

.transparent-theme .modal.effect-just-me .modal-header {
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .modal.effect-just-me .modal-header h6 {
    color: #ffffff;
}

.transparent-theme .modal.effect-just-me .modal-content {
    background: #000000;
}

.transparent-theme .modal.effect-just-me .modal-body {
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .modal.effect-just-me .modal-body h6 {
    color: #ffffff;
}

.transparent-theme .modal.effect-just-me .modal-footer {
    background-color: transparent;
    border-top-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .btn-close:hover {
    color: inherit;
}

.transparent-theme button.btn-close {
    background-color: transparent;
    border: 0;
}

.transparent-theme .modal-backdrop {
    background-color: #202029;
}

.transparent-theme .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .modal-title {
    color: #ffffff;
}

.transparent-theme .modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .modal-content-demo .modal-body h6 {
    color: #ffffff;
}

.transparent-theme .modal-backdrop {
    background-color: #0a0a0a;
}

.transparent-theme .modal-content {
    background-color: var(--primary-bg-color);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
    border-width: 0;
}

.transparent-theme div.dtr-modal div.dtr-modal-content {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme div.dtr-modal div.dtr-modal-close {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .nav-pills .nav-link {
    color: #ffffff;
}

.transparent-theme .nav-pills .nav-link:hover,
.transparent-theme .nav-pills .nav-link:focus {
    color: #ffffff;
}

.transparent-theme .nav-pills .nav-link.active {
    color: #ffffff;
}

.transparent-theme .nav-pills .nav-link.active:hover,
.transparent-theme .nav-pills .nav-link.active:focus {
    color: #ffffff;
}

.transparent-theme .nav-dark .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .nav-dark .nav-link:hover,
.transparent-theme .nav-dark .nav-link:focus {
    color: #ffffff;
}

.transparent-theme .main-nav .nav-link {
    color: #ffffff;
}

.transparent-theme .main-nav .nav-link:hover,
.transparent-theme .main-nav .nav-link:focus {
    color: var(--primary-bg-color);
}

.transparent-theme .main-nav-column .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .main-nav-column .nav-link.active {
    color: #ffffff;
}

.transparent-theme .main-nav-column .nav-link i:not([class*=" tx-"]) {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .main-nav-column .nav-link span {
    background: #f0f2f8;
}

.transparent-theme .main-nav-column .nav-link:hover,
.transparent-theme .main-nav-column .nav-link:focus,
.transparent-theme .main-nav-column .nav-link:hover i:not([class*=" tx-"]),
.transparent-theme .main-nav-column .nav-link:focus i:not([class*=" tx-"]) {
    color: #ffffff !important;
}

.transparent-theme .main-nav-column .nav-link.active i:not([class*=" tx-"]) {
    color: #ffffff !important;
}

.transparent-theme .main-nav-dark .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-nav-dark .nav-link:hover,
.transparent-theme .main-nav-dark .nav-link:focus {
    color: #ffffff;
}

.transparent-theme .main-nav-dark .nav-link+.nav-link {
    border-color: #3c4858;
}

.transparent-theme .main-nav-colored-bg .nav-link+.nav-link {
    border-color: rgba(255, 255, 255, 0.4);
}

.transparent-theme .main-nav-colored-bg .nav-link.active {
    color: #ffffff;
}

.transparent-theme .main-nav-line .nav-link {
    color: #ffffff;
}

.transparent-theme .main-nav-line .nav-link.active {
    color: var(--primary-bg-color);
}

.transparent-theme .main-nav-line.main-nav-dark .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-nav-line.main-nav-dark .nav-link:hover,
.transparent-theme .main-nav-line.main-nav-dark .nav-link:focus {
    color: #ffffff;
}

.transparent-theme .main-nav-line.main-nav-dark .nav-link.active {
    color: #ffffff;
}

.transparent-theme .main-nav-line.main-nav-dark .nav-link.active::before {
    background-color: #ffffff;
}

.transparent-theme .page-link {
    color: #ffffff;
    border-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
}

.transparent-theme .page-link:hover,
.transparent-theme .page-link:focus {
    background-color: var(--transparent-body);
    box-shadow: none;
}

.transparent-theme .page-link:hover {
    background-color: var(--transparent-body);
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .page-link:focus {
    box-shadow: none;
}

.transparent-theme .page-item.active .page-link {
    color: #ffffff;
}

.transparent-theme .page-item.disabled .page-link {
    color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .pagination-dark .page-item.active .page-link {
    color: #ffffff;
}

.transparent-theme .pagination-dark .page-link {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .pagination-dark .page-link:hover,
.transparent-theme .pagination-dark .page-link:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
}

.transparent-theme .pagination-success .page-item.active .page-link {
    background-color: #19b159;
    border-color: #19b159;
}

.transparent-theme .pagination-circle {
    background: #f0f2f8;
}

.transparent-theme .pagination-circle li a,
.transparent-theme .pagination-circle li span {
    border: none;
    border: 0;
    background: #ffffff;
}

.transparent-theme .pagination-radius li a,
.transparent-theme .pagination-radius li span {
    border: none;
    border: 1px solid #dee4f5;
    background: #ffffff;
}

.transparent-theme .popover {
    text-shadow: none;
    background-color: var(--transparent-body);
    border: none;
}

.transparent-theme .popover.show {
    box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.transparent-theme .popover .popover-arrow::before,
.transparent-theme .popover .popover-arrow::after {
    border-color: transparent;
    border-style: solid;
}

.transparent-theme .popover-header {
    background-color: var(--primary-bg-color);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .popover-body {
    color: #ffffff;
}

.transparent-theme .popover-head-primary .popover-header {
    color: #ffffff;
    background: var(--primary-bg-color);
}

.transparent-theme .popover-head-secondary .popover-header {
    color: #ffffff;
    background-color: #f1388b;
}

.transparent-theme .popover-head-secondary.bs-popover-bottom .popover-arrow::after,
.transparent-theme .popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #f1388b;
}

.transparent-theme .popover-head-success .popover-header {
    color: #ffffff;
    background-color: #19b159;
}

.transparent-theme .popover-head-success.bs-popover-bottom .popover-arrow::after,
.transparent-theme .popover-head-success.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #19b159;
}

.transparent-theme .popover-head-info .popover-header {
    color: #ffffff;
    background-color: #01b8ff;
}

.transparent-theme .popover-head-info.bs-popover-bottom .popover-arrow::after,
.transparent-theme .popover-head-info.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #01b8ff;
}

.transparent-theme .popover-head-primary,
.transparent-theme .popover-head-secondary,
.transparent-theme .popover-head-success,
.transparent-theme .popover-head-info,
.transparent-theme .popover-head-primary .popover-header,
.transparent-theme .popover-head-secondary .popover-header,
.transparent-theme .popover-head-success .popover-header,
.transparent-theme .popover-head-info .popover-header {
    border: 0;
}

.transparent-theme .popover-head-primary .popover-body,
.transparent-theme .popover-head-secondary .popover-body,
.transparent-theme .popover-head-success .popover-body,
.transparent-theme .popover-head-info .popover-body {
    border-top-width: 0;
}

.transparent-theme .popover-primary {
    border-width: 0;
    background: var(--primary-bg-color);
}

.transparent-theme .popover-primary .popover-header {
    background-color: transparent;
    border-bottom-width: 0;
    color: #ffffff;
}

.transparent-theme .popover-primary .popover-body {
    color: rgba(255, 255, 255, 0.75);
}

.transparent-theme .popover-primary.bs-popover-top .popover-arrow::after,
.transparent-theme .popover-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-top-color: var(--primary-bg-color);
}

.transparent-theme .popover-primary.bs-popover-bottom .popover-arrow::after,
.transparent-theme .popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: var(--primary-bg-color);
}

.transparent-theme .popover-primary.bs-popover-start .popover-arrow::after,
.transparent-theme .popover-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-left-color: var(--primary-bg-color);
}

.transparent-theme .popover-primary.bs-popover-end .popover-arrow::after,
.transparent-theme .popover-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-right-color: var(--primary-bg-color);
}

.transparent-theme .popover-secondary {
    background-color: #f1388b;
    border-width: 0;
}

.transparent-theme .popover-secondary .popover-header {
    background-color: transparent;
    border-bottom-width: 0;
    color: #ffffff;
}

.transparent-theme .popover-secondary .popover-body {
    color: rgba(255, 255, 255, 0.75);
}

.transparent-theme .popover-secondary.bs-popover-top .popover-arrow::after,
.transparent-theme .popover-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-top-color: #f1388b;
}

.transparent-theme .popover-secondary.bs-popover-bottom .popover-arrow::after,
.transparent-theme .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #f1388b;
}

.transparent-theme .popover-secondary.bs-popover-start .popover-arrow::after,
.transparent-theme .popover-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-left-color: #f1388b;
}

.transparent-theme .popover-secondary.bs-popover-end .popover-arrow::after,
.transparent-theme .popover-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-right-color: #f1388b;
}

.transparent-theme .popover-success {
    background-color: #19b159;
    border-width: 0;
}

.transparent-theme .popover-success .popover-header {
    background-color: transparent;
    border-bottom-width: 0;
    color: #ffffff;
}

.transparent-theme .popover-success .popover-body {
    color: rgba(255, 255, 255, 0.75);
}

.transparent-theme .popover-success.bs-popover-top .popover-arrow::after,
.transparent-theme .popover-success.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-top-color: #19b159;
}

.transparent-theme .popover-success.bs-popover-bottom .popover-arrow::after,
.transparent-theme .popover-success.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #19b159;
}

.transparent-theme .popover-success.bs-popover-start .popover-arrow::after,
.transparent-theme .popover-success.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-left-color: #19b159;
}

.transparent-theme .popover-success.bs-popover-end .popover-arrow::after,
.transparent-theme .popover-success.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-right-color: #19b159;
}

.transparent-theme .popover-info {
    background-color: #01b8ff;
    border-width: 0;
}

.transparent-theme .popover-info .popover-header {
    background-color: transparent;
    border-bottom-width: 0;
    color: #ffffff;
}

.transparent-theme .popover-info .popover-body {
    color: rgba(255, 255, 255, 0.75);
}

.transparent-theme .popover-info.bs-popover-top .popover-arrow::after,
.transparent-theme .popover-info.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-top-color: #01b8ff;
}

.transparent-theme .popover-info.bs-popover-bottom .popover-arrow::after,
.transparent-theme .popover-info.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #01b8ff;
}

.transparent-theme .popover-info.bs-popover-start .popover-arrow::after,
.transparent-theme .popover-info.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-left-color: #01b8ff;
}

.transparent-theme .popover-info.bs-popover-end .popover-arrow::after,
.transparent-theme .popover-info.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-right-color: #01b8ff;
}

.transparent-theme .popover-static-demo {
    background-color: transparent;
}

.transparent-theme .popover-static-demo .popover {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.transparent-theme .bs-popover-top>.popover-arrow::before,
.transparent-theme .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .bs-popover-top>.popover-arrow::after,
.transparent-theme .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: var(--transparent-body);
}

.transparent-theme .bs-popover-end>.popover-arrow::before,
.transparent-theme .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .bs-popover-end>.popover-arrow::after,
.transparent-theme .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: var(--transparent-body);
}

.transparent-theme .bs-popover-bottom>.popover-arrow::before,
.transparent-theme .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .bs-popover-bottom>.popover-arrow::after,
.transparent-theme .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: var(--primary-bg-color);
}

.transparent-theme .bs-popover-bottom .popover-header::before,
.transparent-theme .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    border-bottom: 1px solid #f7f7f7;
}

.transparent-theme .bs-popover-start>.popover-arrow::before,
.transparent-theme .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .bs-popover-start>.popover-arrow::after,
.transparent-theme .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: var(--transparent-body);
}

.transparent-theme .progress {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .progress-bar {
    color: #ffffff;
}

.transparent-theme .table {
    color: #ffffff;
}

.transparent-theme .table th,
.transparent-theme .table td {
    border-top: 0;
}

.transparent-theme .table thead th {
    border-bottom: 1px solid #e8e8f7;
}

.transparent-theme .table tbody+tbody {
    border-top: 1px solid #e8e8f7;
}

.transparent-theme .table thead th,
.transparent-theme .table thead td {
    color: #ffffff;
    border-bottom-width: 1px;
    border-top-width: 0;
}

.transparent-theme .table tbody tr {
    background-color: transparent;
}

.transparent-theme .table-bordered {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .table-bordered th,
.transparent-theme .table-bordered td {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .table-bordered thead th,
.transparent-theme .table-bordered thead td {
    border-bottom-width: 2px;
    border-top-width: 1px;
    background-color: #efefff;
}

.transparent-theme .table-borderless th,
.transparent-theme .table-borderless td,
.transparent-theme .table-borderless thead th,
.transparent-theme .table-borderless tbody+tbody {
    border: 0;
}

.transparent-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.transparent-theme .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.transparent-theme .table-primary {
    background-color: #c6d4ff;
}

.transparent-theme .table-primary>th,
.transparent-theme .table-primary>td {
    background-color: #c6d4ff;
}

.transparent-theme .table-primary th,
.transparent-theme .table-primary td,
.transparent-theme .table-primary thead th,
.transparent-theme .table-primary tbody+tbody {
    border-color: #95afff;
}

.transparent-theme .table-hover .table-primary:hover {
    background-color: #adc1ff;
}

.transparent-theme .table-hover .table-primary:hover>td {
    background-color: #adc1ff;
}

/* ###### Buttons ###### */
/* ###### Card  ###### */
@media (min-width: 576px) {
    .transparent-theme .card-group>.card+.card {
        border-left: 0;
    }
}

/* ###### Card  ###### */
/* ###### carousel ###### */
/* ###### carousel ###### */
/* ########## Dropdown ########## */
/* ########## Dropdown ########## */
/* ###### Form-elements ###### */
/* ###### Form elements ###### */
/* ###### Input-group ###### */
/* ###### Input-group ###### */
/* ###### Modal ###### */
/* ###### Modal ###### */
/* ###### Navigation   ###### */
@media (min-width: 768px) {
    .transparent-theme .main-nav .nav-link+.nav-link {
        border-top: 0;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-nav-line-chat {
        border-bottom: 1px solid #e2e8f5;
    }
}

/* ###### Navigation   ###### */
/* ###### Pagination  ###### */
/* ###### Pagination  ###### */
/* ###### Popover  ###### */
/* ###### Popover  ###### */
/* ###### Progress ###### */
/* ###### Progress ###### */
/* ###### Table  ###### */
.table-hover .table-primary:hover>th {
    background-color: #adc1ff;
}

.transparent-theme .table-secondary {
    background-color: #d9dde5;
}

.transparent-theme .table-secondary>th,
.transparent-theme .table-secondary>td {
    background-color: #d9dde5;
}

.transparent-theme .table-secondary th,
.transparent-theme .table-secondary td,
.transparent-theme .table-secondary thead th,
.transparent-theme .table-secondary tbody+tbody {
    border-color: #b9c1ce;
}

.transparent-theme .table-hover .table-secondary:hover {
    background-color: #cacfdb;
}

.transparent-theme .table-hover .table-secondary:hover>td,
.transparent-theme .table-hover .table-secondary:hover>th {
    background-color: #cacfdb;
}

.transparent-theme .table-success {
    background-color: #c8e9b8;
}

.transparent-theme .table-success>th,
.transparent-theme .table-success>td {
    background-color: #c8e9b8;
}

.transparent-theme .table-success th,
.transparent-theme .table-success td,
.transparent-theme .table-success thead th,
.transparent-theme .table-success tbody+tbody {
    border-color: #99d67b;
}

.transparent-theme .table-hover .table-success:hover {
    background-color: #b9e3a5;
}

.transparent-theme .table-hover .table-success:hover>td,
.transparent-theme .table-hover .table-success:hover>th {
    background-color: #b9e3a5;
}

.transparent-theme .table-info {
    background-color: #bee5eb;
}

.transparent-theme .table-info>th,
.transparent-theme .table-info>td {
    background-color: #bee5eb;
}

.transparent-theme .table-info th,
.transparent-theme .table-info td,
.transparent-theme .table-info thead th,
.transparent-theme .table-info tbody+tbody {
    border-color: #86cfda;
}

.transparent-theme .table-hover .table-info:hover {
    background-color: #abdde5;
}

.transparent-theme .table-hover .table-info:hover>td,
.transparent-theme .table-hover .table-info:hover>th {
    background-color: #abdde5;
}

.transparent-theme .table-warning {
    background-color: #ffeeba;
}

.transparent-theme .table-warning>th,
.transparent-theme .table-warning>td {
    background-color: #ffeeba;
}

.transparent-theme .table-warning th,
.transparent-theme .table-warning td,
.transparent-theme .table-warning thead th,
.transparent-theme .table-warning tbody+tbody {
    border-color: #ffdf7e;
}

.transparent-theme .table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.transparent-theme .table-hover .table-warning:hover>td,
.transparent-theme .table-hover .table-warning:hover>th {
    background-color: #ffe8a1;
}

.transparent-theme .table-danger {
    background-color: #f5c6cb;
}

.transparent-theme .table-danger>th,
.transparent-theme .table-danger>td {
    background-color: #f5c6cb;
}

.transparent-theme .table-danger th,
.transparent-theme .table-danger td,
.transparent-theme .table-danger thead th,
.transparent-theme .table-danger tbody+tbody {
    border-color: #ed969e;
}

.transparent-theme .table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.transparent-theme .table-hover .table-danger:hover>td,
.transparent-theme .table-hover .table-danger:hover>th {
    background-color: #f1b0b7;
}

.transparent-theme .table-light {
    background-color: #fcfcfd;
}

.transparent-theme .table-light>th,
.transparent-theme .table-light>td {
    background-color: #fcfcfd;
}

.transparent-theme .table-light th,
.transparent-theme .table-light td,
.transparent-theme .table-light thead th,
.transparent-theme .table-light tbody+tbody {
    border-color: #f9fafb;
}

.transparent-theme .table-hover .table-light:hover {
    background-color: #ededf3;
}

.transparent-theme .table-hover .table-light:hover>td,
.transparent-theme .table-hover .table-light:hover>th {
    background-color: #ededf3;
}

.transparent-theme .table-dark {
    color: #ffffff;
    background-color: #3b4863;
}

.transparent-theme .table-dark>th,
.transparent-theme .table-dark>td {
    background-color: #c8ccd3;
}

.transparent-theme .table-dark th,
.transparent-theme .table-dark td,
.transparent-theme .table-dark thead th,
.transparent-theme .table-dark tbody+tbody {
    border-color: #49597b;
}

.transparent-theme .table-dark.table-bordered {
    border: 0;
}

.transparent-theme .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.transparent-theme .table-dark.table-hover tbody tr:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.075);
}

.transparent-theme .table-hover .table-dark:hover {
    background-color: #babfc8;
}

.transparent-theme .table-hover .table-dark:hover>td,
.transparent-theme .table-hover .table-dark:hover>th {
    background-color: #babfc8;
}

.transparent-theme .table-active {
    background-color: rgba(0, 0, 0, 0.075);
}

.transparent-theme .table-active>th,
.transparent-theme .table-active>td {
    background-color: rgba(0, 0, 0, 0.075);
}

.transparent-theme .table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.transparent-theme .table-hover .table-active:hover>td,
.transparent-theme .table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075);
}

.transparent-theme .table .thead-dark th {
    color: #ffffff;
    background-color: #3b4863;
    border-color: #49597b;
}

.transparent-theme .table .thead-light th {
    color: #3c4858;
    background-color: #f0f2f8;
    border-color: #f0f2f8;
}

.transparent-theme .table-responsive>.table-bordered {
    border: 0;
}

.transparent-theme .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(255, 255, 255, 0.05);
}

.transparent-theme .table> :not(:last-child)> :last-child>* {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .table> :not(caption)>*>* {
    box-shadow: none;
}

.transparent-theme .table-bordered> :not(caption)>* {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme table.dataTable.no-footer {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme table.dataTable thead th,
.transparent-theme table.dataTable thead td {
    border-top-width: 0;
    border-bottom-width: 0;
    color: #ffffff;
}

.transparent-theme .dataTables_wrapper .dataTables_filter input {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .dataTables_wrapper .selected {
    background: var(--transparent-body);
}

.transparent-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: 0;
    color: #ffffff !important;
}

.transparent-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.transparent-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
    border: 0;
    background-image: none;
    color: #ffffff !important;
}

.transparent-theme .table.dataTable tr {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme table.table-bordered.dataTable th:last-child,
.transparent-theme table.table-bordered.dataTable th:last-child,
.transparent-theme table.table-bordered.dataTable td:last-child,
.transparent-theme table.table-bordered.dataTable td:last-child {
    border-right-width: 0px !important;
}

.transparent-theme .toast {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 3px rgba(28, 39, 60, 0.06);
}

.transparent-theme .toast-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.transparent-theme .toast-header .btn-close {
    color: #ffffff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    border: 0;
    border-radius: 0.25rem;
}

.transparent-theme .tooltip {
    text-shadow: none;
}

.transparent-theme .tooltip .tooltip-arrow::before {
    border-color: transparent;
    border-style: solid;
}

.transparent-theme .tooltip-inner {
    color: #ffffff;
    background-color: #000000;
}

.transparent-theme .tooltip-primary .tooltip-inner {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .tooltip-primary.bs-tooltip-top .tooltip-arrow::before,
.transparent-theme .tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--primary-bg-color);
}

.transparent-theme .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before,
.transparent-theme .tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--primary-bg-color);
}

.transparent-theme .tooltip-primary.bs-tooltip-start .tooltip-arrow::before,
.transparent-theme .tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--primary-bg-color);
}

.transparent-theme .tooltip-primary.bs-tooltip-end .tooltip-arrow::before,
.transparent-theme .tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--primary-bg-color);
}

.transparent-theme .tooltip-secondary .tooltip-inner {
    background-color: #f1388b;
    color: #ffffff;
}

.transparent-theme .tooltip-secondary.bs-tooltip-top .tooltip-arrow::before,
.transparent-theme .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #f1388b;
}

.transparent-theme .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before,
.transparent-theme .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #f1388b;
}

.transparent-theme .tooltip-secondary.bs-tooltip-start .tooltip-arrow::before,
.transparent-theme .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #f1388b;
}

.transparent-theme .tooltip-secondary.bs-tooltip-end .tooltip-arrow::before,
.transparent-theme .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #f1388b;
}

.transparent-theme .tooltip-info .tooltip-inner {
    background-color: #01b8ff;
    color: #ffffff;
}

.transparent-theme .tooltip-info.bs-tooltip-top .tooltip-arrow::before,
.transparent-theme .tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #01b8ff;
}

.transparent-theme .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before,
.transparent-theme .tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #01b8ff;
}

.transparent-theme .tooltip-info.bs-tooltip-start .tooltip-arrow::before,
.transparent-theme .tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #01b8ff;
}

.transparent-theme .tooltip-info.bs-tooltip-end .tooltip-arrow::before,
.transparent-theme .tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #01b8ff;
}

.transparent-theme .tooltip-danger .tooltip-inner {
    background-color: #f16d75;
    color: #ffffff;
}

.transparent-theme .tooltip-danger.bs-tooltip-top .tooltip-arrow::before,
.transparent-theme .tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #f16d75;
}

.transparent-theme .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before,
.transparent-theme .tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #f16d75;
}

.transparent-theme .tooltip-danger.bs-tooltip-start .tooltip-arrow::before,
.transparent-theme .tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #f16d75;
}

.transparent-theme .tooltip-danger.bs-tooltip-end .tooltip-arrow::before,
.transparent-theme .tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #f16d75;
}

.transparent-theme .tooltip-success .tooltip-inner {
    background-color: #19b159;
    color: #ffffff;
}

.transparent-theme .tooltip-success.bs-tooltip-top .tooltip-arrow::before,
.transparent-theme .tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #19b159;
}

.transparent-theme .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before,
.transparent-theme .tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #19b159;
}

.transparent-theme .tooltip-success.bs-tooltip-start .tooltip-arrow::before,
.transparent-theme .tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #19b159;
}

.transparent-theme .tooltip-success.bs-tooltip-end .tooltip-arrow::before,
.transparent-theme .tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #19b159;
}

.transparent-theme .tooltip-warning .tooltip-inner {
    background-color: #ff9b21;
    color: #8f9cc0;
}

.transparent-theme .tooltip-warning.bs-tooltip-top .tooltip-arrow::before,
.transparent-theme .tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #ff9b21;
}

.transparent-theme .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before,
.transparent-theme .tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #ff9b21;
}

.transparent-theme .tooltip-warning.bs-tooltip-start .tooltip-arrow::before,
.transparent-theme .tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #ff9b21;
}

.transparent-theme .tooltip-warning.bs-tooltip-end .tooltip-arrow::before,
.transparent-theme .tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #ff9b21;
}

.transparent-theme .bs-tooltip-top .tooltip-arrow::before,
.transparent-theme .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000000;
}

.transparent-theme .bs-tooltip-end .tooltip-arrow::before,
.transparent-theme .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000000;
}

.transparent-theme .bs-tooltip-bottom .tooltip-arrow::before,
.transparent-theme .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000000;
}

.transparent-theme .bs-tooltip-start .tooltip-arrow::before,
.transparent-theme .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000000;
}

.transparent-theme .tooltip-static-demo {
    background-color: transparent;
}

.transparent-theme .main-content-dashboard-ten {
    background-color: #f0f2f8;
}

.transparent-theme .main-content-dashboard-ten .main-header {
    background-color: #ffffff;
}

.transparent-theme .main-content-dashboard-ten .main-content-body-right {
    background-color: #f4f5fb;
}

.transparent-theme .main-content-dashboard-ten .card {
    border-width: 0;
    box-shadow: 0 0 6px rgba(28, 39, 60, 0.12);
}

.transparent-theme .main-content-label,
.transparent-theme .card-table-two .card-title,
.transparent-theme .card-dashboard-eight .card-title {
    color: #ffffff;
}

.transparent-theme .main-content-label-sm {
    color: rgba(255, 255, 255, 0.3) !important;
}

.transparent-theme .main-content-text {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-content-choose-demo {
    background-color: #0f0373;
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .main-content-choose-demo .title {
    color: #ffffff;
}

.transparent-theme .main-content-choose-demo .card {
    border-width: 0;
}

.transparent-theme .main-content-choose-demo .card figcaption {
    background-color: rgba(25, 4, 190, 0.75);
}

.transparent-theme .main-content-choose-demo .card.coming-soon {
    color: #8f9cc0;
    background-color: #f0f2f8;
}

.transparent-theme .main-content-choose-demo .main-content-label,
.transparent-theme .main-content-choose-demo .card-table-two .card-title {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .card-table-two .main-content-choose-demo .card-title,
.transparent-theme .main-content-choose-demo .card-dashboard-eight .card-title,
.transparent-theme .card-dashboard-eight .main-content-choose-demo .card-title {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-content-choose-demo .main-content-title {
    color: #ffffff;
}

.transparent-theme .main-header {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
    border-bottom: 1px solid rgba(240, 240, 255, 0.09) !important;
}

.transparent-theme .main-header-menu-icon span {
    background-color: #2f395f;
}

.transparent-theme .main-header-menu-icon span::before,
.transparent-theme .main-header-menu-icon span::after {
    background-color: #2f395f;
}

.transparent-theme .main-header-menu {
    background-color: #ffffff;
}

.transparent-theme .main-header-menu .nav-item::before {
    border-top: 2px solid rgba(28, 39, 60, 0.12);
    border-left: 2px solid rgba(28, 39, 60, 0.12);
    background-color: #ffffff;
}

.transparent-theme .main-header-menu .nav-item>.nav-link {
    color: #8f9cc0;
}

.transparent-theme .main-header-menu-header {
    border-bottom: 1px solid rgba(28, 39, 60, 0.05);
}

.transparent-theme .main-header-center .search-panel .dropdown-toggle {
    background: #eaebfa;
    border: 1px solid #e6eaff;
    color: #828aa5;
}

.transparent-theme .main-header-center .search-panel .btn:hover .dropdown-toggle {
    color: #828aa5;
}

.transparent-theme .main-header-center .search-panel .dropdown-menu.show {
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}

.transparent-theme .main-header-center .search-btn {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-header-center .search-btn:hover i,
.transparent-theme .main-header-center .search-btn:focus i {
    color: #ffffff;
}

.transparent-theme .main-header-center .form-control:focus {
    background: transparent !important;
    border: 1px solid #e6eaff;
}

.transparent-theme .main-header-center .form-control:focus {
    background-color: #eaebfa;
    border-color: #e0e1fb;
    box-shadow: none !important;
}

.transparent-theme .main-header-center .form-control:focus+.btn {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-header-center .sp-container .form-control:focus+button {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .sp-container .main-header-center .form-control:focus+button {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-header-center .btn:hover,
.transparent-theme .main-header-center .sp-container button:hover {
    color: #ffffff;
}

.transparent-theme .sp-container .main-header-center button:hover {
    color: #ffffff;
}

.transparent-theme .main-header-center .btn:focus,
.transparent-theme .main-header-center .sp-container button:focus {
    color: #ffffff;
}

.transparent-theme .sp-container .main-header-center button:focus {
    color: #ffffff;
}

.transparent-theme .sp-container .main-header-center button:hover i {
    color: #b1bad6;
}

.transparent-theme .main-header-center .btn:focus i,
.transparent-theme .main-header-center .sp-container button:focus i {
    color: #b1bad6;
}

.transparent-theme .sp-container .main-header-center button:focus i {
    color: #b1bad6;
}

.transparent-theme .main-header-right .btn-social {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-header-right .btn-social:hover,
.transparent-theme .main-header-right .btn-social:focus {
    color: #3c4858;
}

.transparent-theme .main-header-right .btn-buy {
    color: #ffffff;
}

.transparent-theme .main-header-search-link {
    color: #3c4858;
}

.transparent-theme .main-header-arrow {
    color: #8f9cc0;
}

.transparent-theme .main-header-arrow:hover,
.transparent-theme .main-header-arrow:focus {
    color: #3c4858;
}

.transparent-theme .main-header-message>a,
.transparent-theme .main-header-notification>a {
    color: #8f9cc0;
}

.transparent-theme .main-header-message>a.new::before {
    background-color: #f16d75;
}

.transparent-theme .main-header-notification>a.new::before {
    background-color: #f16d75;
}

.transparent-theme .main-header-notification .dropdown-menu {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    background: var(--primary-bg-color);
}

.transparent-theme .main-header-message .dropdown-menu {
    border-color: rgba(255, 255, 255, 0.1);
    border-width: 1px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    background: var(--primary-bg-color);
}

.transparent-theme .main-header-notification .dropdown-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-header-profile h6 {
    color: #8f9cc0;
}

.transparent-theme .main-menu-sub .nav-link {
    color: #3c4858;
}

.transparent-theme .main-menu-sub .nav-link+.nav-link {
    border-top: 1px dotted #f0f2f8;
}

.transparent-theme .main-menu-sub-mega {
    background-color: transparent;
    border: 0;
}

.transparent-theme .main-menu-sub-mega .nav+.nav {
    border-top: 1px dotted rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-menu-sub-mega .mega-subtitle {
    color: #8f9cc0;
}

.transparent-theme .main-header-right .nav-link.icon {
    color: #4a4d51;
}

.transparent-theme .main-header-right .nav-link.icon:hover {
    background: #f0f1ff;
}

.transparent-theme .main-header-notification.show .dropdown-menu::before,
.transparent-theme .main-header-message.show .dropdown-menu::before,
.transparent-theme .main-profile-menu.show .dropdown-menu::before {
    background: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .header-search.show .dropdown-menu::before {
    background: var(--primary-bg-color);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .header-search .dropdown-menu {
    border-color: rgba(255, 255, 255, 0.1);
    border-width: 1px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}

.transparent-theme .main-form-search .form-control {
    border-color: rgba(255, 255, 255, 0.1);
    border-width: 1px;
    background-color: transparent;
}

.transparent-theme .main-form-search .form-control:focus {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
}

.transparent-theme .main-form-search .form-control:focus+.btn {
    color: #ffffff;
}

.transparent-theme .main-form-search .sp-container .form-control:focus+button {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .sp-container .main-form-search .form-control:focus+button {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-form-search .btn,
.transparent-theme .main-form-search .sp-container button {
    color: #b4bdce;
}

.transparent-theme .sp-container .main-form-search button {
    background-color: transparent;
    color: #b4bdce;
}

.transparent-theme .main-form-search .btn:hover,
.transparent-theme .main-form-search .sp-container button:hover {
    color: #8f9cc0;
}

.transparent-theme .sp-container .main-form-search button:hover {
    color: #8f9cc0;
}

.transparent-theme .main-form-search .btn:focus,
.transparent-theme .main-form-search .sp-container button:focus {
    color: #8f9cc0;
}

.transparent-theme .sp-container .main-form-search button:focus {
    color: #8f9cc0;
}

.transparent-theme .main-header-message .dropdown-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-header-flags .dropdown-menu {
    border-color: #f0f2f8;
    border-width: 1px;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}

.transparent-theme .main-header-flags.show .dropdown-menu::before {
    background: #ffffff;
    border-top: 1px solid #f0f2f8;
    border-left: 1px solid #f0f2f8;
}

.transparent-theme .main-header-flags .dropdown-footer {
    border-top: 1px solid rgba(123, 65, 216, 0.1);
}

.transparent-theme .main-footer {
    background-color: transparent;
}

.transparent-theme .main-footer-app .container,
.transparent-theme .main-footer-app .container-fluid {
    border-top-width: 0;
}

.transparent-theme .main-footer-demo {
    background-color: #0c025b;
    color: rgba(255, 255, 255, 0.4);
}

.transparent-theme .main-footer-demo .container {
    border-top-width: 0;
}

.transparent-theme .main-footer-demo a {
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .main-footer-demo a:hover,
.transparent-theme .main-footer-demo a:focus {
    color: #ffffff;
}

.transparent-theme .sidebar {
    background-color: var(--primary-bg-color);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}

.transparent-theme .sidebar-body h5 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.2);
}

.transparent-theme .sidebar .progress {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .sidebar .progress-bar {
    background-color: var(--transparent-body);
}

.transparent-theme .sidebar .custom-switch-indicator {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .sidebar .custom-switch-input:checked~.custom-switch-indicator {
    background: rgba(0, 0, 0, 0.2);
}

.transparent-theme .main-profile-menu .dropdown-menu {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    background: var(--primary-bg-color);
}

.transparent-theme .main-profile-menu .dropdown-item {
    color: #ffffff !important;
}

.transparent-theme .main-profile-menu .dropdown-item:hover,
.transparent-theme .main-profile-menu .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-profile-menu .dropdown-item+.dropdown-item {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-profile-menu .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .main-iconbar {
    background-color: #ffffff;
    border-right: 1px solid #e8e8f7;
    border-top: 1px solid #e8e8f7;
}

.transparent-theme .main-iconbar .nav-link {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar .nav-link:hover,
.transparent-theme .main-iconbar .nav-link:focus {
    color: #3c4858;
}

.transparent-theme .main-iconbar-logo {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar-logo:hover,
.transparent-theme .main-iconbar-logo:focus {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar-help {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-iconbar-help:hover,
.transparent-theme .main-iconbar-help:focus {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar-aside {
    background-color: #ffffff;
    border-right: 1px solid #e8e8f7;
    border-top: 1px solid #e8e8f7;
}

.transparent-theme .main-iconbar-toggle-menu {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar-toggle-menu:hover,
.transparent-theme .main-iconbar-toggle-menu:focus {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar-body .nav-item+.nav-item {
    border-top: 1px dotted #f0f2f8;
}

.transparent-theme .main-iconbar-body .nav-link {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar-body .nav-link i,
.transparent-theme .main-iconbar-body .nav-link.with-sub::after {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-iconbar-body .nav-sub {
    border-top: 1px dotted #f0f2f8;
}

.transparent-theme .main-iconbar-body .nav-sub .nav-sub-item+.nav-sub-item {
    border-top: 1px dotted #f0f2f8;
}

.transparent-theme .main-iconbar-body .nav-sub .nav-sub-link {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar-title {
    color: #8f9cc0;
}

.transparent-theme .main-iconbar-text {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-iconbar-primary .main-img-user::after {
    box-shadow: none;
}

.transparent-theme .main-iconbar-primary .main-iconbar-logo {
    color: #ffffff;
}

.transparent-theme .main-iconbar-primary .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .main-iconbar-primary .nav-link:hover,
.transparent-theme .main-iconbar-primary .nav-link:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-iconbar-primary .nav-link.active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .main-iconbar-primary .main-iconbar-help {
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .main-iconbar-primary .main-iconbar-help:hover,
.transparent-theme .main-iconbar-primary .main-iconbar-help:focus {
    color: #ffffff;
}

.transparent-theme .main-iconbar-aside-primary {
    background-color: #f1f2f9;
    box-shadow: 0 0 16px rgba(28, 39, 60, 0.08);
    border-right: 1px solid #e8e8f7;
}

.transparent-theme .main-iconbar-aside-primary .main-iconbar-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8f7;
}

.transparent-theme .main-iconbar-aside-primary .main-iconbar-body .nav {
    border-left-width: 0;
}

.transparent-theme .main-iconbar-aside-primary .main-iconbar-body .nav-item+.nav-item,
.transparent-theme .main-iconbar-aside-primary .main-iconbar-body .nav-sub,
.transparent-theme .main-iconbar-aside-primary .main-iconbar-body .nav-sub-item+.nav-sub-item {
    border-top-color: #f0f2f8;
}

.transparent-theme .main-icon-group {
    color: #3b4863;
}

.transparent-theme .icons-list-item {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .ui-datepicker {
    background-color: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 16px 0 #151829;
}

.transparent-theme .ui-datepicker .ui-datepicker-header {
    color: #ffffff;
    border: 0;
    background-color: transparent;
}

.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    color: rgba(255, 255, 255, 0.7);
    background: #000000;
}

.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    background: var(--transparentprimary-transparentcolor);
}

.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before {
    color: #3b4863;
}

.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
    color: #3b4863;
}

.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
    color: #3c4858;
    border: 0;
    background-color: transparent;
}

.transparent-theme .ui-datepicker .ui-datepicker-title {
    color: #ffffff;
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar {
    background-color: transparent;
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar th {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid var(--transparent-body);
    background-color: var(--transparent-body);
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar td span {
    color: #313b54;
    border: 0;
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar td a {
    color: #ffffff;
    border: 0;
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    color: #ffffff;
}

.transparent-theme .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover,
.transparent-theme .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
    color: #ffffff;
}

.transparent-theme .ui-datepicker-inline {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .datepicker-panel>ul>li.highlighted {
    color: #ffffff !important;
    background: var(--primary-bg-color);
}

.transparent-theme .datepicker-panel>ul>li.highlighted:hover {
    color: #ffffff !important;
    background: var(--primary-bg-color);
}

.transparent-theme .datetimepicker {
    box-shadow: none;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .datetimepicker table th.prev,
.transparent-theme .datetimepicker table th.next,
.transparent-theme .datetimepicker table th.switch {
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .datetimepicker table th.prev span::before,
.transparent-theme .datetimepicker table th.next span::before {
    color: #ffffff;
}

.transparent-theme .datetimepicker table th.prev:hover,
.transparent-theme .datetimepicker table th.prev:focus {
    background-color: var(--transparent-body);
}

.transparent-theme .datetimepicker table th.next:hover,
.transparent-theme .datetimepicker table th.next:focus {
    background-color: var(--transparent-body);
}

.transparent-theme .datetimepicker table th.switch {
    color: #ffffff;
}

.transparent-theme .datetimepicker table th.switch:hover,
.transparent-theme .datetimepicker table th.switch:focus {
    color: #ffffff;
}

.transparent-theme .datetimepicker table td {
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .datetimepicker table td.old,
.transparent-theme .datetimepicker table td.new {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .datetimepicker .datetimepicker-days table thead tr:last-child th {
    color: #ffffff;
    background-color: var(--transparent-body);
}

.transparent-theme .main-datetimepicker {
    box-shadow: none;
    border-color: #f0f2f8;
}

.transparent-theme .main-datetimepicker>.datepicker_inner_container {
    box-shadow: none;
    border-width: 0;
    background-color: #ffffff;
}

.transparent-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar {
    border-width: 0;
}

.transparent-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar th {
    color: #8f9cc0;
}

.transparent-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td.day_another_month {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td.hover {
    background-color: #f0f2f8;
}

.transparent-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist {
    border-left: 1px solid #b4bdce;
}

.transparent-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:hover,
.transparent-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:focus {
    background-color: #f0f2f8;
}

.transparent-theme .jqvmap-label {
    background-color: rgba(17, 17, 17, 0.9);
}

.transparent-theme .chart-dropshadow2 {
    -webkit-filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, 0.1));
}

.transparent-theme #chart svg path#apexcharts-radialbarTrack-0 {
    stroke: transparent;
}

.transparent-theme .mapael .zoomButton {
    background-color: #292929;
    border: 1px solid #292929;
    color: #ffffff;
}

.transparent-theme .mapael .mapTooltip {
    background-color: #474c4b;
    color: #ffffff;
}

.transparent-theme input.parsley-error:focus,
.transparent-theme textarea.parsley-error:focus,
.transparent-theme input.parsley-success:focus,
.transparent-theme textarea.parsley-success:focus {
    box-shadow: none !important;
}

.transparent-theme .parsley-checkbox.parsley-error {
    border: 1px solid #f16d75;
}

.transparent-theme .parsley-checkbox.parsley-success {
    border: 1px solid #19b159;
}

.transparent-theme .parsley-errors-list {
    color: #f16d75;
}

@media (max-width: 575.98px) {
    .transparent-theme .table-responsive-sm>.table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .transparent-theme .table-responsive-md>.table-bordered {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .transparent-theme .table-responsive-lg>.table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .transparent-theme .table-responsive-xl>.table-bordered {
        border: 0;
    }
}

@media (min-width: 1200px) {
    .transparent-theme .main-content-dashboard-ten .main-content-body-right {
        box-shadow: 0 0 6px rgba(28, 39, 60, 0.1);
    }
}

@media (max-width: 991.98px) {
    .transparent-theme .main-content-left-show .main-content-left {
        background-color: #ffffff;
        border-right: 1px solid #e8e8f7;
        box-shadow: 0 0 3px rgba(28, 39, 60, 0.1);
    }
}

/* ###### Main-content  ###### */
/* ###### Main-header  ###### */
@media (max-width: 991.98px) {
    .transparent-theme .main-header-menu-show .main-header-menu {
        border-right: 1px solid rgba(28, 39, 60, 0.08);
        box-shadow: 0 0 30px rgba(28, 39, 60, 0.08);
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-header-menu {
        background-color: transparent;
        border-right: 0;
    }
}

/* ###### Main-header  ###### */
/* ###### Main-header-nav  ###### */
@media (min-width: 992px) {
    .transparent-theme .main-menu-sub {
        background-color: #ffffff;
        border: 2px solid rgba(28, 39, 60, 0.12);
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-menu-sub-mega .container {
        background-color: #ffffff;
        border: 2px solid rgba(28, 39, 60, 0.12);
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-menu-sub-mega .container>div+div {
        border-left: 1px solid rgba(28, 39, 60, 0.05);
    }
}

@media (min-width: 992px) {
    .transparent-theme .transparent-theme .main-menu-sub-mega .nav+.nav {
        border-top: 0;
    }
}

@media (min-width: 1200px) {
    .transparent-theme .main-iconbar-aside {
        border-right: 0;
    }
}

@media (min-width: 1200px) {
    .transparent-theme .main-iconbar-toggle-menu::before {
        border-left: 2px solid #000000;
    }
}

.parsley-style-1 .parsley-input.parsley-error .form-control {
    border-color: #f16d75;
}

.transparent-theme .parsley-style-1 .parsley-input.parsley-success .form-control {
    border-color: #19b159;
}

.transparent-theme .parsley-style-1 .parsley-checkbox.parsley-error {
    border: 1px solid #f16d75;
}

.transparent-theme .parsley-style-1 .parsley-errors-list.filled {
    color: #f16d75;
}

.transparent-theme .ql-wrapper-demo {
    background-color: transparent;
}

.transparent-theme .ql-scrolling-demo {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .ql-scrolling-demo .ql-container {
    border-width: 0;
}

.transparent-theme .ql-scrolling-demo .ql-container .ql-editor {
    color: #ffffff;
}

.transparent-theme .ql-wrapper-modal .ql-snow.ql-toolbar {
    border-width: 0;
    border-bottom-width: 1px;
}

.transparent-theme .ql-wrapper-modal .ql-snow.ql-container {
    border-width: 0;
}

.transparent-theme .ql-bubble.ql-container:not(.ql-disabled) a::before {
    background-color: #8f9cc0;
}

.transparent-theme .ql-bubble .ql-tooltip {
    background-color: #000000;
}

.transparent-theme .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .ql-bubble .ql-toolbar {
    background: rgba(255, 255, 255, 0.2);
}

.transparent-theme .ql-bubble .ql-toolbar button {
    color: #ffffff;
}

.transparent-theme .ql-bubble .ql-toolbar button .ql-fill {
    fill: #ffffff;
}

.transparent-theme .ql-bubble .ql-toolbar button .ql-stroke {
    stroke: #ffffff;
}

.transparent-theme .ql-bubble .ql-toolbar button.ql-active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
}

.transparent-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .ql-snow .ql-tooltip {
    background-color: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 16px 0 #14142b;
    color: #ffffff;
}

.transparent-theme .ql-snow.ql-container {
    border-color: rgba(255, 255, 255, 0.1);
    border-width: 1px;
}

.transparent-theme .ql-snow .ql-picker-options {
    background-color: var(--transparent-body);
}

.transparent-theme .ql-snow.ql-toolbar {
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.1);
    border-bottom-width: 1px;
}

.transparent-theme .ql-snow.ql-toolbar .ql-picker-label {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #ffffff;
}

.transparent-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
    stroke: #ffffff !important;
}

.transparent-theme .ql-snow.ql-toolbar button {
    border: 1px solid transparent;
    color: rgba(255, 255, 255, 0.8) !important;
}

.transparent-theme .ql-snow.ql-toolbar button i.la-bold,
.transparent-theme .ql-snow.ql-toolbar button i.la-underline {
    width: 21px;
}

.transparent-theme .ql-snow.ql-toolbar button .ql-stroke {
    stroke-width: 2px;
}

.transparent-theme .ql-snow.ql-toolbar button:hover,
.transparent-theme .ql-snow.ql-toolbar button:focus {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.transparent-theme .ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: #ffffff;
}

.transparent-theme .ql-snow.ql-toolbar button.ql-active {
    background-color: var(--transparent-body);
    color: #ffffff;
    border-color: transparent;
}

.transparent-theme .ql-snow.ql-toolbar button.ql-active .ql-fill {
    fill: #ffffff;
}

.transparent-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke {
    stroke: #ffffff !important;
}

.transparent-theme .ql-snow .ql-picker {
    border-width: 0;
    color: #ffffff !important;
}

.transparent-theme .ql-snow .ql-picker:hover .ql-picker-label,
.transparent-theme .ql-snow .ql-picker:focus .ql-picker-label {
    color: #ffffff;
}

.transparent-theme .ql-snow .ql-picker:hover .ql-picker-label .ql-stroke,
.transparent-theme .ql-snow .ql-picker:focus .ql-picker-label .ql-stroke {
    stroke: #ffffff;
}

.transparent-theme .ql-snow .ql-picker-label {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: var(--transparent-body);
}

.transparent-theme .ql-snow .ql-stroke {
    stroke: #ffffff !important;
}

.transparent-theme .ql-snow .ql-editor {
    color: #ffffff;
}

.transparent-theme .irs-line-left,
.transparent-theme .irs-line-mid,
.transparent-theme .irs-line-right {
    background-color: var(--transparent-body);
}

.transparent-theme .irs-slider:hover:before,
.transparent-theme .irs-slider:focus:before {
    background-color: #260bfa;
}

.transparent-theme .irs-min,
.transparent-theme .irs-max {
    background-color: var(--transparent-body);
}

.transparent-theme .irs-success .irs-bar,
.transparent-theme .irs-success .irs-bar-edge,
.transparent-theme .irs-success .irs-slider::before,
.transparent-theme .irs-success .irs-from,
.transparent-theme .irs-success .irs-to,
.transparent-theme .irs-success .irs-single {
    background-color: #19b159;
}

.transparent-theme .irs-success .irs-from::after,
.transparent-theme .irs-success .irs-to::after,
.transparent-theme .irs-success .irs-single::after {
    border-top-color: #19b159;
}

.transparent-theme .irs-dark .irs-bar,
.transparent-theme .irs-dark .irs-bar-edge,
.transparent-theme .irs-dark .irs-slider::before,
.transparent-theme .irs-dark .irs-from,
.transparent-theme .irs-dark .irs-to,
.transparent-theme .irs-dark .irs-single {
    background-color: #3b4863;
}

.transparent-theme .irs-dark .irs-from::after,
.transparent-theme .irs-dark .irs-to::after,
.transparent-theme .irs-dark .irs-single::after {
    border-top-color: #3b4863;
}

.transparent-theme .irs-modern .irs-line-left,
.transparent-theme .irs-modern .irs-line-mid,
.transparent-theme .irs-modern .irs-line-right {
    box-shadow: inset -2px 2px 2px 0 rgba(34, 34, 34, 0.1);
}

.transparent-theme .irs-modern .irs-bar,
.transparent-theme .irs-modern .irs-bar-edge {
    box-shadow: inset 0 1px 1px 0 rgba(34, 34, 34, 0.1);
}

.transparent-theme .irs-modern .irs-slider {
    background-color: #ffffff;
}

.transparent-theme .irs-modern .irs-slider::before {
    background-color: #ffffff;
}

.transparent-theme .irs-modern.irs-success .irs-slider {
    border-color: #19b159;
}

.transparent-theme .irs-modern.irs-success .irs-slider::before {
    border-color: #19b159;
}

.transparent-theme .irs-modern.irs-dark .irs-slider {
    border-color: #8f9cc0;
}

.transparent-theme .irs-modern.irs-dark .irs-slider::before {
    border-color: #8f9cc0;
}

.transparent-theme .irs-outline .irs-line-left,
.transparent-theme .irs-outline .irs-line-mid,
.transparent-theme .irs-outline .irs-line-right {
    background-color: transparent;
}

.transparent-theme .irs-outline .irs-slider {
    background-color: #ffffff;
}

.transparent-theme .irs-outline.irs-success .irs-line,
.transparent-theme .irs-outline.irs-success .irs-slider {
    border-color: #19b159;
}

.transparent-theme .irs-outline.irs-success .irs-line:hover::before,
.transparent-theme .irs-outline.irs-success .irs-line:focus::before {
    background-color: #339701;
}

.transparent-theme .irs-outline.irs-success .irs-slider:hover::before,
.transparent-theme .irs-outline.irs-success .irs-slider:focus::before {
    background-color: #339701;
}

.transparent-theme .irs-outline.irs-dark .irs-line,
.transparent-theme .irs-outline.irs-dark .irs-slider {
    border-color: #3b4863;
}

.transparent-theme .irs-outline.irs-dark .irs-line:hover::before,
.transparent-theme .irs-outline.irs-dark .irs-line:focus::before {
    background-color: #313c53;
}

.transparent-theme .irs-outline.irs-dark .irs-slider:hover::before,
.transparent-theme .irs-outline.irs-dark .irs-slider:focus::before {
    background-color: #313c53;
}

.transparent-theme .select2-container--default .select2-selection--single {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.7) !important;
}

.transparent-theme .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-theme .select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .select2-container--default .select2-selection--multiple ::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

.transparent-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: transparent;
    color: #ffffff;
    background-color: var(--transparent-body);
}

.transparent-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff;
}

.transparent-theme .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: transparent;
    color: #ffffff;
}

.transparent-theme .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--transparent-body) !important;
}

.transparent-theme .select2-container--default.select2-container--disabled .select2-selection__choice {
    background-color: var(--transparent-body);
}

.transparent-theme .select2-container--open .select2-selection--single,
.transparent-theme .select2-container--open .select2-selection--multiple {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.transparent-theme .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.transparent-theme .select2-dropdown {
    border-color: rgba(255, 255, 255, 0.1);
    background: var(--transparent-body);
}

.transparent-theme .has-success .select2-container--default .select2-selection--single,
.transparent-theme .parsley-select.parsley-success .select2-container--default .select2-selection--single {
    border-color: #19b159;
}

.transparent-theme .has-warning .select2-container--default .select2-selection--single {
    border-color: #ff9b21;
}

.transparent-theme .has-danger .select2-container--default .select2-selection--single,
.transparent-theme .parsley-select.parsley-error .select2-container--default .select2-selection--single {
    border-color: #f16d75;
}

.transparent-theme .select2-bd-0+.select2-container--default .select2-selection--single {
    border-width: 0;
}

.transparent-theme .bg-gray+.select2-container--default .select2-selection--single {
    background-color: #455473;
}

.transparent-theme .bg-gray+.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f0f2f8;
}

.transparent-theme .select2-dropdown::-webkit-scrollbar-thumb {
    background: #f0f2f8;
}

.transparent-theme .select2-dropdown *:hover::-webkit-scrollbar-thumb {
    background: #adb5bd;
}

.transparent-theme .sp-container {
    background-color: var(--transparent-body);
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .sp-container button {
    border: 0;
    background-color: var(--transparent-body);
    text-shadow: none;
    color: #ffffff;
    background-image: none;
}

.transparent-theme .sp-container button:hover,
.transparent-theme .sp-container button:focus {
    border: 0;
    background-color: var(--transparent-body) !important;
    text-shadow: none;
    color: #ffffff;
    background-image: none;
}

.transparent-theme .sp-button-container .sp-cancel {
    color: #f16d75 !important;
}

.transparent-theme .sp-button-container .sp-cancel:hover,
.transparent-theme .sp-button-container .sp-cancel:focus {
    color: #ffffff !important;
}

.transparent-theme .sp-picker-container {
    border-left: 0;
}

.transparent-theme .sp-replacer {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .sp-replacer:hover,
.transparent-theme .sp-replacer:focus {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .sp-replacer.sp-active {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .sp-dd::before {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .sp-preview {
    border: 0;
}

.transparent-theme .sp-dragger {
    background-color: transparent;
}

.transparent-theme .sp-choose {
    background-color: #f0f2f8;
}

.transparent-theme .sp-palette .sp-thumb-el:hover,
.transparent-theme .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: #3b4863;
}

.transparent-theme .spinner-border {
    border: 0.25em solid currentColor;
    border-right-color: transparent;
}

.transparent-theme .spinner-border-sm {
    border-width: 0.2em;
}

.transparent-theme .spinner-grow {
    background-color: currentColor;
}

.transparent-theme .sr-only {
    border: 0;
}

.transparent-theme .lds-spinner {
    color: official;
}

.transparent-theme .pulse {
    background: #f3ca56;
    box-shadow: 0 0 0 rgba(243, 202, 86, 0.9);
}

.transparent-theme .spinner-border {
    border: 0.25em solid currentColor;
    border-right-color: transparent;
}

.transparent-theme .spinner-border-sm {
    border-width: 0.2em;
}

.transparent-theme .spinner-grow {
    background-color: currentColor;
}

.transparent-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar th {
    color: #8f9cc0;
}

.transparent-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {
    color: #f16d75;
}

.transparent-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {
    color: #f16d75;
}

.transparent-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar td span,
.transparent-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar td a {
    color: #3c4858;
}

.transparent-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    color: #ffffff;
}

.transparent-theme .main-nav-calendar-event .nav-link.exclude {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-nav-calendar-event .nav-link.exclude i {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-nav-calendar-event .nav-link.exclude::before {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-calendar {
    border-color: #f0f2f8;
}

.transparent-theme .main-calendar .fc-content,
.transparent-theme .main-calendar .fc-divider,
.transparent-theme .main-calendar .fc-list-heading td,
.transparent-theme .main-calendar .fc-list-view,
.transparent-theme .main-calendar .fc-popover,
.transparent-theme .main-calendar .fc-row,
.transparent-theme .main-calendar tbody,
.transparent-theme .main-calendar td,
.transparent-theme .main-calendar th,
.transparent-theme .main-calendar thead {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-calendar .fc-header-toolbar h2 {
    color: #ffffff;
}

.transparent-theme .main-calendar .fc-header-toolbar button {
    background-color: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
    color: #ffffff;
    text-shadow: none;
}

.transparent-theme .main-calendar .fc-header-toolbar button:hover,
.transparent-theme .main-calendar .fc-header-toolbar button:focus,
.transparent-theme .main-calendar .fc-header-toolbar button.fc-state-active {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .main-calendar .fc-header-toolbar button.fc-today-button {
    color: #ffffff;
}

.transparent-theme .main-calendar .fc-header-toolbar button.fc-today-button.fc-state-disabled {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .main-calendar .fc-head-container .fc-day-header {
    color: #8f9cc0;
}

.transparent-theme .main-calendar .fc-view>table {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-calendar .fc-view>table>thead th,
.transparent-theme .main-calendar .fc-view>table>thead td {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-calendar .fc-view>table>tbody>tr>td {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-calendar .fc-view .fc-other-month {
    background-color: var(--transparent-body);
}

.transparent-theme .main-calendar .fc-view .fc-day-number {
    color: #ffffff;
}

.transparent-theme .main-calendar .fc-view .fc-day-number:hover,
.transparent-theme .main-calendar .fc-view .fc-day-number:focus {
    color: #ffffff;
    background-color: var(--transparent-body);
}

.transparent-theme .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:first-child {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view {
    border-width: 0;
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-table,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-table {
    border-collapse: separate;
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-heading td,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-heading td {
    background-color: transparent;
    border-width: 0;
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
    color: #ffffff;
}

.transparent-theme .transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item {
    border-left: 4px solid transparent;
    background-color: #ffffff;
}

.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
    border-left: 4px solid transparent;
    background-color: var(--transparent-body);
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item:hover td,
.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item:focus td {
    background-color: transparent;
}

.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item:hover td,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item:focus td {
    background-color: transparent;
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td {
    border-width: 0;
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-time,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-time {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-title,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title a,
.transparent-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title a {
    color: #ffffff;
}

.transparent-theme .main-calendar td.fc-today {
    background-color: var(--transparent-body);
}

.transparent-theme .main-calendar td.fc-today .fc-day-number {
    color: #ffffff;
}

.transparent-theme .main-calendar td.fc-today .fc-day-number:hover,
.transparent-theme .main-calendar td.fc-today .fc-day-number:focus {
    background-color: var(--primary-bg-color) !important;
}

.transparent-theme .main-calendar .fc-event {
    border-width: 0;
    border-top-width: 5px;
}

.transparent-theme .main-calendar .fc-time-grid-event {
    border-left-width: 0;
    border-top-width: 2px;
}

.transparent-theme .main-calendar .fc-time-grid-event .fc-title {
    color: #ffffff;
}

.transparent-theme .main-calendar .fc-time-grid-event .fc-desc {
    color: #ffffff;
}

.transparent-theme .main-calendar .fc-list-empty {
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}

.transparent-theme .main-modal-calendar-schedule .modal-content {
    border-width: 0;
}

.transparent-theme .main-modal-calendar-schedule .modal-content>.btn-close {
    color: rgba(255, 255, 255, 0.7);
    text-shadow: none;
}

.transparent-theme .main-modal-calendar-schedule .form-group-date {
    border: 1px solid #e8e8f7;
    background-color: #f1f2f9;
    color: #8f9cc0;
}

.transparent-theme .main-modal-calendar-event .modal-content {
    border-width: 0;
    background-color: transparent;
}

.transparent-theme .main-modal-calendar-event .modal-content>.btn-close {
    text-shadow: none;
}

.transparent-theme .main-modal-calendar-event .modal-header {
    border-bottom-width: 0;
}

.transparent-theme .main-modal-calendar-event .nav-modal-event .nav-link {
    color: rgba(255, 255, 255, 0.75);
}

.transparent-theme .main-modal-calendar-event .nav-modal-event .nav-link:hover,
.transparent-theme .main-modal-calendar-event .nav-modal-event .nav-link:focus {
    color: #ffffff;
}

.transparent-theme .main-modal-calendar-event .event-title {
    color: #ffffff;
}

.transparent-theme .main-modal-calendar-event .modal-body {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .main-modal-calendar-event .event-start-date,
.transparent-theme .main-modal-calendar-event .event-end-date {
    color: #8f9cc0;
}

.transparent-theme .main-nav-line-chat {
    border-bottom: 1px solid #e8e8f7;
}

.transparent-theme .main-nav-line-chat .nav-link {
    color: #3b4863;
}

.transparent-theme .main-chat-contacts-wrapper {
    border-bottom: 1px solid #e8e8f7;
}

.transparent-theme .main-chat-contacts-more {
    color: #ffffff;
}

.transparent-theme .main-chat-list .media {
    border: 1px solid transparent;
}

.transparent-theme .main-chat-list .media+.media {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-chat-list .media.new {
    background-color: transparent;
}

.transparent-theme .main-chat-list .media.new .media-contact-name span:first-child {
    color: #ffffff;
}

.transparent-theme .main-chat-list .media.new .media-body p {
    color: #ffffff;
}

.transparent-theme .main-chat-list .media:hover,
.transparent-theme .main-chat-list .media:focus {
    background-color: var(--transparent-body);
    border-top-color: var(--transparent-body);
    border-bottom-color: var(--transparent-body);
}

.transparent-theme .main-chat-list .media:hover:first-child,
.transparent-theme .main-chat-list .media:focus:first-child {
    border-top-color: transparent;
}

.transparent-theme .main-chat-list .media.selected {
    background-color: var(--transparent-body);
    border-top-color: var(--transparent-body);
    border-bottom-color: var(--transparent-body);
}

.transparent-theme .main-chat-list .media.selected:first-child {
    border-top-color: transparent;
}

.transparent-theme .main-chat-list .media.selected .media-contact-name span:first-child {
    color: #ffffff;
}

.transparent-theme .main-chat-list .media.selected .media-body p {
    color: #ffffff;
}

.transparent-theme .main-chat-list .main-img-user span {
    color: #ffffff;
    background-color: #f16d75;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

.transparent-theme .main-chat-list .media-body p {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-chat-list .media-contact-name span:first-child {
    color: #ffffff;
}

.transparent-theme .main-chat-list .media-contact-name span:last-child {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-chat-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-chat-header .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-chat-msg-name h6 {
    color: #ffffff;
}

.transparent-theme .main-chat-msg-name small {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before {
    border-right-color: transparent;
    border-left-color: #e9e9f9;
}

.transparent-theme .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {
    border-right-color: transparent;
    border-left-color: #e9e9f9;
    border-width: 8px;
}

.transparent-theme .main-msg-wrapper {
    background-color: #f4f6ff;
}

.transparent-theme .main-msg-wrapper-1 {
    background-color: var(--primary-bg-color);
    color: white;
}

.transparent-theme .main-msg-wrapper-2,
.transparent-theme .main-msg-wrapper-3 {
    background-color: var(--transparent-body);
}

.transparent-theme .main-chat-body .media-body>div:last-child {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-chat-time span {
    background: var(--transparent-body);
}

.transparent-theme .main-chat-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
}

.transparent-theme .main-chat-footer .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-chat-footer .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background-color: var(--transparent-body);
}

.transparent-theme .main-chat-footer .form-control:hover,
.transparent-theme .main-chat-footer .form-control:focus {
    box-shadow: none;
}

.transparent-theme .main-content-title {
    color: #170c6b;
}

.transparent-theme .main-contact-label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-contact-label::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-contact-item {
    border: 1px solid transparent;
    border-right-width: 0;
}

.transparent-theme .main-contact-item+.main-contact-item {
    border-top-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-contact-item:hover,
.transparent-theme .main-contact-item:focus {
    background-color: rgba(255, 255, 255, 0.1);
    border-top-color: rgba(255, 255, 255, 0.1);
    background-color: var(--transparent-body);
}

.transparent-theme .main-contact-item.selected {
    border-top-color: rgba(255, 255, 255, 0.1);
    background-color: var(--transparent-body);
}

.transparent-theme .main-contact-body h6 {
    color: #ffffff;
}

.transparent-theme .main-contact-body span {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-contact-star {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-contact-star:hover,
.transparent-theme .main-contact-star:focus {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-contact-star.active {
    color: #ff9b21;
}

.transparent-theme .main-contact-info-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-contact-info-header .main-img-user a {
    background-color: var(--transparent-body);
    color: #ffffff;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-contact-info-header .main-img-user a:hover,
.transparent-theme .main-contact-info-header .main-img-user a:focus {
    color: #ffffff;
    background: var(--primary-bg-color);
}

.transparent-theme .main-contact-info-header .media-body h4 {
    color: #ffffff;
}

.transparent-theme .main-contact-info-header .media-body p {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-contact-info-header .media-body .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-contact-action a {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-contact-info-body .media-icon {
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-contact-info-body .media-body label {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .main-contact-info-body .media-body span {
    color: #ffffff;
}

.transparent-theme .main-card-signin {
    background-color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .main-signin-footer p {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-signin-footer a {
    color: #8f9cc0;
}

.transparent-theme .main-signup-wrapper {
    background-color: rgba(244, 245, 248, 0.2);
}

.transparent-theme .main-column-signup-left h5 {
    color: #8f9cc0;
}

.transparent-theme .main-column-signup-left .btn,
.transparent-theme .main-column-signup-left .sp-container button {
    border-width: 2px;
}

.transparent-theme .sp-container .main-column-signup-left button {
    border-width: 2px;
}

.transparent-theme .main-column-signup {
    background-color: #ffffff;
}

.transparent-theme .main-signup-header h4 {
    color: #8f9cc0;
}

.transparent-theme .main-signup-header label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-signup-header .form-control {
    color: #8f9cc0;
    border-width: 2px;
    border-color: #f0f2f8;
}

.transparent-theme .main-signup-header .form-control:focus {
    border-color: #b4bdce;
    box-shadow: none;
}

.transparent-theme .main-signup-header .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-theme .main-signup-header .row>div:first-child .btn,
.transparent-theme .main-signup-header .row>div:first-child .sp-container button {
    background-color: #4267b2;
    color: #ffffff;
}

.transparent-theme .sp-container .main-signup-header .row>div:first-child button {
    background-color: #4267b2;
    color: #ffffff;
}

.transparent-theme .main-signup-header .row>div:first-child .btn:hover,
.transparent-theme .main-signup-header .row>div:first-child .sp-container button:hover {
    background-color: #375694;
    color: #ffffff;
}

.transparent-theme .sp-container .main-signup-header .row>div:first-child button:hover {
    background-color: #375694;
    color: #ffffff;
}

.transparent-theme .main-signup-header .row>div:first-child .btn:focus,
.transparent-theme .main-signup-header .row>div:first-child .sp-container button:focus {
    background-color: #375694;
    color: #ffffff;
}

.transparent-theme .sp-container .main-signup-header .row>div:first-child button:focus {
    background-color: #375694;
    color: #ffffff;
}

.transparent-theme .main-signup-footer p {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-signup-footer a {
    color: #8f9cc0;
}

.transparent-theme .main-error-wrapper h1 {
    color: #8f9cc0;
}

.transparent-theme .main-error-wrapper h2 {
    color: #3b4863;
}

.transparent-theme .main-error-wrapper .btn,
.transparent-theme .main-error-wrapper .sp-container button {
    border-width: 2px;
}

.transparent-theme .sp-container .main-error-wrapper button {
    border-width: 2px;
}

.transparent-theme .construction:before {
    background: var(--primary08);
}

.transparent-theme .signpages .details:before {
    background: var(--primary08);
}

.transparent-theme .signpages .row>h2 {
    color: #008080;
}

.transparent-theme .signpages .login_form {
    background-color: transparent;
}

.transparent-theme .signpages .form__input {
    border: 0px solid transparent;
    border-bottom: 1px solid #aaa;
}

.transparent-theme .signpages .form__input:focus {
    border-bottom-color: #008080;
    box-shadow: 0 0 5px rgba(0, 80, 80, 0.4);
}

.transparent-theme .main-invoice-list {
    border-top: 1px solid #e8e8f7;
}

.transparent-theme .main-invoice-list .media {
    border: 1px solid transparent;
    border-right-width: 0;
}

.transparent-theme .main-invoice-list .media:hover,
.transparent-theme .main-invoice-list .media:focus {
    background-color: #f1f2f9;
}

.transparent-theme .main-invoice-list .media+.media::before {
    border-top: 1px dotted #f0f2f8;
}

.transparent-theme .main-invoice-list .media-icon {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-invoice-list .media-body h6 {
    color: #8f9cc0;
}

.transparent-theme .main-invoice-list .media-body p {
    color: #3b4863;
}

.transparent-theme .main-invoice-list .media-body p span {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-invoice-list .selected {
    background-color: #f1f2f9;
    border-top-color: #f0f2f8;
    border-bottom-color: #f0f2f8;
}

.transparent-theme .main-invoice-list .selected:first-child {
    border-top-color: transparent;
}

.transparent-theme .card-invoice {
    background-color: transparent;
    border-width: 0;
}

.transparent-theme .invoice-title {
    color: #f0f2f8;
}

.transparent-theme .billed-from h6,
.transparent-theme .billed-to h6 {
    color: #8f9cc0;
}

.transparent-theme .invoice-info-row+.invoice-info-row {
    border-top: 1px dotted #f0f2f8;
}

.transparent-theme .invoice-info-row span:first-child {
    color: #3c4858;
}

.transparent-theme .table-invoice tbody>tr>th:first-child,
.transparent-theme .table-invoice tbody>tr>td:first-child {
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .table-invoice tbody>tr>th:first-child .invoice-notes p,
.transparent-theme .table-invoice tbody>tr>td:first-child .invoice-notes p {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .main-mail-header .btn-group .btn,
.transparent-theme .main-mail-header .btn-group .sp-container button {
    border-color: #e2e8f5;
    background-color: #ffffff;
}

.transparent-theme .sp-container .main-mail-header .btn-group button {
    border-color: #e2e8f5;
    background-color: #ffffff;
}

.transparent-theme .main-mail-header .btn-group .btn:hover,
.transparent-theme .main-mail-header .btn-group .sp-container button:hover {
    color: #1c273c;
    background-color: #f6f9fd;
}

.transparent-theme .sp-container .main-mail-header .btn-group button:hover {
    color: #1c273c;
    background-color: #f6f9fd;
}

.transparent-theme .main-mail-header .btn-group .btn:focus,
.transparent-theme .main-mail-header .btn-group .sp-container button:focus {
    color: #1c273c;
    background-color: #f6f9fd;
}

.transparent-theme .sp-container .main-mail-header .btn-group button:focus {
    color: #1c273c;
    background-color: #f6f9fd;
}

.transparent-theme .main-mail-header .btn-group .btn.disabled,
.transparent-theme .main-mail-header .btn-group .sp-container button.disabled {
    background-color: #ffffff;
    color: #e2e8f5;
    border-color: #e2e8f5;
}

.transparent-theme .sp-container .main-mail-header .btn-group button.disabled {
    background-color: #ffffff;
    color: #e2e8f5;
    border-color: #e2e8f5;
}

.transparent-theme .main-mail-header .btn-group .btn.disabled:focus,
.transparent-theme .main-mail-header .btn-group .sp-container button.disabled:focus {
    box-shadow: none;
}

.transparent-theme .sp-container .main-mail-header .btn-group button.disabled:focus {
    box-shadow: none;
}

.transparent-theme .main-mail-header .btn-group .btn.disabled:active,
.transparent-theme .main-mail-header .btn-group .sp-container button.disabled:active {
    box-shadow: none;
}

.transparent-theme .sp-container .main-mail-header .btn-group button.disabled:active {
    box-shadow: none;
}

.transparent-theme .main-mail-options {
    border: 1px solid #e2e8f5;
    border-left-width: 0;
    border-right-width: 0;
}

.transparent-theme .main-mail-options .btn,
.transparent-theme .main-mail-options .sp-container button {
    background-color: transparent;
}

.transparent-theme .sp-container .main-mail-options button {
    background-color: transparent;
}

.transparent-theme .main-mail-options .btn:hover,
.transparent-theme .main-mail-options .sp-container button:hover {
    background-color: #f6f9fd;
}

.transparent-theme .sp-container .main-mail-options button:hover {
    background-color: #f6f9fd;
}

.transparent-theme .main-mail-options .btn:focus,
.transparent-theme .main-mail-options .sp-container button:focus {
    background-color: #f6f9fd;
}

.transparent-theme .sp-container .main-mail-options button:focus {
    background-color: #f6f9fd;
}

.transparent-theme .main-mail-options .btn.disabled,
.transparent-theme .main-mail-options .sp-container button.disabled {
    background-color: transparent;
    color: #7987a1;
}

.transparent-theme .sp-container .main-mail-options button.disabled {
    background-color: transparent;
    color: #7987a1;
}

.transparent-theme .main-mail-item {
    border-top: 1px solid #e4ebf7;
    border-bottom: 1px solid #e4ebf7;
    background-color: rgba(189, 205, 228, 0.1);
}

.transparent-theme .main-mail-item:first-child {
    border-top-width: 0;
}

.transparent-theme .main-mail-item:hover,
.transparent-theme .main-mail-item:focus {
    background-color: #f6f9fd;
}

.transparent-theme .main-mail-item.unread {
    background-color: #ffffff;
}

.transparent-theme .main-mail-item.selected {
    background-color: white;
}

.transparent-theme .main-mail-star {
    color: #e2e8f5;
}

.transparent-theme .main-mail-star.active {
    color: #f0ad4e;
}

.transparent-theme .main-mail-subject strong {
    color: #1c273c;
}

.transparent-theme .main-mail-subject span {
    color: #5c6980;
}

.transparent-theme .main-mail-date {
    color: #97a3b9;
}

.transparent-theme .main-mail-compose {
    background-color: rgba(28, 39, 60, 0.5);
}

.transparent-theme .main-mail-compose-box {
    box-shadow: 0 0 30px rgba(28, 39, 60, 0.2);
}

.transparent-theme .main-mail-compose-header {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.transparent-theme .main-mail-compose-header .nav-link {
    color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .main-mail-compose-header .nav-link:hover,
.transparent-theme .main-mail-compose-header .nav-link:focus {
    color: #ffffff;
}

.transparent-theme .main-mail-compose-body {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .main-mail-compose-body .form-group .form-label {
    color: #ffffff;
}

.transparent-theme .main-mail-compose-body .form-group .form-control {
    border-width: 0;
    border: none !important;
}

.transparent-theme .main-mail-compose-body .form-group .form-control:focus {
    box-shadow: none !important;
}

.transparent-theme .main-mail-compose-body .form-group+.form-group {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-mail-compose-body .form-group .nav-link {
    color: #ffffff;
}

.transparent-theme .main-mail-compose-body .form-group .nav-link:hover,
.transparent-theme .main-mail-compose-body .form-group .nav-link:focus {
    color: #ffffff;
}

.transparent-theme .main-mail-compose-compress,
.transparent-theme .main-mail-compose-minimize {
    background-color: transparent;
}

.transparent-theme .main-mail-two .main-header {
    border-bottom: 1px solid #e8e8f7;
}

.transparent-theme .main-mail-left {
    background-color: #f9f9f9;
    border-right: 1px solid #b4bdce;
}

.transparent-theme .main-mail-content {
    background-color: #f4f5fb;
}

.transparent-theme .main-content-body-show .main-header-mail-arrow {
    background: #f1f5ff;
}

.transparent-theme .table-inbox tr td .fa-bookmark {
    color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .inbox-pagination a.np-btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .inbox-pagination li span {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .mail-option .chk-all,
.transparent-theme .mail-option .btn-group a.btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.transparent-theme .table-inbox {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .table-inbox tr td {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.transparent-theme .table-inbox tr td .fa-star {
    color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .table-inbox tr td .fa-star.inbox-started,
.transparent-theme .table-inbox tr td .fa-star:hover {
    color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .mail-option .dropdown-menu>li>a {
    color: #ffffff;
}

.transparent-theme .mail-option .dropdown-menu>li>a:hover {
    background: var(--transparent-body);
    color: var(--primary-bg-color);
}

.transparent-theme .profile-cover__img>img {
    border: 0px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .profile-cover__img>.h3 {
    color: #ffffff;
}

.transparent-theme .profile-cover__img>a {
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .profile-cover__info .nav li {
    color: #ffffff;
}

.transparent-theme .profile-cover__info .nav li:not(:first-child) {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-content-left-profile {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-profile-name {
    color: #8f9cc0;
}

.transparent-theme .main-profile-name-text {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-content-body-profile .nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-content-body-profile .main-nav-line .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .main-content-body-profile .main-nav-line .nav-link.active {
    color: #ffffff;
}

.transparent-theme .main-profile-view-info h6 {
    color: #8f9cc0;
}

.transparent-theme .main-profile-view-info span {
    color: #f10075;
}

.transparent-theme .main-traffic-detail-item>div:first-child>span:first-child {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-traffic-detail-item>div:first-child>span:last-child {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-traffic-detail-item>div:first-child>span:last-child span {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-profile-work-list .media-body h6 {
    color: #8f9cc0;
}

.transparent-theme .main-profile-work-list .media-body p {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-profile-contact-list .media-body span {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-profile-contact-list .media-body div {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .crypto-transcation.list-unstyled li {
    border: 1px solid #f1f2f7;
}

.transparent-theme .toolbar .btn {
    background: #ffffff;
    color: #222;
    border: 1px solid #e7e7e7;
    border-bottom: 2px solid #ddd;
}

.transparent-theme .crypto-card {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: none;
}

.transparent-theme .btn-default.active {
    background: var(--primary-bg-color);
    color: #ffffff;
    border-bottom: 2px solid #433c9a;
}

.transparent-theme .card-bitcoin label {
    color: #ffffff;
}

.transparent-theme .card-bitcoin p {
    color: #ffffff;
}

.transparent-theme .crypto-wallet .chart-circle-value.circle-style {
    border: 2px dashed #9a93e8;
    background: #fcfcff;
}

.transparent-theme .cryp-icon {
    color: #ffffff;
}

.transparent-theme .buy-sell .form {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.2);
}

.transparent-theme .bg-background2:before {
    background: var(--primary08);
}

.transparent-theme .exchange-icon {
    background: #19b159;
}

.transparent-theme .crypto-btc-usd .nav-link.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .payment-list .payment-item {
    color: #c2c6d4;
}

.transparent-theme .payment-list .payment-item i {
    border: 1px solid #e6e9f3;
}

.transparent-theme .payment-item.active i {
    border-color: #19b159;
    color: #19b159;
}

.transparent-theme .payment-item.active span {
    color: #19b159;
}

.transparent-theme .payment-cards {
    color: rgba(255, 255, 255, 0.7);
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme input:checked+label.payment-cards {
    border-color: rgba(255, 255, 255, 0.4) !important;
    border-width: 1px;
    color: #ffffff;
}

.transparent-theme .form input:checked+label:after,
.transparent-theme form input:checked+label:after {
    border-style: solid;
    border-width: 0 35px 35px 0px;
    border-color: var(--primary-bg-color) var(--primary-bg-color) transparent;
}

.transparent-theme .form input:checked+label:after {
    border-style: solid;
    border-width: 0 35px 35px 0px;
    border-color: var(--primary-bg-color) var(--primary-bg-color) transparent;
}

.transparent-theme .form input:checked+label:before {
    color: #ffffff;
}

.transparent-theme form input:checked+label:before,
.transparent-theme .form input:checked+label:before {
    color: #ffffff;
}

.transparent-theme .crypto-buysell-card .nav.panel-tabs li {
    background: #ffffff;
}

.transparent-theme .crypto-buysell-card .nav.panel-tabs li .active:before {
    border: solid transparent;
    border-width: 10px;
    border-top-color: var(--primary-bg-color);
}

.transparent-theme .crypto-buysell-card .nav.panel-tabs li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .wallet .input-group-addon-right,
.transparent-theme .wallet .input-group-addon {
    color: #b7bec5;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .crypto-wallet .clipboard-icon {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
    background: var(--primary-bg-color);
    border: 1px solid var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .crypto-wallet .clipboard-icon:hover,
.transparent-theme .crypto-wallet .clipboard-icon:focus {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
    background: var(--primary-bg-color);
    border: 1px solid var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .wallet .clipboard-icon {
    background: #2a2e4a;
}

.transparent-theme .wallet .input-group-addon-left {
    background: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0 !important;
}

.transparent-theme .transcation-crypto .table.dataTable th,
.transparent-theme .transcation-crypto .table.dataTable td {
    border-left: 0;
}

.transparent-theme .ratio {
    background-color: #222222;
    color: #ffffff;
}

.transparent-theme .product-timeline ul.timeline-1:before {
    border-left: 2px dotted #c0ccda;
}

.transparent-theme .countrywise-sale .list-group-item {
    border-left-width: 0;
    border-right-width: 0;
    border-style: dotted;
    border-color: #e2e8f5;
    background-color: transparent;
}

.transparent-theme .countrywise-sale .list-group-item span {
    color: #1c273c;
}

.transparent-theme .top-selling-products .product-img {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .top-selling-products .price,
.transparent-theme .top-selling-products .count {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .top-selling-products .title,
.transparent-theme .top-selling-products .amount {
    color: #364a63;
}

.transparent-theme .top-selling-products .items-sold {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .ecommerce.wizard {
    background: #ffffff;
}

.transparent-theme .ecommerce.wizard .nav-tabs {
    border-bottom-color: #e0e0e0;
}

.transparent-theme .connecting-line {
    background: #e0e0e0;
}

.transparent-theme #checkoutsteps>.actions a {
    color: #ffffff;
    background: var(--primary-bg-color);
}

.transparent-theme #checkoutsteps>.steps a {
    background-color: transparent;
    color: #ffffff;
}

.transparent-theme #checkoutsteps>.steps .current a .number {
    border: 2px solid var(--primary-bg-color);
    color: var(--primary-bg-color);
}

.transparent-theme #checkoutsteps .item .thumb {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme #checkoutsteps .total {
    color: #ffffff;
}

.transparent-theme .card-pay .tabs-menu.nav {
    background: rgba(0, 0, 0, 0.2);
}

.transparent-theme .card-pay .tabs-menu.nav li a {
    border-right: 0;
}

.transparent-theme .card-pay .tabs-menu li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .item1-links li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .item1-links a {
    color: #070510;
}

.transparent-theme .item1-links .nav-item a.active {
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .item1-links .nav-link:hover,
.transparent-theme .item1-links .nav-link:focus {
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .track {
    background-color: var(--transparent-body);
}

.transparent-theme .track .step.active .text {
    color: #ffffff;
}

.transparent-theme .track .icon {
    background: var(--transparent-body);
}

.transparent-theme .track .step.active:before {
    background: var(--primary-bg-color);
}

.transparent-theme .track .step.active .icon {
    background: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .product-grid .product-discount-label {
    color: #ffffff;
    background-color: #16b36e;
}

.transparent-theme .product-grid .product-like-icon {
    color: #dc3545;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.transparent-theme .product-grid .product-like-icon:hover {
    color: #ffffff;
    background: #dc3545;
}

.transparent-theme .product-grid .product-link a {
    color: #ffffff;
    background: var(--primary-bg-color);
    border-right: 0px solid rgba(215, 215, 215, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.transparent-theme .product-grid .product-link a:nth-child(2n) {
    border-right: none;
}

.transparent-theme .product-grid .product-link a:hover {
    color: transparent;
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .product-grid .product-link a span {
    color: #ffffff;
}

.transparent-theme .product-content .rating {
    color: #ff9b21;
}

.transparent-theme .product-grid .title a {
    color: #ffffff;
}

.transparent-theme .product-grid .price {
    color: #ffffff;
}

.transparent-theme .product-grid .price .old-price {
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .product_price .old_price {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .productdesc .list-unstyled li {
    border-bottom: 0 !important;
}

.transparent-theme .bg-secondary {
    background-color: #f1388b !important;
}

.transparent-theme a.bg-secondary:hover,
.transparent-theme a.bg-secondary:focus {
    background-color: #de287a !important;
}

.transparent-theme button.bg-secondary:hover,
.transparent-theme button.bg-secondary:focus {
    background-color: #de287a !important;
}

.transparent-theme .bg-primary {
    background-color: var(--primary-bg-color) !important;
}

.transparent-theme a.bg-primary:hover,
.transparent-theme a.bg-primary:focus {
    background-color: var(--primary-bg-hover) !important;
}

.transparent-theme button.bg-primary:hover,
.transparent-theme button.bg-primary:focus {
    background-color: var(--primary-bg-hover) !important;
}

.transparent-theme .bg-success {
    background-color: #19b159 !important;
}

.transparent-theme a.bg-success:hover,
.transparent-theme a.bg-success:focus {
    background-color: #16a552 !important;
}

.transparent-theme button.bg-success:hover,
.transparent-theme button.bg-success:focus {
    background-color: #16a552 !important;
}

.transparent-theme .dark-bg-info {
    background-color: #01b8ff !important;
}

.transparent-theme a.bg-info:hover,
.transparent-theme a.bg-info:focus {
    background-color: #06aff1 !important;
}

.transparent-theme button.bg-info:hover,
.transparent-theme button.bg-info:focus {
    background-color: #06aff1 !important;
}

.transparent-theme .bg-warning {
    background-color: #ff9b21 !important;
}

.transparent-theme a.bg-warning:hover,
.transparent-theme a.bg-warning:focus {
    background-color: #f1911d !important;
}

.transparent-theme button.bg-warning:hover,
.transparent-theme button.bg-warning:focus {
    background-color: #f1911d !important;
}

.transparent-theme .bg-danger {
    background-color: #f16d75 !important;
}

.transparent-theme a.bg-danger:hover,
.transparent-theme a.bg-danger:focus {
    background-color: #ec4157 !important;
}

.transparent-theme button.bg-danger:hover,
.transparent-theme button.bg-danger:focus {
    background-color: #ec4157 !important;
}

.transparent-theme .bg-light {
    background-color: var(--transparent-body) !important;
    color: #ffffff;
}

.transparent-theme a.bg-light:hover,
.transparent-theme a.bg-light:focus {
    background-color: #dbe0ea !important;
    box-shadow: none;
}

.transparent-theme button.bg-light:hover,
.transparent-theme button.bg-light:focus {
    background-color: #dbe0ea !important;
}

.transparent-theme .bg-dark {
    background-color: #3b4863 !important;
}

.transparent-theme a.bg-dark:hover,
.transparent-theme a.bg-dark:focus {
    background-color: #131212 !important;
}

.transparent-theme button.bg-dark:hover,
.transparent-theme button.bg-dark:focus {
    background-color: #131212 !important;
}

.transparent-theme .bg-white {
    background-color: #ffffff !important;
}

.transparent-theme .bg-transparent {
    background-color: transparent !important;
}

.transparent-theme .bg-primary-gradient {
    background: linear-gradient(to right, var(--primary-bg-color) 0%, var(--primary05) 100%);
}

.transparent-theme .bg-secondary-gradient {
    background: linear-gradient(to right, #f1388b 0%, #fb6dad 100%);
}

.transparent-theme .bg-danger-gradient {
    background-image: linear-gradient(to right, #fd6074 0%, #f594a0 100%) !important;
}

.transparent-theme .bg-dark-gradient {
    background-image: linear-gradient(to right, #3b4863 0%, #606f8e 100%) !important;
}

.transparent-theme .bg-success-gradient {
    background: linear-gradient(to right, #19b159 0%, #6cefa3 100%);
}

.transparent-theme .bg-warning-gradient {
    background: linear-gradient(to right, #ff9b21 0%, #f9c07b 100%);
}

.transparent-theme .bg-info-gradient {
    background: linear-gradient(to right, #01b8ff 0%, #7edbff 100%);
}

.transparent-theme .bg-white-1 {
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .bg-white-2 {
    background-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .bg-white-3 {
    background-color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .bg-white-4 {
    background-color: rgba(255, 255, 255, 0.4);
}

.transparent-theme .bg-white-5 {
    background-color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .bg-white-6 {
    background-color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .bg-white-7 {
    background-color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .bg-white-8 {
    background-color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .bg-white-9 {
    background-color: rgba(255, 255, 255, 0.9);
}

.transparent-theme .bg-black-1 {
    background-color: rgba(0, 0, 0, 0.1);
}

.transparent-theme .bg-black-2 {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .bg-black-3 {
    background-color: rgba(0, 0, 0, 0.3);
}

.transparent-theme .bg-black-4 {
    background-color: rgba(0, 0, 0, 0.4);
}

.transparent-theme .bg-black-5 {
    background-color: rgba(0, 0, 0, 0.5);
}

.transparent-theme .bg-black-6 {
    background-color: rgba(0, 0, 0, 0.6);
}

.transparent-theme .bg-black-7 {
    background-color: rgba(0, 0, 0, 0.7);
}

.transparent-theme .bg-black-8 {
    background-color: rgba(0, 0, 0, 0.8);
}

.transparent-theme .bg-black-9 {
    background-color: rgba(0, 0, 0, 0.9);
}

.transparent-theme .bg-indigo {
    background-color: #4b0082;
}

.transparent-theme .bg-azure {
    background-color: #007ea7;
}

.transparent-theme .bg-purple {
    background-color: #6f42c1;
}

.transparent-theme .bg-pink {
    background-color: #f1388b !important;
}

.transparent-theme .bg-orange {
    background-color: #fd7e14;
}

.transparent-theme .bg-teal {
    background-color: #00cccc;
}

.transparent-theme .bg-purple-dark {
    background-color: #59339d;
}

.transparent-theme .bg-success-transparent {
    background-color: rgba(111, 234, 163, 0.2);
}

.transparent-theme .bg-secondary-transparent {
    background-color: rgba(240, 112, 187, 0.15);
}

.transparent-theme .bg-primary-transparent {
    background-color: var(--primary01);
}

.transparent-theme .bg-info-transparent {
    background-color: rgba(1, 184, 255, 0.12);
}

.transparent-theme .bg-warning-transparent {
    background-color: rgba(243, 202, 86, 0.15);
}

.transparent-theme .bg-danger-transparent {
    background-color: rgba(255, 71, 61, 0.12);
}

.transparent-theme .bg-pink-transparent {
    background-color: rgba(255, 101, 165, 0.12);
}

.transparent-theme .bg-purple-transparent {
    background-color: rgba(111, 66, 193, 0.12);
}

.transparent-theme .bg-dark-transparent {
    background-color: rgba(28, 39, 60, 0.12) !important;
}

.transparent-theme .bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.transparent-theme .border {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .border-end {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .border-start {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .border-0 {
    border: 0 !important;
}

.transparent-theme .border-top-0 {
    border-top: 0 !important;
}

.transparent-theme .border-end-0 {
    border-right: 0 !important;
}

.transparent-theme .border-bottom-0 {
    border-bottom: 0 !important;
}

.transparent-theme .border-start-0 {
    border-left: 0 !important;
}

.transparent-theme .border-secondary {
    border-color: #f1388b !important;
}

.transparent-theme .border-success {
    border-color: #19b159 !important;
}

.transparent-theme .border-info {
    border-color: #01b8ff !important;
}

.transparent-theme .border-warning {
    border-color: #ff9b21 !important;
}

.transparent-theme .border-danger {
    border-color: #f16d75 !important;
}

.transparent-theme .border-light {
    border-color: #f1f2f9 !important;
}

.transparent-theme .border-dark {
    border-color: #3b4863 !important;
}

.transparent-theme .border-white {
    border-color: #ffffff !important;
}

.transparent-theme .bd-transparent {
    border-color: transparent;
}

.transparent-theme .bd {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .bd-t {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .bd-r {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .bd-b {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .bd-l {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .bd-y {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .bd-x {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .bd-0 {
    border-width: 0;
}

.transparent-theme .bd-1 {
    border-width: 1px;
}

.transparent-theme .bd-2 {
    border-width: 2px;
}

.transparent-theme .bd-3 {
    border-width: 3px;
}

.transparent-theme .bd-4 {
    border-width: 4px;
}

.transparent-theme .bd-5 {
    border-width: 5px;
}

.transparent-theme .bd-t-0 {
    border-top: 0 !important;
}

.transparent-theme .bd-r-0 {
    border-right: 0 !important;
}

.transparent-theme .bd-b-0 {
    border-bottom: 0 !important;
}

.transparent-theme .bd-l-0 {
    border-left: 0 !important;
}

.transparent-theme .bd-t-0-f {
    border-top: 0 !important;
}

.transparent-theme .bd-r-0-f {
    border-right: 0 !important;
}

.transparent-theme .bd-b-0-f {
    border-bottom: 0 !important;
}

.transparent-theme .bd-l-0-f {
    border-left: 0 !important;
}

.transparent-theme .bd-y-0 {
    border-top-width: 0;
    border-bottom-width: 0;
}

.transparent-theme .bd-y-1 {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.transparent-theme .bd-x-0 {
    border-left-width: 0;
    border-right-width: 0;
}

.transparent-theme .bd-x-1 {
    border-left-width: 1px;
    border-right-width: 1px;
}

.transparent-theme .bd-primary {
    border-color: var(--primary-bg-color);
}

.transparent-theme .bd-secondary {
    border-color: #f1388b;
}

.transparent-theme .bd-success {
    border-color: #19b159;
}

.transparent-theme .bd-warning {
    border-color: #ff9b21;
}

.transparent-theme .bd-danger {
    border-color: #f16d75;
}

.transparent-theme .bd-info {
    border-color: #01b8ff;
}

.transparent-theme .bd-white {
    border-color: #ffffff;
}

.transparent-theme .bd-gray-100 {
    border-color: #f1f2f9;
}

.transparent-theme .bd-gray-200,
.transparent-theme .bd-gray-300 {
    border-color: #f0f2f8;
}

.transparent-theme .bd-gray-400 {
    border-color: #b4bdce;
}

.transparent-theme .bd-gray-500,
.transparent-theme .bd-gray-600 {
    border-color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .bd-gray-700 {
    border-color: #3c4858;
}

.transparent-theme .bd-gray-800 {
    border-color: #3b4863;
}

.transparent-theme .bd-gray-900 {
    border-color: #8f9cc0;
}

.transparent-theme .bd-white-1 {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .bd-white-2 {
    border-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .bd-white-3 {
    border-color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .bd-white-4 {
    border-color: rgba(255, 255, 255, 0.4);
}

.transparent-theme .bd-white-5 {
    border-color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .bd-white-6 {
    border-color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .bd-white-7 {
    border-color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .bd-white-8 {
    border-color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .bd-dashed {
    border-style: dashed;
}

.transparent-theme .bd-dotted {
    border-style: dotted;
}

.transparent-theme .shadow-base {
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}

.transparent-theme .shadow-1 {
    box-shadow: 0 0 7px 7px rgba(28, 39, 60, 0.1);
}

.transparent-theme .shadow-2 {
    box-shadow: 0 0 30px rgba(28, 39, 60, 0.08);
}

.transparent-theme .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(162, 169, 204, 0.075) !important;
}

.transparent-theme .shadow {
    box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.3) !important;
}

.transparent-theme .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(162, 169, 204, 0.175) !important;
}

.transparent-theme .shadow-none {
    box-shadow: none !important;
}

.transparent-theme .tx-white {
    color: #ffffff;
}

.transparent-theme .tx-success {
    color: #19b159;
}

.transparent-theme .tx-warning {
    color: #ff9b21;
}

.transparent-theme .tx-danger {
    color: #f16d75;
}

.transparent-theme .tx-info {
    color: #01b8ff;
}

.transparent-theme .tx-inverse {
    color: #ffffff;
}

.transparent-theme .tx-teal {
    color: #00cccc;
}

.transparent-theme .tx-dark {
    color: #ffffff;
}

.transparent-theme .tx-indigo {
    color: #3F00FF;
}

.transparent-theme .tx-purple {
    color: #6f42c1;
}

.transparent-theme .tx-orange {
    color: #fd7e14;
}

.transparent-theme .tx-pink {
    color: #f10075;
}

.transparent-theme .tx-gray-100 {
    color: #f1f2f7;
}

.transparent-theme .tx-gray-200,
.transparent-theme .tx-gray-300 {
    color: #f0f2f8;
}

.transparent-theme .tx-gray-400 {
    color: #b4bdce;
}

.transparent-theme .tx-gray-500,
.transparent-theme .tx-gray-600 {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .tx-gray-700 {
    color: #3c4858;
}

.transparent-theme .tx-gray-800 {
    color: #3b4863;
}

.transparent-theme .tx-gray-900 {
    color: #8f9cc0;
}

.transparent-theme .tx-white-2 {
    color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .tx-white-3 {
    color: rgba(255, 255, 255, 0.3);
}

.transparent-theme .tx-white-4 {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-theme .tx-white-5 {
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .tx-white-6 {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .tx-white-7 {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .tx-white-8 {
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .text-white {
    color: #ffffff !important;
}

.transparent-theme .text-secondary {
    color: #f1388b !important;
}

.transparent-theme a.text-secondary:hover,
.transparent-theme a.text-secondary:focus {
    color: #f1388b !important;
}

.transparent-theme .text-pink {
    color: #f1388b !important;
}

.transparent-theme .text-success {
    color: #19b159 !important;
}

.transparent-theme a.text-success:hover,
.transparent-theme a.text-success:focus {
    color: #19b159 !important;
}

.transparent-theme .text-info {
    color: #01b8ff !important;
}

.transparent-theme a.text-info:hover,
.transparent-theme a.text-info:focus {
    color: #01b8ff !important;
}

.transparent-theme .text-warning {
    color: #ff9b21 !important;
}

.transparent-theme a.text-warning:hover,
.transparent-theme a.text-warning:focus {
    color: #ff9b21 !important;
}

.transparent-theme .text-danger {
    color: #f16d75 !important;
}

.transparent-theme a.text-danger:hover,
.transparent-theme a.text-danger:focus {
    color: #f16d75 !important;
}

.transparent-theme .text-light {
    color: #f1f2f7 !important;
}

.transparent-theme a.text-light:hover,
.transparent-theme a.text-light:focus {
    color: #c5cbda !important;
}

.transparent-theme .text-dark {
    color: #465988 !important;
}

.transparent-theme a.text-dark:hover,
.transparent-theme a.text-dark:focus {
    color: #ffffff !important;
}

.transparent-theme .text-body {
    color: #465988 !important;
}

.transparent-theme .text-muted {
    color: rgba(255, 255, 255, 0.5) !important;
}

.transparent-theme .text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.transparent-theme .text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.transparent-theme .text-hide {
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.transparent-theme .text-reset {
    color: inherit !important;
}

.transparent-theme .tag {
    color: #ffffff;
    background-color: #e9edfb;
}

.transparent-theme a.tag:hover {
    background-color: rgba(110, 118, 135, 0.2);
    color: inherit;
}

.transparent-theme .tag-addon {
    color: inherit;
    background: rgba(255, 255, 255, 0.04);
}

.transparent-theme a.tag-addon:hover {
    background: rgba(0, 0, 0, 0.16);
    color: inherit;
}

.transparent-theme .tag-blue {
    background-color: #467fcf;
    color: #ffffff;
}

.transparent-theme .tag-indigo {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .tag-purple {
    background-color: #8500ff;
    color: #ffffff;
}

.transparent-theme .tag-pink {
    background-color: #ec82ef;
    color: #ffffff;
}

.transparent-theme .tag-red {
    background-color: #ec2d38;
    color: #ffffff;
}

.transparent-theme .tag-yellow {
    background-color: #fdb901;
    color: #ffffff;
}

.transparent-theme .tag-green {
    background-color: #0fa751;
    color: #ffffff;
}

.transparent-theme .tag-cyan {
    background-color: #00b9ff;
    color: #ffffff;
}

.transparent-theme .tag-orange {
    background-color: #fc7303;
    color: #ffffff;
}

.transparent-theme .tag-teal {
    background-color: #2bcbba;
    color: #ffffff;
}

.transparent-theme .tag-white {
    background-color: #ffffff;
    color: #ffffff;
}

.transparent-theme .tag-gray {
    background-color: #868e96;
    color: #ffffff;
}

.transparent-theme .tag-gray-dark {
    background-color: #343a40;
    color: #ffffff;
}

.transparent-theme .tag-azure {
    background-color: #17c1f4;
    color: #ffffff;
}

.transparent-theme .tag-lime {
    background-color: #7bd235;
    color: #ffffff;
}

.transparent-theme .tag-primary {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .tag-secondary {
    background-color: #f1388b;
    color: #ffffff;
}

.transparent-theme .tag-success {
    background-color: #19b159;
    color: #ffffff;
}

.transparent-theme .tag-info {
    background-color: #01b8ff;
    color: #ffffff;
}

.transparent-theme .tag-default {
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .tag-warning {
    background-color: #ff9b21;
    color: #ffffff;
}

.transparent-theme .tag-danger {
    background-color: #f16d75;
    color: #ffffff;
}

.transparent-theme .tag-light {
    background-color: #f8f9fa;
    color: #ffffff;
}

.transparent-theme .tag-dark {
    background-color: #3b4863;
    color: #ffffff;
}

.transparent-theme .tag-primary-transparent {
    background-color: var(--primary05) !important;
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .tag-secondary-transparent {
    background-color: rgba(241, 56, 139, 0.2);
    color: #f1388b;
}

.transparent-theme .tag-success-transparent {
    background-color: rgba(25, 177, 89, 0.2);
    color: #19b159;
}

.transparent-theme .tag-danger-transparent {
    background-color: rgba(253, 96, 116, 0.2);
    color: #fd6074;
}

.transparent-theme .tag-info-transparent {
    background-color: rgba(1, 184, 255, 0.2);
    color: #01b8ff;
}

.transparent-theme .tag-warning-transparent {
    background-color: rgba(255, 155, 33, 0.2);
    color: #ff9b21;
}

.transparent-theme .tag-dark-transparent {
    background-color: rgba(143, 156, 192, 0.2);
    color: #8f9cc0;
}

.transparent-theme .nav-tabs {
    border-bottom: 1px solid #e8e8f7;
    border-bottom-width: 0;
}

.transparent-theme .nav-tabs .nav-link {
    border: 1px solid transparent;
    background-color: rgba(0, 0, 0, 0.2);
    border-width: 0;
    color: #ffffff;
}

.transparent-theme .nav-tabs .nav-link:hover,
.transparent-theme .nav-tabs .nav-link:focus {
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .nav-tabs .nav-link.disabled {
    color: rgba(255, 255, 255, 0.7);
    background-color: transparent;
    border-color: transparent;
}

.transparent-theme .nav-tabs .nav-link.active {
    color: #3c4858;
    background-color: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .nav-tabs .nav-item.show .nav-link {
    color: #3c4858;
    background-color: #ffffff;
    border-color: #f0f2f8 #f0f2f8 #ffffff;
}

.transparent-theme .main-nav-tabs {
    background-color: var(--transparent-body);
}

.transparent-theme .main-nav-tabs .lSAction>a {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.transparent-theme .main-nav-tabs .lSAction>a:hover,
.transparent-theme .main-nav-tabs .lSAction>a:focus {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-nav-tabs .lSAction>a.disabled {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.transparent-theme .main-nav-tabs .tab-link {
    color: #ffffff;
    background-color: var(--transparent-body);
}

.transparent-theme .main-nav-tabs .tab-link:hover,
.transparent-theme .main-nav-tabs .tab-link:focus {
    background-color: var(--primary-bg-color);
}

.transparent-theme .main-nav-tabs .tab-link.active {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .main-navbar-backdrop {
    background-color: rgba(0, 0, 0, 0.45);
}

.transparent-theme .main-navbar {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .main-navbar .nav-sub-link:before {
    border: 0;
    background: transparent;
}

.transparent-theme .main-navbar .nav-label {
    color: rgba(255, 255, 255, 0.7) !important;
}

.transparent-theme .main-navbar .nav-item:hover .nav-link,
.transparent-theme .main-navbar.hor-menu .nav-item.active .nav-link.with-sub::after {
    color: #ffffff;
}

.transparent-theme .main-navbar .nav-item.active:hover .nav-link.with-sub::after {
    color: #ffffff !important;
}

.transparent-theme .main-navbar .nav-item:hover .nav-link.with-sub::after {
    color: #ffffff !important;
}

.transparent-theme .main-navbar.hor-menu {
    box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.03);
}

.transparent-theme .main-navbar.hor-menu .nav-item.active .nav-link {
    color: #ffffff !important;
}

.transparent-theme .main-navbar.hor-menu .nav-item:hover .nav-link {
    color: #ffffff;
}

.transparent-theme .main-navbar .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .main-navbar .nav-link.with-sub::after {
    color: #ffffff;
}

.transparent-theme .main-navbar .nav-link.with-sub::before {
    border: 1px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.1);
    background-color: var(--transparent-body);
}

.transparent-theme .main-navbar .nav-sub-link {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-navbar .nav-sub-link.with-sub::after {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-navbar .nav-sub-mega {
    background-color: transparent;
    border: 0;
    border-top: 0;
}

.transparent-theme .main-navbar .nav-item .nav-sub li:not(.nav-sub-item),
.transparent-theme .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item) {
    color: #ffffff;
}

.transparent-theme .main-navbar-header {
    border-bottom: 1px solid #e8e8f7;
}

.transparent-theme .main-navbar-search {
    border-bottom: 1px solid #e8e8f7;
}

.transparent-theme .main-navbar-search .form-control {
    border-width: 0;
}

.transparent-theme .main-navbar-search .form-control:focus {
    box-shadow: none !important;
    border-color: #f0f0ff;
}

.transparent-theme .main-navbar-search .btn,
.transparent-theme .main-navbar-search .sp-container button {
    background-color: transparent;
}

.transparent-theme .sp-container .main-navbar-search button {
    background-color: transparent;
}

.transparent-theme .main-navbar-two .nav-sub {
    border-width: 1px;
    border-top-width: 0;
}

.transparent-theme .main-navbar-two .nav-sub-item>.nav-sub {
    border-top-width: 1px;
}

.transparent-theme .main-navbar-three .nav-item+.nav-item {
    border-left-width: 0;
}

.transparent-theme .main-navbar-three .nav-link {
    color: #3b4863;
}

.transparent-theme .main-navbar-three .nav-link:hover,
.transparent-theme .main-navbar-three .nav-link:focus {
    color: #8f9cc0;
}

.transparent-theme .main-navbar-three .nav-sub {
    border-width: 0;
}

.transparent-theme .main-navbar-three .nav-sub-item+.nav-sub-item {
    border-top: 0;
}

.transparent-theme .navbar-toggler {
    background-color: transparent;
    border: 1px solid transparent;
}

.transparent-theme .navbar-toggler .header-icons:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

.transparent-theme .option-dots:hover {
    background-color: var(--transparent-body);
    border-radius: 50%;
}

.transparent-theme .navbar-toggler:focus {
    box-shadow: none;
}

.transparent-theme .wizard {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
    border-radius: 11px;
}

.transparent-theme .wizard>.steps a {
    color: #ffffff;
}

.transparent-theme .wizard>.steps a:hover,
.transparent-theme .wizard>.steps a:active {
    color: #8f9cc0;
}

.transparent-theme .wizard>.steps a .number,
.transparent-theme .wizard>.steps a:hover .number,
.transparent-theme .wizard>.steps a:active .number {
    color: #ffffff;
    background-color: var(--transparent-body);
}

.transparent-theme .wizard>.steps .disabled a {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .wizard>.steps .disabled a:hover,
.transparent-theme .wizard>.steps .disabled a:active {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .wizard>.steps .current a .number,
.transparent-theme .wizard>.steps .current a:hover .number,
.transparent-theme .wizard>.steps .current a:active .number {
    color: #ffffff;
}

.transparent-theme .wizard>.steps .done a {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .wizard>.steps .done a:hover,
.transparent-theme .wizard>.steps .done a:active {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .wizard>.steps .done a .number,
.transparent-theme .wizard>.steps .done a:hover .number,
.transparent-theme .wizard>.steps .done a:active .number {
    background-color: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .wizard>.content {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .wizard>.content>.title {
    color: #8f9cc0;
}

.transparent-theme .wizard>.content>.body input.parsley-error {
    border-color: #f16d75;
}

.transparent-theme .wizard>.actions>ul>li:last-child a {
    background-color: #f16d75;
}

.transparent-theme .wizard>.actions a {
    color: #ffffff;
    background: var(--primary-bg-color);
}

.transparent-theme .wizard>.actions a:hover,
.transparent-theme .wizard>.actions a:active {
    color: #ffffff;
}

.transparent-theme .wizard>.actions .disabled a {
    background-color: #f1388b;
}

.transparent-theme .wizard>.actions .disabled a:hover,
.transparent-theme .wizard>.actions .disabled a:active {
    background-color: #f1388b;
}

.transparent-theme .wizard-style-1>.steps>ul a .number,
.transparent-theme .wizard-style-1>.steps>ul a:hover .number,
.transparent-theme .wizard-style-1>.steps>ul a:active .number {
    border: 0;
    color: rgba(255, 255, 255, 0.7);
    background-color: #f0f2f8;
}

.transparent-theme .wizard-style-1>.steps>ul .done a .number,
.transparent-theme .wizard-style-1>.steps>ul .done a:hover .number,
.transparent-theme .wizard-style-1>.steps>ul .done a:active .number {
    background-color: #643ab0;
    color: #ffffff;
}

.transparent-theme .wizard-style-2>.steps>ul a .number,
.transparent-theme .wizard-style-2>.steps>ul a:hover .number,
.transparent-theme .wizard-style-2>.steps>ul a:active .number {
    border: 2px solid #f0f2f8;
    color: rgba(255, 255, 255, 0.7);
    background-color: #ffffff;
}

.transparent-theme .wizard-style-2>.steps>ul .done a .number,
.transparent-theme .wizard-style-2>.steps>ul .done a:hover .number,
.transparent-theme .wizard-style-2>.steps>ul .done a:active .number {
    border-color: #6f42c1;
    color: #6f42c1;
}

.transparent-theme .ps>.ps__rail-y {
    background-color: transparent;
}

.transparent-theme .ps>.ps__rail-y>.ps__thumb-y {
    background-color: transparent;
}

.transparent-theme .rdiobox span:before {
    background-color: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .rdiobox span:after {
    background-color: #ffffff;
}

.transparent-theme .rdiobox input[type=radio]:checked+span:before {
    border-color: transparent;
}

.transparent-theme .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: var(--primary-bg-color);
    opacity: 0.5;
}

.transparent-theme .form-select {
    color: #ffffff;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .form-select:focus {
    border-color: none !important;
    box-shadow: none;
}

.transparent-theme .form-select:focus::-ms-value {
    color: #3c4858;
    background-color: #ffffff;
}

.transparent-theme .form-select:disabled {
    color: rgba(255, 255, 255, 0.7);
    background-color: #f0f2f8;
}

.transparent-theme .custom-file-input:focus~.custom-file-label {
    box-shadow: none;
}

.transparent-theme .custom-file-input:disabled~.custom-file-label {
    background-color: #f0f2f8;
}

.transparent-theme .custom-file-label {
    color: #3c4858;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}

.transparent-theme .custom-file-label::after {
    color: #3c4858;
    background-color: #e5e9f3;
    border-left: inherit;
}

.transparent-theme .custom-range {
    background-color: transparent;
}

.transparent-theme .custom-range:focus::-webkit-slider-thumb,
.transparent-theme .custom-range:focus::-moz-range-thumb,
.transparent-theme .custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(135, 96, 251, 0.25);
}

.transparent-theme .custom-range::-moz-focus-outer {
    border: 0;
}

.transparent-theme .custom-range::-webkit-slider-thumb {
    border: 0;
}

.transparent-theme .custom-range::-webkit-slider-thumb:active {
    background-color: #e6ecff;
}

.transparent-theme .custom-range::-webkit-slider-runnable-track {
    color: transparent;
    background-color: #f0f2f8;
    border-color: transparent;
}

.transparent-theme .custom-range::-moz-range-thumb {
    border: 0;
}

.transparent-theme .custom-range::-moz-range-thumb:active {
    background-color: #e6ecff;
}

.transparent-theme .custom-range::-moz-range-track {
    color: transparent;
    background-color: #f0f2f8;
    border-color: transparent;
}

.transparent-theme .custom-range::-ms-thumb {
    border: 0;
}

.transparent-theme .custom-range::-ms-thumb:active {
    background-color: #e6ecff;
}

.transparent-theme .custom-range::-ms-track {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.transparent-theme .custom-range::-ms-fill-lower,
.transparent-theme .custom-range::-ms-fill-upper {
    background-color: #f0f2f8;
}

.transparent-theme .custom-range:disabled::-webkit-slider-thumb,
.transparent-theme .custom-range:disabled::-moz-range-thumb,
.transparent-theme .custom-range:disabled::-ms-thumb {
    background-color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .custom-switch-indicator {
    background: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .custom-switch-indicator:before {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: none;
}

.transparent-theme .custom-switch-input:focus~.custom-switch-indicator {
    box-shadow: none;
}

.transparent-theme .custom-switch-description {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .custom-switch-input:checked~.custom-switch-description {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .custom-switch .custom-control-label::after {
    background-color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #ffffff;
}

.transparent-theme .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(135, 96, 251, 0.5);
}

.transparent-theme .main-rating-value {
    color: #8f9cc0;
}

.transparent-theme .rating-stars .rating-stars-container .rating-star {
    color: #f0f2f8;
}

.transparent-theme .rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.transparent-theme .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
    color: #fb0d00;
}

.transparent-theme .rating-stars .rating-stars-container .rating-star.sm {
    color: #eaedf1;
}

.transparent-theme .rating-stars .rating-stars-container .rating-star.is--active,
.transparent-theme .rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f1c40f;
}

.transparent-theme .rating-stars .rating-stars-container .rating-star.is--no-hover,
.transparent-theme .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
    color: #f1f1f9;
}

.transparent-theme .br-theme-bars-horizontal .br-widget a {
    background-color: var(--transparent-body);
}

.transparent-theme .br-theme-bars-pill .br-widget a {
    background-color: var(--transparent-body);
}

.transparent-theme .br-theme-bars-pill .br-widget a.br-active,
.transparent-theme .br-theme-bars-pill .br-widget a.br-selected {
    color: white;
}

.transparent-theme .br-theme-bars-square .br-widget a {
    border: 2px solid rgba(255, 255, 255, 0.1);
    background-color: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .br-theme-bars-square .br-widget a.br-active,
.transparent-theme .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid var(--primary-bg-color);
}

.transparent-theme .transparent-theme .br-theme-bars-movie .br-widget a,
.transparent-theme .br-theme-bars-1to10 .br-widget a,
.transparent-theme .br-theme-bars-movie .br-widget a {
    background-color: var(--transparent-body);
}

.transparent-theme .transparent-theme .rating-stars input {
    color: #495057;
    background-color: #ffffff;
    border: 1px solid #eaedf1;
}

.transparent-theme .latest-timeline1-icon {
    color: #ffffff;
}

.transparent-theme .latest-timeline ul.timeline:before {
    background: #eff0f6;
}

.transparent-theme .latest-timeline1 a {
    color: #181727;
}

.transparent-theme .vtimeline:before {
    background-color: var(--transparent-body);
}

.transparent-theme .vtimeline .timeline-wrapper .timeline-panel {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.transparent-theme .vtimeline .timeline-wrapper .timeline-panel:after {
    border-top: 14px solid transparent;
    border-left: 14px solid rgba(255, 255, 255, 0.05);
    border-right: 0 solid rgba(255, 255, 255, 0.05);
    border-bottom: 14px solid transparent;
}

.transparent-theme .vtimeline .timeline-wrapper .timeline-badge {
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .vtimeline .timeline-wrapper .timeline-badge i {
    color: #ffffff;
}

.transparent-theme .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
}

.transparent-theme .timeline-wrapper-primary .timeline-panel:before {
    background: var(--primary-bg-color);
}

.transparent-theme .timeline-wrapper-primary .timeline-badge {
    background: transparent;
    border: 4px solid var(--primary-bg-color) !important;
}

.transparent-theme .timeline-wrapper-secondary .timeline-panel:before {
    background: #f1388b;
}

.transparent-theme .timeline-wrapper-secondary .timeline-badge {
    background: transparent;
    border: 4px solid #f1388b !important;
}

.transparent-theme .timeline-wrapper-success .timeline-panel:before {
    background: #19b159;
}

.transparent-theme .timeline-wrapper-success .timeline-badge {
    background: transparent;
    border: 4px solid #19b159 !important;
}

.transparent-theme .timeline-wrapper-info .timeline-panel:before {
    background: #01b8ff;
}

.transparent-theme .timeline-wrapper-info .timeline-badge {
    background: transparent;
    border: 4px solid #01b8ff !important;
}

.transparent-theme .timeline-wrapper-warning .timeline-panel:before {
    background: #ff9b21;
}

.transparent-theme .timeline-wrapper-warning .timeline-badge {
    background: transparent;
    border: 4px solid #ff9b21 !important;
}

.transparent-theme .timeline-wrapper-danger .timeline-panel:before {
    background: #fd6074;
}

.transparent-theme .timeline-wrapper-danger .timeline-badge {
    background: transparent;
    border: 4px solid #fd6074 !important;
}

.transparent-theme .timeline-wrapper-light .timeline-panel:before {
    background: #f1f2f9;
}

.transparent-theme .timeline-wrapper-light .timeline-badge {
    background: transparent;
    border: 4px solid #f1f2f9 !important;
}

.transparent-theme .timeline-wrapper-dark .timeline-panel:before {
    background: #828db1;
}

.transparent-theme .timeline-wrapper-dark .timeline-badge {
    background: transparent;
    border: 4px solid #828db1 !important;
}

.transparent-theme .img-sm {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
}

.transparent-theme .avatar {
    color: #ffffff;
}

.transparent-theme .main-avatar {
    color: #ffffff;
}

.transparent-theme .main-avatar::after {
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0 2px var(--transparent-body);
}

.transparent-theme .main-avatar.online::after {
    background-color: #19b159;
}

.transparent-theme .main-avatar.bg-danger::after {
    background-color: #fd6074;
}

.transparent-theme .main-avatar.bg-success::after {
    background-color: #19b159;
}

.transparent-theme .main-avatar.bg-warning::after {
    background-color: #ff9b21;
}

.transparent-theme .avatar-xl::after {
    box-shadow: 0 0 0 2.5px #ffffff;
}

.transparent-theme .avatar-xxl::after {
    box-shadow: 0 0 0 3px #ffffff;
}

.transparent-theme .main-list-item+.main-list-item {
    border-top: 1px solid #e8e8f7;
}

.transparent-theme .main-list-item>div:first-child h6 {
    color: #53545e;
}

.transparent-theme .main-list-item>div span {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .ckbox span:before {
    background-color: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.transparent-theme .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: var(--primary-bg-color);
}

.transparent-theme .main-toggle {
    background-color: var(--transparent-body);
}

.transparent-theme .main-toggle span {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .main-toggle span::before,
.transparent-theme .main-toggle span::after {
    color: #ffffff;
    top: 2px;
}

.transparent-theme .main-toggle-primary.on {
    background-color: var(--primary-bg-color);
}

.transparent-theme .main-toggle-secondary.on {
    background-color: #f1388b;
}

.transparent-theme .main-toggle-success.on {
    background-color: #19b159;
}

.transparent-theme .main-toggle-dark.on {
    background-color: #3b4863;
}

.transparent-theme .list-group {
    color: #ffffff;
}

.transparent-theme .list-group-item-action {
    color: #3c4858;
}

.transparent-theme .list-group-item-action:hover,
.transparent-theme .list-group-item-action:focus {
    color: #ffffff;
    background-color: var(--transparent-body);
}

.transparent-theme .list-group-item-action:active {
    color: #8f9cc0;
    background-color: var(--transparent-body);
}

.transparent-theme .list-group-item {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff;
}

.transparent-theme .list-group-item.disabled,
.transparent-theme .list-group-item:disabled {
    color: rgba(255, 255, 255, 0.2);
    background-color: transparent;
}

.transparent-theme .listgroup-example .list-group.checked .list-group-item,
.transparent-theme .listorder {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
}

.transparent-theme .list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.transparent-theme .list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.transparent-theme .list-group-item-primary {
    color: var(--primary-bg-color);
    background-color: var(--transparent-body);
    border: none;
}

.transparent-theme .list-group-item-primary.list-group-item-action:hover,
.transparent-theme .list-group-item-primary.list-group-item-action:focus {
    color: #1b3585;
    background-color: #adc1ff;
}

.transparent-theme .list-group-item-primary.list-group-item-action.active {
    color: #ffffff;
    background-color: #1b3585;
    border-color: #1b3585;
}

.transparent-theme .list-group-item-secondary {
    color: #f1388b;
    background-color: #ffdfef;
    border: none;
}

.transparent-theme .list-group-item-secondary.list-group-item-action:hover,
.transparent-theme .list-group-item-secondary.list-group-item-action:focus {
    color: #3f4654;
    background-color: #cacfdb;
}

.transparent-theme .list-group-item-secondary.list-group-item-action.active {
    color: #ffffff;
    background-color: #3f4654;
    border-color: #3f4654;
}

.transparent-theme .list-group-item-success {
    color: #1f5c01;
    background-color: #c8e9b8;
    border: none;
}

.transparent-theme .list-group-item-success.list-group-item-action:hover,
.transparent-theme .list-group-item-success.list-group-item-action:focus {
    color: #1f5c01;
    background-color: #b9e3a5;
}

.transparent-theme .list-group-item-success.list-group-item-action.active {
    color: #ffffff;
    background-color: #1f5c01;
    border-color: #1f5c01;
}

.transparent-theme .list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
    border: none;
}

.transparent-theme .list-group-item-info.list-group-item-action:hover,
.transparent-theme .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
}

.transparent-theme .list-group-item-info.list-group-item-action.active {
    color: #ffffff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.transparent-theme .list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
    border: none;
}

.transparent-theme .list-group-item-warning.list-group-item-action:hover,
.transparent-theme .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1;
}

.transparent-theme .list-group-item-warning.list-group-item-action.active {
    color: #ffffff;
    background-color: #856404;
    border-color: #856404;
}

.transparent-theme .list-group-item-danger {
    color: #721c24;
    background-color: #f0c6ca;
    border: none;
}

.transparent-theme .list-group-item-danger.list-group-item-action:hover,
.transparent-theme .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
}

.transparent-theme .list-group-item-danger.list-group-item-action.active {
    color: #ffffff;
    background-color: #721c24;
    border-color: #721c24;
}

.transparent-theme .list-group-item-light {
    color: #8f9cc0;
    background-color: #fdfdfe;
    border: none;
}

.transparent-theme .list-group-item-light.list-group-item-action:hover,
.transparent-theme .list-group-item-light.list-group-item-action:focus {
    color: #8f9cc0;
    background-color: #f0f2f8;
}

.transparent-theme .list-group-item-light.list-group-item-action.active {
    color: #ffffff;
    background-color: #7f7f81;
    border-color: #7f7f81;
}

.transparent-theme .list-group-item-dark {
    color: #1f2533;
    background-color: #c8ccd3;
    border: none;
}

.transparent-theme .list-group-item-dark.list-group-item-action:hover,
.transparent-theme .list-group-item-dark.list-group-item-action:focus {
    color: #1f2533;
    background-color: #babfc8;
}

.transparent-theme .list-group-item-dark.list-group-item-action.active {
    color: #ffffff;
    background-color: #1f2533;
    border-color: #1f2533;
}

.transparent-theme .list-group-item.active {
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.transparent-theme .jumbotron {
    background-color: #f0f2f8;
}

.transparent-theme .custom-control-input:checked~.custom-control-label::before {
    color: #ffffff;
}

.transparent-theme .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.transparent-theme .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #ffffff;
    background-color: #e6ecff;
    border-color: #e6ecff;
}

.transparent-theme .custom-control-input:disabled~.custom-control-label {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .custom-control-input:disabled~.custom-control-label::before {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .custom-control-label::before {
    background-color: var(--transparent-body);
    border: rgba(255, 255, 255, 0.1) solid 1px;
}

.transparent-theme .embed-responsive .embed-responsive-item,
.transparent-theme .embed-responsive iframe,
.transparent-theme .embed-responsive embed,
.transparent-theme .embed-responsive object,
.transparent-theme .embed-responsive video {
    border: 0;
}

.transparent-theme .stretched-link::after {
    background-color: rgba(0, 0, 0, 0);
}

.transparent-theme .main-table-reference {
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-table-reference>thead>tr>th,
.transparent-theme .main-table-reference>thead>tr>td {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
    color: #ffffff;
    border-bottom: 0;
}

.transparent-theme .main-table-reference>tbody>tr>th,
.transparent-theme .main-table-reference>tbody>tr>td {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-notification-title {
    color: #ffffff;
}

.transparent-theme .main-notification-text,
.transparent-theme .main-message-text {
    color: #3c4858;
}

.transparent-theme .main-notification-list,
.transparent-theme .main-message-list,
.transparent-theme .main-profile-menu .dropdown-menu .dropdown-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-notification-list .media+.media,
.transparent-theme .main-message-list .media+.media {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-notification-list .media.new,
.transparent-theme .main-message-list .media.new {
    color: #8f9cc0;
}

.transparent-theme .main-notification-list .media:hover::before,
.transparent-theme .main-notification-list .media:focus::before {
    background-color: rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-message-list .media:hover::before,
.transparent-theme .main-message-list .media:focus::before {
    background-color: rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-notification-list .media-body p,
.transparent-theme .main-message-list .media-body p {
    color: #ffffff;
}

.transparent-theme .main-notification-list .media-body span,
.transparent-theme .main-message-list .media-body span {
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .main-home-slider {
    background-color: #1904be;
}

.transparent-theme .main-home-slider .card-columns .card {
    border-width: 0;
    background-color: transparent;
}

.transparent-theme .main-home-content {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-home-content .main-logo,
.transparent-theme .main-home-content h1 {
    color: #ffffff;
}

.transparent-theme .main-home-content nav:last-child a {
    color: rgba(255, 255, 255, 0.5);
}

.transparent-theme .main-home-content nav:last-child a:hover,
.transparent-theme .main-home-content nav:last-child a:focus {
    color: #ffffff;
}

.transparent-theme .main-dropdown-form-demo .static-dropdown {
    background-color: #f0f2f8;
}

.transparent-theme .main-dropdown-form-demo .dropdown-menu {
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}

.transparent-theme .main-dropdown-form-demo .dropdown-title {
    color: #565673;
}

.transparent-theme .main-content-left-components {
    border-right: 1px solid #e8e8f7;
}

.transparent-theme .main-content-left-components .component-item .nav-link {
    color: #3c4858;
}

.transparent-theme .main-page-header {
    border-bottom: 1px solid #dee2ef;
}

.transparent-theme .main-page-content-list li i {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-syntax-wrapper pre {
    border-color: #f0f2f8;
    background-color: #ffffff;
}

.transparent-theme .main-media-list-reviews .media-body small,
.transparent-theme .main-star-group span:last-child {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-media-list-activity .media-icon {
    color: #ffffff;
}

.transparent-theme .main-media-list-activity .media-body h6 {
    color: #8f9cc0;
}

.transparent-theme .main-media-list-activity .media-body span {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-media-list-activity .media-right {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .flag-dropdown .dropdown-item {
    color: #ffffff;
}

.transparent-theme .main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
    border-right: 0;
}

.transparent-theme .responsive-navbar.navbar .navbar-collapse {
    background: transparent;
}

.transparent-theme .media-logo,
.transparent-theme .media-icon {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .flat a {
    background: rgba(0, 0, 0, 0.2);
    color: white;
}

.transparent-theme .flat a:after {
    background: rgba(0, 0, 0, 0.2);
    color: black;
}

.transparent-theme .flat a.active:before,
.transparent-theme .flat a:hover:before {
    color: #000000;
}

.transparent-theme .flat a:before {
    background: white;
    box-shadow: 0 0 0 1px #ccc;
}

.transparent-theme .user-lock .option-dots {
    background: transparent;
}

.transparent-theme .box-shadow {
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}

.transparent-theme .box-shadow-0 {
    box-shadow: none !important;
}

.transparent-theme .page-header .breadcrumb {
    background: none;
}

.transparent-theme .page-header .breadcrumb-item a {
    color: #ffffff;
}

.transparent-theme .page-header .breadcrumb-item.active {
    color: #7787bc;
}

.transparent-theme #back-to-top {
    color: #ffffff;
    border: 2px solid transparent;
}

.transparent-theme #back-to-top:hover {
    background: transparent !important;
    color: var(--primary-bg-color);
    border: 1px solid var(--primary-bg-color);
}

.transparent-theme .custom-leftnav .main-content-left-components {
    border-right: 0;
}

.transparent-theme .component-item a:before {
    color: #68798b;
}

.transparent-theme .main-icon-list {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .skill-tags a {
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid #f0f2f8;
}

.transparent-theme .reviewnavs li a {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .dash-icon {
    color: #d3d9e4;
}

.transparent-theme .card-pricing .list-unstyled li,
.transparent-theme .card-pricing2 .list-unstyled li,
.transparent-theme .card-pricing3 .list-unstyled li,
.transparent-theme .card-pricing4 .list-unstyled li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .pricing-tabs .nav-price li a {
    color: #ffffff;
    background: transparent;
}

.transparent-theme .pricing-tabs .nav-price li .active {
    background: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .pricingTable2 {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .pricingTable2-header {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 11px !important;
}

.transparent-theme .pricingTable2 .pricingTable2-header h3 {
    color: #ffffff;
}

.transparent-theme .price-value1 {
    color: #ffffff;
}

.transparent-theme .price-value1 span {
    color: #ffffff;
}

.transparent-theme .pricing-plans .month {
    color: #ffffff;
}

.transparent-theme .pricingTable2 .pricingTable2-sign-up {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .pricingTable2 .btn-block {
    color: #ffffff;
}

.transparent-theme .pricingTable2.green .pricing-plans {
    background-color: #10d403;
}

.transparent-theme .pricingTable2.info .pricing-plans {
    background-color: #0ab2e6;
}

.transparent-theme .example {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .example+.highlight {
    border-top: none;
}

.transparent-theme .highlight {
    border: 1px solid #f0f2f8;
    background: #edeff7;
}

.transparent-theme .clipboard-icon {
    background: #2a2e4a;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .our-team:hover .picture img {
    box-shadow: 0 0 0 3px #f0f2f8;
}

.transparent-theme .token.operator,
.transparent-theme .token.entity,
.transparent-theme .token.url {
    background: none;
}

.transparent-theme .language-css .token.string,
.transparent-theme .style .token.string,
.transparent-theme .token.variable {
    background: none;
}

.transparent-theme .task-list {
    color: #3c4858;
}

.transparent-theme .task-list:after {
    background: var(--transparent-body);
}

.transparent-theme .dt-button-collection .dropdown-item.active,
.transparent-theme .dt-button-collection .dropdown-item:active {
    color: rgba(255, 255, 255, 0.7);
    background-color: transparent;
}

.transparent-theme .advanced-search {
    background: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}

.transparent-theme .activity-block .task-list li .task-icon {
    color: #ffffff;
}

.transparent-theme #global-loader {
    background: rgba(0, 0, 0, 0.2);
}

.transparent-theme .page-header .page-title i {
    color: #577ff5;
}

.transparent-theme .feature .feature-icon {
    color: #ffffff;
}

.transparent-theme .feature.bg-transparent {
    background: #fafbfe !important;
}

.transparent-theme .search-imgs li img {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .handle-counter input {
    background: transparent;
    color: #ffffff;
    border: none;
}

.transparent-theme .handle-counter .btn:disabled {
    background-color: #7a7aaf;
    color: #ffffff;
}

.transparent-theme .handle-counter .btn:disabled:hover {
    background-color: #7a869c;
}

.transparent-theme .counter-minus.btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .handle-counter .btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .trash {
    fill: #fd6074 !important;
}

.transparent-theme .itemside .title {
    color: #ffffff;
}

.transparent-theme .project-status.success:before {
    border-left: 3px solid #19b159;
}

.transparent-theme .project-status.danger:before {
    border-left: 3px solid #f16d75;
}

.transparent-theme .project-status.warning:before {
    border-left: 3px solid #ecb529;
}

.transparent-theme .list-card.danger {
    background: #fff3f4;
}

.transparent-theme .list-card.success {
    background: #e8f7ee;
}

.transparent-theme .transcations.table.table-hover tbody tr:hover {
    background-color: transparent;
}

.transparent-theme .upgrade.custom-card {
    background: #f3f2fd;
}

.transparent-theme .user-lock .option-dots:hover {
    background: transparent;
}

.transparent-theme ::-webkit-scrollbar-thumb {
    background: #e8e8f7;
}

.transparent-theme .selectgroup-button {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.transparent-theme .selectgroup-input:checked+.selectgroup-button {
    background: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .selectgroup-input:focus+.selectgroup-button {
    box-shadow: none;
}

.transparent-theme .colorinput-color {
    border: 1px solid transparent;
    color: #ffffff;
    box-shadow: none;
}

.transparent-theme .header-icons {
    fill: #ffffff;
    color: #ffffff;
}

.transparent-theme .header-icons:hover {
    background: rgba(255, 255, 255, 0.05);
}

.transparent-theme .navbar-toggler .header-icons:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.transparent-theme .country-Flag svg {
    background: rgba(255, 255, 255, 0.05);
}

.transparent-theme .nav-link.icon:hover {
    background: none !important;
}

.transparent-theme .main-header-menu-icon .header-menu-icon {
    fill: #ffffff;
}

.transparent-theme .main-header-menu-icon .header-menu-icon:hover {
    background: rgba(255, 255, 255, 0.05);
}

.transparent-theme .btn-icon-text i {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.transparent-theme .transparent-theme .card-item .card-item-icon {
    border: 1px solid var(--primary-bg-color);
}

.transparent-theme .bg-primary-light-1 {
    background: #7886d3;
}

.transparent-theme .bg-primary-light-2 {
    background: #9fa8e0;
}

.transparent-theme .bg-primary-light-3 {
    background: #d8dcf3;
}

.transparent-theme .transaction-blog:before {
    border-left: 2px dotted rgba(255, 255, 255, 0.1);
}

.transparent-theme .transaction-img {
    border: 2px solid;
}

.transparent-theme .product-timeline ul.timeline-1:before {
    border-left: none !important;
}

.transparent-theme .main-content-title {
    color: #ffffff;
}

.transparent-theme .page-header .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.4);
}

.transparent-theme .table.dataTable td:first-child {
    border-left: none !important;
}

.transparent-theme .header-navheading {
    background: var(--primary-bg-color);
}

.transparent-theme .main-notification-text {
    color: #ffffff;
}

.transparent-theme .main-header-notification.show .dropdown-menu::before,
.transparent-theme .main-profile-menu.show .dropdown-menu::before {
    background: var(--primary-bg-color);
}

.transparent-theme .text-dark {
    color: #ffffff !important;
}

.transparent-theme .main-message-text {
    color: #ffffff;
}

.transparent-theme .main-header-message.show .dropdown-menu::before {
    background: var(--primary-bg-color);
}

.transparent-theme .sidebar-icon {
    background: rgba(255, 255, 255, 0.13);
}

.transparent-theme .table-bordered thead th {
    background: none !important;
    border-bottom-width: 0px !important;
}

.transparent-theme .buy-sell .form-control,
.transparent-theme .buy-sell .select2-container--default .select2-selection--single {
    background: transparent;
}

.transparent-theme .bg-background2:before {
    background: var(--primary08);
}

.transparent-theme .tabs-style-1 .panel-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .tabs-style-1 .main-nav-line .nav-link {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .tabs-style-1 .main-nav-line .nav-link.active {
    color: #ffffff;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) transparent;
}

.transparent-theme .tabs-style-2 .main-nav-line .nav-link.active,
.transparent-theme .tabs-style-3 .nav.panel-tabs li a.active,
.transparent-theme .tabs-style-4 .nav.panel-tabs li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .tabs-style-2 .main-nav-line .nav-link {
    background: var(--transparent-body);
}

.transparent-theme .tabs-style-3 {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .tabs-style-3 .nav.panel-tabs li a {
    background: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .tabs-style-3 .nav.panel-tabs li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .tabs-style-4 .nav.panel-tabs li a {
    background: var(--transparent-body);
    color: #ffffff;
}

.transparent-theme .tabs-style-4 .nav.panel-tabs li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}

.transparent-theme .btn-close:focus {
    box-shadow: none !important;
}

.transparent-theme .hor-menu li.active .hor-icon {
    color: #ffffff;
    fill: #ffffff;
}

.transparent-theme .hor-menu .nav-link .hor-icon {
    color: #ffffff;
    fill: #ffffff;
}

.transparent-theme .hor-menu li.nav-item.active .nav-link {
    background-color: rgba(255, 255, 255, 0.1);
    border: 0px solid transparent;
    border-right: 0px;
}

.transparent-theme .hor-menu .nav-link {
    color: #ffffff;
}

.transparent-theme .main-navbar.hor-menu .nav-item.active .nav-link:hover {
    color: #ffffff;
}

@media (max-width: 575px) {

    .transparent-theme .main-calendar .fc-header-toolbar button.fc-month-button,
    .transparent-theme .main-calendar .fc-header-toolbar button.fc-agendaWeek-button,
    .transparent-theme .main-calendar .fc-header-toolbar button.fc-agendaDay-button,
    .transparent-theme .main-calendar .fc-header-toolbar button.fc-listWeek-button,
    .transparent-theme .main-calendar .fc-header-toolbar button.fc-listMonth-button {
        color: transparent;
    }

    .transparent-theme .main-calendar .fc-header-toolbar button.fc-month-button::before,
    .transparent-theme .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before,
    .transparent-theme .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before,
    .transparent-theme .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
    .transparent-theme .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
        color: #8f9cc0;
    }
}

@media (max-width: 991.98px) {

    .transparent-theme .main-calendar .fc-view>table>thead th:first-child,
    .transparent-theme .main-calendar .fc-view>table>thead td:first-child {
        border-left-width: 0;
    }

    .transparent-theme .main-calendar .fc-view>table>thead th:last-child,
    .transparent-theme .main-calendar .fc-view>table>thead td:last-child {
        border-right-width: 0;
    }
}

@media (max-width: 991.98px) {
    .transparent-theme .main-calendar .fc-view>table>tbody>tr>td:first-child {
        border-left-width: 0;
    }

    .transparent-theme .main-calendar .fc-view>table>tbody>tr>td:last-child {
        border-right-width: 0;
    }
}

@media (min-width: 576px) {
    .transparent-theme .main-calendar .fc-event {
        border-top-width: 0;
        border-left-width: 2px;
    }
}

@media (min-width: 480px) {
    .transparent-theme .main-card-signin {
        border: 1px solid #e8e8f7;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-column-signup {
        border-left: 1px solid #e8e8f7;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-content-left-invoice {
        border-right: 1px solid #e8e8f7;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-mail-list {
        border-top-width: 0;
    }
}

@media (max-width: 991px) {

    .transparent-theme .mail-container .tab-list-items.task-menu-show,
    .transparent-theme .mail-container .tab-list-items.mail-menu-show {
        background: #ffffff;
        box-shadow: 12px 7px 13px -3px #b4bfd8;
    }

    .transparent-theme .task-actions li .task-action-items i {
        color: #031b4e;
        border: 1px solid #e0e7f3;
    }
}

@media (min-width: 601px) {
    .transparent-theme .profile-cover__info .nav {
        color: #999;
    }
}

@media (max-width: 600px) {
    .transparent-theme .profile-cover__info .nav {
        color: #999;
    }

    .transparent-theme .profile-cover__info .nav li:not(:first-child) {
        border-top: 1px solid #eee;
        border-top: 0;
        border-left-width: 0;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-content-left-profile {
        border-right: 1px solid #e8e8f7;
        border-bottom: 0;
    }
}

@media (max-width: 767px) {
    .transparent-theme .profile-cover__info .nav {
        color: #999;
    }

    .transparent-theme .profile-cover__info .nav li:not(:first-child) {
        border-top: 0;
        border-left-width: 0;
    }
}

@media (min-width: 768px) {
    .transparent-theme #checkoutsteps>.steps .number {
        background-color: rgba(0, 0, 0, 0.2);
        color: rgba(255, 255, 255, 0.6);
    }

    .transparent-theme #checkoutsteps .checkoutline {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 767px) {
    .transparent-theme #checkoutsteps>.steps .number {
        background-color: var(--transparent-body);
        color: rgba(255, 255, 255, 0.6);
    }

    .transparent-theme #checkoutsteps .checkoutline {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 567px) {
    .transparent-theme .card-pay .tabs-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 480px) {
    .transparent-theme .bd-xs {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xs-t {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xs-r {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xs-b {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xs-l {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xs-y {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xs-x {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 576px) {
    .transparent-theme .bd-sm {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-sm-t {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-sm-r {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-sm-b {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-sm-l {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-sm-y {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-sm-x {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 768px) {
    .transparent-theme .bd-md {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-md-t {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-md-r {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-md-b {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-md-l {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-md-y {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-md-x {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 992px) {
    .transparent-theme .bd-lg {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-lg-t {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-lg-r {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-lg-b {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-lg-l {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-lg-y {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-lg-x {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 1200px) {
    .transparent-theme .bd-xl {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xl-t {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xl-r {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xl-b {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xl-l {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xl-y {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .bd-xl-x {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-navbar .nav-sub {
        background-color: var(--transparent-body);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    }

    .transparent-theme .main-navbar .nav-sub.nav-sub-mega {
        background: none;
        border: none;
    }

    .transparent-theme .nav-item-mega .nav-sub {
        box-shadow: none;
    }

    .transparent-theme .main-navbar .nav-sub .container {
        box-shadow: 0 8px 16px 0 #14142b;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-navbar {
        border-right: 0;
        border-bottom: 0;
        box-shadow: 0 2px 17px 1px rgba(162, 169, 204, 0.24);
        border-bottom: 1px solid transparent;
    }

    .transparent-theme .main-navbar .nav-sub-mega .container,
    .transparent-theme .main-navbar .nav-sub-mega .container-fluid {
        background-color: var(--transparent-body);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-navbar .nav-item+.nav-item {
        border-top: 0;
    }
}

@media (max-width: 992px) {

    .transparent-theme .main-navbar .nav-sub-link:hover,
    .transparent-theme .main-navbar .nav-sub-link:focus {
        color: #ffffff;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-navbar .nav-sub-mega {
        border-top: 0;
    }
}

@media (min-width: 992px) {

    .transparent-theme .main-navbar .nav-sub-mega .container>div+div,
    .transparent-theme .main-navbar .nav-sub-mega .container-fluid>div+div {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-navbar .nav-sub-mega .nav+.nav {
        border-top: 0;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-navbar-three .nav-sub {
        box-shadow: 0 0 0 2px rgba(180, 189, 206, 0.5);
    }
}

/* ###### Navbar  ###### */
/* ###### Wizard ###### */
@media (min-width: 576px) {
    .transparent-theme .wizard.vertical>.content {
        border-top-width: 0;
        border-bottom-width: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 576px) {
    .transparent-theme .wizard.vertical>.actions {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 576px) {

    .transparent-theme .demo-avatar-group .main-img-user+.main-img-user,
    .transparent-theme .demo-avatar-group .main-img-user+.main-avatar {
        border: 2px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .demo-avatar-group .main-avatar+.main-img-user,
    .transparent-theme .demo-avatar-group .main-avatar+.main-avatar {
        border: 2px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 576px) {

    .transparent-theme #shapes .demo-avatar-group .main-img-user+.main-img-user,
    .transparent-theme #shapes .demo-avatar-group .main-img-user+.main-avatar {
        border: 0px solid rgba(255, 255, 255, 0.1);
    }
}

@media print {

    .transparent-theme pre,
    .transparent-theme blockquote {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .badge {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .table {
        border-collapse: collapse !important;
    }

    .transparent-theme .table td,
    .transparent-theme .table th {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

    .transparent-theme .table-bordered th,
    .transparent-theme .table-bordered td {
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .transparent-theme .table-dark {
        color: inherit;
    }

    .transparent-theme .table-dark th,
    .transparent-theme .table-dark td,
    .transparent-theme .table-dark thead th,
    .transparent-theme .table-dark tbody+tbody {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .table .thead-dark th {
        color: inherit;
        border-color: rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 991px) {
    .transparent-theme .main-header.side-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        background: var(--transparent-body);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
    }

    .transparent-theme .header-search .select2-container--default .select2-selection--single {
        background-color: rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 3px 0 0 3px;
        border-right: 0;
    }
}

@media (max-width: 599px) {
    .transparent-theme .mobile-main-header .nav-link.icon {
        color: #2f395f;
    }
}

@media (max-width: 991px) {
    .transparent-theme .main-navbar.hor-menu .nav-item .nav-sub li:not(.nav-sub-item) {
        color: #ffffff;
    }

    .transparent-theme .main-navbar.hor-menu .nav-sub-link {
        color: #ffffff;
    }

    .transparent-theme .main-navbar .nav-sub {
        border-top: 0;
    }

    .transparent-theme .main-header {
        box-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 0;
    }
}

@media (max-width: 991px) {
    .transparent-theme .main-navbar.hor-menu .nav-sub-item.active a {
        color: #ffffff !important;
    }

    .transparent-theme .main-navbar .nav-sub-item.active>.nav-sub-link {
        color: #ffffff;
    }

    .transparent-theme .main-navbar .nav-sub-item.active>.nav-sub-link:before {
        color: #ffffff;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-navbar.hor-menu .nav-sub-item.active .nav-sub-link.active {
        color: #ffffff;
    }

    .transparent-theme .main-navbar .nav-sub-item.active>.nav-sub-link:before {
        color: #ffffff;
    }
}

@media (max-width: 767px) {
    .transparent-theme .main-content-body-contacts {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .vtimeline .timeline-wrapper .timeline-panel:after {
        border-right: 14px solid rgba(255, 255, 255, 0.05) !important;
        border-left: 0 solid rgba(255, 255, 255, 0.05) !important;
    }
}

@media (min-width: 992px) {
    .transparent-theme .main-navbar.sticky.sticky-pin {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 991px) {

    .transparent-theme .main-mail-compose-compress,
    .transparent-theme .main-mail-compose-minimize {
        background-color: transparent;
    }
}

.transparent-theme .main-sidebar-sticky {
    background: transparent;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .main-sidebar-sticky .main-sidebar-body {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .sidemenu-logo {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent !important;
}

.transparent-theme .main-sidebar-body .nav-link {
    color: #ffffff;
}

.transparent-theme .main-sidebar-body .nav-link .sidemenu-icon {
    fill: #ffffff;
}

.transparent-theme .main-sidebar-body li.active .sidemenu-icon {
    fill: #ffffff;
    background: transparent;
}

.transparent-theme .main-sidebar-body .nav-sub .nav-sub-link:before {
    color: #ffffff;
}

.transparent-theme .main-sidebar-body .nav-sub-link {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .main-sidebar-body .nav-sub-link:hover {
    color: #ffffff;
}

.transparent-theme .side-menu .nav-link:hover {
    color: #ffffff;
}

.transparent-theme .main-sidebar-body .nav-label {
    color: rgba(255, 255, 255, 0.5) !important;
}

.transparent-theme .side-header {
    border-bottom: 1px solid #e8e8f7;
    box-shadow: none !important;
}

.transparent-theme .owl-theme::before {
    background: linear-gradient(to left, transparent 0%, var(--transparent-body) 100%);
}

.transparent-theme .owl-theme::after {
    background: linear-gradient(to right, transparent 0%, var(--transparent-body) 100%);
}

.transparent-theme .table-striped>tbody>tr:nth-of-type(odd) {
    color: #ffffff;
}

.transparent-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff;
}

.transparent-theme .breadcrumb {
    background-color: transparent;
}

.transparent-theme .bootstrap-tagsinput {
    background-color: transparent;
}

.transparent-theme .bootstrap-tagsinput .badge {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
}

.transparent-theme .notifit_confirm,
.transparent-theme .notifit_prompt {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}

.transparent-theme .tree li.branch {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .tree li a {
    color: #ffffff;
}

.transparent-theme .tree li.branch li {
    background: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .tree ul:before {
    border-left: 2px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .tree ul li:before {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .sweet-alert {
    background-color: var(--transparent-body);
    box-shadow: 0 0.5rem 1rem rgba(16, 19, 41, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .sweet-alert h2 {
    color: #ffffff;
}

.transparent-theme .sweet-alert p {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .modal-content .btn-close {
    color: #ffffff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    border: 0;
    border-radius: 0.25rem;
}

.transparent-theme table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
.transparent-theme table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .svg-icon {
    fill: rgba(255, 255, 255, 0.6);
}

.transparent-theme .datepicker-days tbody {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .datepicker td,
.transparent-theme .datepicker th {
    color: #ffffff;
}

.transparent-theme .datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(255, 255, 255, 0.1);
    border-bottom: 0;
}

.transparent-theme .datepicker-dropdown.datepicker-orient-top:after {
    border-top: 6px solid var(--transparent-body);
    border-bottom: 0;
}

.transparent-theme .datepicker table tr td span {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff !important;
}

.transparent-theme .datepicker table tr td span:hover,
.transparent-theme .datepicker table tr td span.focused {
    background-color: var(--transparent-body);
    color: #ffffff !important;
}

.transparent-theme .datepicker-dropdown:after {
    border-bottom: 6px solid var(--primary-bg-color);
}

.transparent-theme .datepicker-dropdown:before {
    border-bottom: 7px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .intl-tel-input input {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #ffffff;
}

.transparent-theme .intl-tel-input .flag-dropdown .selected-flag {
    background-color: transparent !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .intl-tel-input .flag-dropdown .selected-flag .down-arrow {
    border-top: 4px solid #ffffff;
}

.transparent-theme .intl-tel-input .flag-dropdown .selected-flag:hover {
    background-color: var(--transparent-body);
}

.transparent-theme .intl-tel-input .flag-dropdown .country-list {
    background-color: var(--transparent-body) !important;
    box-shadow: 0 8px 16px 0 #14142b;
}

.transparent-theme .intl-tel-input .flag-dropdown .country-list .country.highlight {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 0 !important;
}

.transparent-theme .intl-tel-input .flag-dropdown .country-list .divider {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .intl-tel-input .flag-dropdown .country-list .country .dial-code {
    color: rgba(255, 255, 255, 0.6) !important;
}

.transparent-theme .daterangepicker .calendar-table {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
}

.transparent-theme .daterangepicker .calendar-table td {
    color: #ffffff !important;
}

.transparent-theme .daterangepicker .calendar th {
    color: #ffffff !important;
}

.transparent-theme .daterangepicker .daterangepicker_input i {
    color: #ffffff;
}

.transparent-theme .daterangepicker td.active,
.transparent-theme .daterangepicker td.active:hover {
    background-color: var(--transparent-body) !important;
}

.transparent-theme .daterangepicker td.off,
.transparent-theme .daterangepicker td.off.in-range,
.transparent-theme .daterangepicker td.off.start-date,
.transparent-theme .daterangepicker td.off.end-date {
    background-color: var(--transparent-body);
}

.transparent-theme .daterangepicker:after {
    border-bottom: 6px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .daterangepicker:before {
    border-bottom: 7px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .daterangepicker td.available:hover,
.transparent-theme .daterangepicker th.available:hover {
    background-color: var(--transparent-body) !important;
    color: #ffffff !important;
}

.transparent-theme .daterangepicker td.in-range {
    background-color: var(--transparent-body) !important;
}

.transparent-theme .daterangepicker.dropdown-menu {
    box-shadow: 0 8px 16px 0 #14142b;
}

.transparent-theme .dropify-wrapper {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .dropify-wrapper:hover {
    background-image: linear-gradient(-45deg, transparent 25%, transparent 25%, transparent 50%, transparent 50%, transparent 75%, transparent 75%, transparent) !important;
}

.transparent-theme .dropify-wrapper .dropify-preview {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .dropify-wrapper .dropify-message span.file-icon {
    color: #ffffff !important;
}

.transparent-theme .ff_fileupload_wrap .ff_fileupload_dropzone {
    border: 2px dashed rgba(255, 255, 255, 0.1);
    background-color: transparent !important;
}

.transparent-theme .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
.transparent-theme .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.transparent-theme .ff_fileupload_wrap .ff_fileupload_dropzone:active {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {
    background-color: transparent;
    color: #ffffff;
}

.transparent-theme .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {
    background-color: var(--transparent-body) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_progress_background {
    background-color: var(--transparent-body) !important;
}

.transparent-theme .bg-gray-100 {
    background-color: #2d3458;
}

.transparent-theme .gray-set .bg-gray-100 {
    background-color: #eaeafb !important;
}

.transparent-theme .bg-gray-300 {
    background-color: #3f4771;
}

.transparent-theme .gray-set .bg-gray-300 {
    background-color: #babade !important;
}

.transparent-theme .bg-gray-400 {
    background-color: #2f3a75;
}

.transparent-theme .gray-set .bg-gray-400 {
    background-color: #8f8fb7 !important;
}

.transparent-theme .apexcharts-radialbar-hollow {
    fill: transparent !important;
}

.transparent-theme .apexcharts-text.apexcharts-datalabel-label,
.transparent-theme .apexcharts-text.apexcharts-datalabel-value {
    fill: #ffffff;
}

.transparent-theme #revenuemorrischart text,
.transparent-theme #donutexample text,
.transparent-theme #morrisDonut2 text {
    fill: #ffffff;
}

.transparent-theme .datepicker-container {
    background-color: var(--transparent-body);
    box-shadow: 0 8px 16px 0 #14142b;
}

.transparent-theme .datepicker-panel>ul>li {
    background-color: transparent;
    color: #ffffff;
}

.transparent-theme .datepicker-panel>ul[data-view=week]>li,
.transparent-theme .datepicker-panel>ul[data-view=week]>li:hover {
    background-color: transparent;
    color: #ffffff;
}

.transparent-theme .datepicker-panel>ul>li[data-view="years current"],
.transparent-theme .datepicker-panel>ul>li[data-view="year current"],
.transparent-theme .datepicker-panel>ul>li[data-view="month current"] {
    color: #ffffff;
}

.transparent-theme .datepicker-top-left::after,
.transparent-theme .datepicker-top-right::after {
    border-bottom-color: var(--transparent-body) !important;
}

.transparent-theme #revenuemorrischart svg path,
.transparent-theme #donutexample svg path,
.transparent-theme #morrisDonut2 svg path {
    stroke: rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme div.dt-button-info {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.1);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    color: white;
}

.transparent-theme div.dt-button-info h2 {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.1);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    color: white;
}

.transparent-theme .panel-group .panel {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .panel-group .panel,
.transparent-theme .panel-group1 .panel {
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme #accordion .panel-default>.panel-heading {
    border: 0px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .panel-default>.panel-heading {
    color: #ffffff;
}

.transparent-theme .panel-default>.panel-heading {
    background-color: var(--transparent-body);
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .panel-heading {
    background: rgba(0, 0, 0, 0.2);
}

.transparent-theme .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
}

.transparent-theme .accordion-button.collapsed {
    background: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .accordion-button:not(.collapsed) {
    color: #ffffff;
    box-shadow: none;
    background: var(--transparent-body);
}

.transparent-theme .panel-title1 a {
    background: var(--primary-bg-color) !important;
}

.transparent-theme .panel-title1 a {
    color: #ffffff !important;
}

.transparent-theme .collapse:not(.show) {
    background: #ffffff;
}

@media (min-width: 992px) {

    .transparent-theme .main-navbar .nav-sub-link:hover,
    .transparent-theme .main-navbar .nav-sub-link:focus {
        color: #ffffff;
    }
}

@media (max-width: 767px) {
    .transparent-theme .responsive-navbar.navbar .navbar-collapse {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
        background: var(--transparent-body);
    }
}

.transparent-theme .light-layout {
    display: none;
}

.transparent-theme .dark-layout {
    display: none;
}

@media (max-width: 991px) {
    .transparent-theme .main-header-theme {
        margin: 0;
    }
}

.transparent-theme .main-sidebar-header .sidemenu-logo .desktop-logo {
    display: none;
}

.transparent-theme .main-sidebar-header .sidemenu-logo .desktop-logo-dark {
    display: block;
}

.transparent-theme.main-sidebar-hide .main-sidebar-header .sidemenu-logo .desktop-logo-dark,
.transparent-theme.main-sidebar-hide .main-sidebar-header .sidemenu-logo .icon-logo {
    display: none;
}

.transparent-theme.main-sidebar-hide .main-sidebar-header .sidemenu-logo .icon-logo-dark {
    display: block;
}

.transparent-theme.main-sidebar-hide.main-sidebar-open .main-sidebar-header .sidemenu-logo .icon-logo-dark,
.transparent-theme.main-sidebar-hide.main-sidebar-open .main-sidebar-header .sidemenu-logo .desktop-logo {
    display: none;
}

.transparent-theme.main-sidebar-hide.main-sidebar-open .main-sidebar-header .sidemenu-logo .desktop-logo-dark {
    display: block;
}

.transparent-theme.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo-dark {
    display: block;
}

.transparent-theme.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo {
    display: none;
}

@media (max-width: 991px) {
    .transparent-theme .main-header-center .responsive-logo .mobile-logo {
        display: none;
    }

    .transparent-theme.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo-dark {
        display: none;
    }

    .transparent-theme.horizontalmenu .mobile-logo-dark {
        display: block;
    }
}

@media (max-width: 767px) {
    .transparent-theme.horizontalmenu .mobile-logo-dark {
        display: block;
        margin: auto;
    }
}

body.transparent-theme *::-webkit-scrollbar-thumb,
body.transparent-theme *:hover::-webkit-scrollbar-thumb {
    background: var(--transparent-body);
}

.transparent-theme .header-setting-icon:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

.transparent-theme .header-setting-icon .settings-icon {
    fill: #ffffff !important;
}

.transparent-theme .datepicker table tr td span {
    background: transparent !important;
}

.transparent-theme .datepicker table tr td span:hover,
.transparent-theme .datepicker table tr td span.focused {
    background: var(--transparent-body) !important;
}

.transparent-theme .daterangepicker .input-mini.active,
.transparent-theme .daterangepicker .input-mini {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme #basic-addon2.input-group-text {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none;
}

.transparent-theme .contact-icon {
    background-color: var(--transparent-body);
    color: #ffffff !important;
}

.transparent-theme .ps__thumb-x {
    background-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .ps__thumb-y {
    background-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .ps__rail-x:hover>.ps__thumb-x,
.transparent-theme .ps__rail-x:focus>.ps__thumb-x,
.transparent-theme .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .ps__rail-y:hover>.ps__thumb-y,
.transparent-theme .ps__rail-y:focus>.ps__thumb-y,
.transparent-theme .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(255, 255, 255, 0.2);
}

.transparent-theme .fc .fc-non-business {
    background: transparent;
}

.transparent-theme .fc-theme-standard .fc-scrollgrid {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 0;
}

.transparent-theme .fc-theme-standard td,
.transparent-theme .fc-theme-standard th {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 0;
}

.transparent-theme .fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.transparent-theme .fc-daygrid-day-top a {
    color: #ffffff !important;
}

.transparent-theme .signin-or-title::after {
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .signin-or-title .title {
    background-color: transparent;
}

.transparent-theme .listorder1 {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .listunorder1 {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .listunorder {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .form-check-input {
    background-color: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .form-check-input:checked {
    background-color: var(--primary-bg-color);
    border-color: none;
}

.transparent-theme .form-check-input:focus {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .user-list-avatar {
    box-shadow: 0 2px 4px 0 #14142b;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .ui-timepicker-wrapper {
    background: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .ui-timepicker-list li {
    color: #ffffff;
}

.transparent-theme .richText {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
}

.transparent-theme .richText .richText-toolbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .richText .richText-toolbar ul li a {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .richText .richText-editor {
    background-color: transparent;
    border-left: transparent solid 2px;
}

.transparent-theme .richText .richText-editor:focus {
    border-left: var(--primary-bg-color) solid 2px;
}

.transparent-theme .richText .richText-toolbar ul li a:hover {
    background-color: var(--transparent-body);
}

.transparent-theme .richText .richText-undo,
.transparent-theme .richText .richText-redo {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .profile-share {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
}

.transparent-theme .pricing-tabs .pri-tabs-heading {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .list-group-transparent .list-group-item {
    background: none;
    border: 0 !important;
}

.transparent-theme .desc-tabs .nav.panel-tabs li a {
    color: #ffffff;
}

.transparent-theme .desc-tabs .nav.panel-tabs li a.active {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}

.transparent-theme hr.message-inner-separator {
    border-top-color: rgba(255, 255, 255, 0.1);
    background: transparent;
}

.transparent-theme .tag-outline {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    background-color: transparent;
}

.transparent-theme .file-attach .icons li a {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.transparent-theme .file-attach .icons li a {
    background: rgba(0, 0, 0, 0.2);
}

.transparent-theme .theme-container .active {
    background: transparent;
    color: var(--primary-bg-color);
}

.transparent-theme .theme-container1 .active {
    background: transparent;
    color: #f1388b;
}

.transparent-theme .theme-container2 .active {
    background: transparent;
    color: #01b8ff;
}

.transparent-theme .pcr-app {
    background: var(--transparent-body);
}

.transparent-theme .pickr input:focus,
.transparent-theme .pickr input.pcr-active,
.transparent-theme .pickr button:focus,
.transparent-theme .pickr button.pcr-active,
.transparent-theme .pcr-app input:focus,
.transparent-theme .pcr-app input.pcr-active,
.transparent-theme .pcr-app button:focus,
.transparent-theme .pcr-app button.pcr-active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.85), 0 0 0 3px var(--pcr-color);
}

.transparent-theme .main-msg-emoji,
.transparent-theme .main-msg-attach {
    color: #ffffff;
}

.transparent-theme .tree li i {
    color: #ffffff !important;
}

.transparent-theme .notification .notification-body {
    background: rgba(0, 0, 0, 0.2);
}

.transparent-theme .notification .notification-body:before {
    border-right-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .notification .notification-icon a {
    background: var(--transparent-body);
}

.transparent-theme .notification .notification-time .time {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .notification .notification-time .date {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .notification-time-date {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu .main-sidebar-header .sidemenu-logo .desktop-logo-dark,
.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu .main-sidebar-header .sidemenu-logo .icon-logo {
    display: none;
}

.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu .main-sidebar-header .sidemenu-logo .icon-logo-dark {
    display: block;
}

.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu .nav-sub {
    background: var(--transparent-body);
}

.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu1 .main-sidebar-header .sidemenu-logo .desktop-logo-dark,
.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu1 .main-sidebar-header .sidemenu-logo .icon-logo {
    display: none;
}

.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu1 .main-sidebar-header .sidemenu-logo .icon-logo-dark {
    display: block;
}

.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu1 .nav-sub {
    background: var(--transparent-body);
}

.transparent-theme.main-sidebar-hide.main-sidebar-open.hover-submenu1 .side-menu-label1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.transparent-theme .btn-country {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    box-shadow: 0px 1px 16px rgba(255, 255, 255, 0.05) !important;
}

.transparent-theme .btn-country:hover {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.transparent-theme .btn-check:checked+.btn-country,
.transparent-theme .btn-country.active,
.transparent-theme .btn-country:active {
    border: 1px solid var(--primary-bg-color) !important;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 991px) {
    .transparent-theme.leftmenu .responsive-logo .mobile-logo-dark {
        display: block;
    }
}

@media (max-width: 767px) {
    .transparent-theme.leftmenu .responsive-logo .mobile-logo-dark {
        display: block;
        margin: auto;
    }
}

.transparent-theme .main-header.sticky-pin {
    background-color: var(--primary-bg-color);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2) !important;
}

.transparent-theme.main-sidebar-hide.main-sidebar-open .main-sidebar-sticky {
    background: var(--transparent-body);
    top: 0;
}

.transparent-theme.main-sidebar-hide.main-sidebar-open .main-sidebar-sticky .sidemenu-logo {
    background: rgba(0, 0, 0, 0.2) !important;
}

.transparent-theme .side-menu.sidemenu-scroll .main-sidebar-header .sidemenu-logo {
    background: var(--primary-bg-color) !important;
}

@media (max-width: 991px) {
    .transparent-theme .main-sidebar-sticky {
        background: var(--transparent-body);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .transparent-theme.main-body.leftmenu .main-sidebar-body {
        margin-top: 0px !important;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme .main-sidebar-sticky {
        border-right: 0;
        margin-top: 60px;
    }

    .transparent-theme .sidemenu-logo {
        border-bottom: 0 !important;
        border-right: 0;
    }
}

.transparent-theme .main-sidebar-body li.nav-item.active .nav-link {
    background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 992px) {
    .transparent-theme.main-sidebar-hide.main-sidebar-open .main-sidebar-sticky .main-sidebar-body {
        margin-top: 65px !important;
    }
}

.transparent-theme .note-editor.note-frame.panel.panel-default .panel-heading {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .note-editor.note-airframe,
.transparent-theme .note-editor.note-frame {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .note-btn.btn-default {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme .note-editor .btn-default:not(:disabled):not(.disabled):active {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .panel-default.fullscreen .note-editable {
    background-color: var(--transparent-body) !important;
}

.transparent-theme .btn-close-white {
    filter: invert(0) grayscale(100%) brightness(200%);
}

.transparent-theme .tree li.branch {
    background: transparent !important;
}

.transparent-theme .main-signin-wrapper .header-setting-icon {
    background: var(--transparentprimary-transparentcolor);
}

.transparent-theme.bg-img1 .bg-alert,
.transparent-theme.bg-img2 .bg-alert,
.transparent-theme.bg-img3 .bg-alert,
.transparent-theme.bg-img4 .bg-alert {
    background-image: none !important;
}

.transparent-theme.bg-img1 .bg-alert:before,
.transparent-theme.bg-img2 .bg-alert:before,
.transparent-theme.bg-img3 .bg-alert:before,
.transparent-theme.bg-img4 .bg-alert:before {
    background-image: none !important;
}

.transparent-theme.bg-img1 .main-signin-wrapper.bg-primary,
.transparent-theme.bg-img2 .main-signin-wrapper.bg-primary,
.transparent-theme.bg-img3 .main-signin-wrapper.bg-primary,
.transparent-theme.bg-img4 .main-signin-wrapper.bg-primary {
    background: none !important;
}

.transparent-theme.bg-img1 .construction,
.transparent-theme.bg-img2 .construction,
.transparent-theme.bg-img3 .construction,
.transparent-theme.bg-img4 .construction {
    background: none !important;
}

.transparent-theme.bg-img1 .construction::before,
.transparent-theme.bg-img2 .construction::before,
.transparent-theme.bg-img3 .construction::before,
.transparent-theme.bg-img4 .construction::before {
    background: none;
}

.transparent-theme .switcher-2 .onoffswitch2-label {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .switcher-2 .onoffswitch2-label:before {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 991px) {
    .transparent-theme .main-navbar.hor-menu {
        background: var(--transparent-body);
    }
}

@media (min-width: 992px) {
    .transparent-theme .sticky.sticky-pin .main-navbar.hor-menu {
        background: var(--transparent-body);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }
}

@media (min-width: 992px) {
    .transparent-theme.horizontalmenu .menu-nav .nav-item ul.nav-sub::before {
        border: 1px solid transparent;
        border-top-color: rgba(255, 255, 255, 0.1);
        border-left-color: rgba(255, 255, 255, 0.1);
        background-color: var(--transparent-body);
    }

    .transparent-theme .main-navbar .sub-nav-sub {
        background-color: var(--transparent-body);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    }

    .transparent-theme .main-navbar .nav-sub-link.sub-with-sub::after {
        color: rgba(255, 255, 255, 0.7);
    }
}

@media (max-width: 991px) {
    .transparent-theme.horizontalmenu.main-navbar-show .main-navbar {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-theme.horizontalmenu.main-navbar-show .hor-menu li.nav-item.active .nav-link {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .transparent-theme.horizontalmenu.main-navbar-show .hor-menu .nav-link .hor-icon {
        fill: #ffffff;
    }
}

.transparent-theme .main-sidebar-body li.active .nav-sub-link.sub-with-sub .sidemenu-label,
.transparent-theme .main-sidebar-body li.active .nav-sub-link i {
    color: rgba(255, 255, 255, 0.7) !important;
}

.transparent-theme .main-sidebar-body .nav-sub-item.active .nav-sub-item .nav-sub-link.active {
    color: #ffffff !important;
}

.transparent-theme .main-sidebar-body .nav-sub-item.active .nav-sub-item .nav-sub-link {
    color: rgba(255, 255, 255, 0.7) !important;
}

.transparent-theme .main-sidebar-body .nav-sub-item.active .nav-sub-link.active {
    color: #ffffff !important;
}

.transparent-theme .main-navbar.main-menu li.active .nav-sub-link.sub-with-sub .sidemenu-label {
    color: rgba(255, 255, 255, 0.7) !important;
}

.transparent-theme .main-navbar.main-menu .nav-sub-item.active .nav-sub-item .nav-sub-link.active {
    color: #ffffff !important;
}

.transparent-theme .main-navbar.main-menu .nav-sub-item.active .nav-sub-item .nav-sub-link {
    color: rgba(255, 255, 255, 0.7) !important;
}

.transparent-theme.hover-submenu .sticky.sticky-pin .sidemenu-logo {
    background-color: var(--primary-bg-color) !important;
}

.transparent-theme.hover-submenu1 .sticky.sticky-pin .sidemenu-logo {
    background-color: var(--primary-bg-color) !important;
}

.transparent-theme .file-image-sm,
.transparent-theme .file-image-md,
.transparent-theme .file-image-lg {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .file-image-sm .file-name-sm {
    color: rgba(255, 255, 255, 0.6);
}

.transparent-theme .nav-justified .nav-item,
.transparent-theme .nav-justified>.nav-link {
    color: #ffffff;
}

.transparent-theme .signpages .login_form {
    padding-left: 20px;
    padding-right: 20px;
}

.transparent-theme .signpages .login_form .mobilelogo .light-logo {
    display: block;
}

.transparent-theme .signpages .login_form .mobilelogo .dark-logo {
    display: none;
}

@media (min-width: 992px) {
    .transparent-theme .main-sidebar-body {
        height: 200vh;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .transparent-theme .main-sidebar-body {
        height: 300vh;
    }
}

.transparent-theme .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
    background-color: var(--transparent-body);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
    color: rgba(255, 255, 255, 0.7);
}

.transparent-theme .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .apexcharts-series.Total path {
    stroke: rgba(255, 255, 255, 0.2);
}

.transparent-theme .apexcharts-tooltip.light,
.transparent-theme .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .apexcharts-tooltip {
    box-shadow: 2px 2px 6px -4px #3b4863;
}

.transparent-theme .apexcharts-xaxistooltip {
    background: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .demo_changer .form_holder {
    background: var(--transparent-body);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.transparent-theme .demo_changer h4 {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .demo_changer,
.transparent-theme .demo_changer p {
    color: rgba(255, 255, 255, 0.8) !important;
}

.transparent-theme .onoffswitch2-checkbox:checked+.onoffswitch2-label {
    background-color: var(--primary-bg-color);
}

.transparent-theme .onoffswitch2-label {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .onoffswitch2-label {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .onoffswitch2-checkbox:checked+.onoffswitch-label2,
.transparent-theme .onoffswitch2-checkbox:checked+.onoffswitch2-label:before {
    border-color: var(--primary-bg-color);
}

@media (min-width: 992px) {

    .transparent-theme .hor-menu .slide-left,
    .transparent-theme .hor-menu .slide-right {
        border: 1px solid rgba(255, 255, 255, 0.1);
        background-color: var(--transparent-body);
    }
}

.transparent-theme select option {
    background: var(--transparent-body);
}

.transparent-theme .richText {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
}

.transparent-theme .richText .richText-toolbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .richText .richText-toolbar ul li a {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
}

.transparent-theme .richText .richText-editor {
    background-color: transparent;
    border-left: transparent solid 2px;
}

.transparent-theme .richText .richText-editor:focus {
    border-left: var(--primary-bg-color) solid 2px;
}

.transparent-theme .richText .richText-toolbar ul li a:hover {
    background-color: var(--transparent-body);
}

.transparent-theme .richText .richText-undo,
.transparent-theme .richText .richText-redo {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.transparent-theme .note-btn.btn-default:not(:disabled):not(.disabled).active {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.1);
}

.transparent-theme #recentorders th:last-child,
.transparent-theme #recentorders td:last-child {
    border-right-width: 0px !important;
}

.transparent-theme .datetimepicker table th.today:hover,
.transparent-theme .datetimepicker-days td:hover,
.transparent-theme .datetimepicker-hours span.hour:hover,
.transparent-theme .datetimepicker-hours span.minute:hover,
.transparent-theme .datetimepicker-hours span.month:hover,
.transparent-theme .datetimepicker-hours span.year:hover,
.transparent-theme .datetimepicker-minutes span.hour:hover,
.transparent-theme .datetimepicker-minutes span.minute:hover,
.transparent-theme .datetimepicker-minutes span.month:hover,
.transparent-theme .datetimepicker-minutes span.year:hover,
.transparent-theme .datetimepicker-months span.hour:hover,
.transparent-theme .datetimepicker-months span.minute:hover,
.transparent-theme .datetimepicker-months span.month:hover,
.transparent-theme .datetimepicker-months span.year:hover,
.transparent-theme .datetimepicker-years span.hour:hover,
.transparent-theme .datetimepicker-years span.minute:hover,
.transparent-theme .datetimepicker-years span.month:hover,
.transparent-theme .datetimepicker-years span.year:hover {
    background: rgba(255, 255, 255, 0.2);
}

.transparent-theme .card-item .card-item-icon {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .icon-margin {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme #marketingvalues polyline {
    stroke: #ffffff;
}

.transparent-theme .userdetails .bg-primary-transparent {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .profile-tab .bg-primary-transparent,
.transparent-theme .profile-tab .bg-danger-transparent,
.transparent-theme .profile-tab .bg-info-transparent,
.transparent-theme .profile-tab .bg-secondary-transparent,
.transparent-theme .our-team .bg-primary-transparent,
.transparent-theme .our-team .bg-danger-transparent,
.transparent-theme .our-team .bg-info-transparent,
.transparent-theme .our-team .bg-secondary-transparent,
.transparent-theme .settings-main-icon .bg-primary-transparent,
.transparent-theme .settings-main-icon .bg-danger-transparent,
.transparent-theme .settings-main-icon .bg-info-transparent,
.transparent-theme .settings-main-icon .bg-secondary-transparent {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-theme .main-header.side-header.sticky-pin .input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.transparent-theme .main-header.side-header.sticky-pin .main-header-center .search-btn {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.orders-activity .list-group-item {
    border-left: 0 !important;
    border-right: 0 !important;
}

.sales-analytics .list-group-item {
    border: 0 !important;
}
/*# sourceMappingURL=transparent-style.css.map */