﻿.kartra_helpdesk_sidebar_body {
    background: none;
    color: #22283a;
    font-family: "Roboto", "sans serif";
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4
}

.kartra_helpdesk_sidebar_body_wrapper {
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    right: 0
}

.kartra_helpdesk_sidebar_inner {
    position: absolute;
    top: 60px;
    bottom: 30px;
    background: #f2f4f6;
    left: 0;
    right: 0
}

.kartra_helpdesk_sidebar_inner .tab-content {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0
}

.kartra_helpdesk_sidebar_inner .tab-content .tab-pane {
    display: none
}

.kartra_helpdesk_sidebar_inner .tab-content .tab-pane.active {
    display: block
}

.kartra_helpdesk_sidebar_inner .tab-content.subtab-content.no_tabs .kartra_support_nav {
    display: none
}

.kartra_helpdesk_scrollable {
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.well-spacing {
    padding: 20px
}

.front_div {
    display: block !important
}

.helpdesk-visible-xs-block {
    display: none
}

@media(max-width: 767px)and (min-width: 500px) {
    .kartra_helpdesk_sidebar_inner {
        top: 60px
    }
}

@media(max-width: 599px) {
    .helpdesk-visible-xs-block {
        display: block
    }
    .well-spacing {
        padding: 15px
    }
    .kartra_helpdesk_sidebar_inner {
        top: 60px
    }
    .kartra_helpdesk_sidebar_inner .tab-content.subtab-content .tab-pane {
        top: 40px
    }
}

.header-stripe {
    position: relative;
    z-index: 1;
    line-height: 1;
    background: #fff;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1);
    font-size: 12px;
    padding: 0 20px
}

.menu-div {
    text-align: right
}

.header-row {
    display: flex;
    height: 60px;
    min-height: 60px;
    align-items: center
}

.logo-div img {
    max-height: 50px
}

.mainmenu-nav {
    display: inline-flex;
    vertical-align: top;
    margin: 0;
    border: none;
    padding-left: 0;
    list-style: none
}

.mainmenu-nav>li {
    margin: 0 15px 0 0;
    position: relative;
    line-height: 1 !important
}

.mainmenu-nav>li:last-child {
    margin-right: 0
}

.mainmenu-nav .circle-alert {
    border-radius: 16px;
    box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .1);
    line-height: 1;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    min-width: 16px;
    padding: 0 5px;
    height: 16px;
    position: absolute;
    right: -12px;
    left: auto;
    top: -12px;
    font-weight: 700;
    font-size: 12px
}

.mainmenu-nav a {
    transition: color .3s ease-in-out;
    margin: 0;
    border: none;
    font-weight: 700;
    position: relative;
    font-size: 14px;
    display: block
}

.mainmenu-nav a:before {
    transition: background .3s ease-in-out;
    content: "";
    height: 3px;
    width: 100%;
    bottom: -10px;
    position: absolute;
    left: 0
}

.mainmenu-nav a,
.mainmenu-nav a:hover,
.mainmenu-nav a:focus,
.mainmenu-nav a:focus:hover {
    text-decoration: none
}

.mainmenu-nav a,
.mainmenu-nav a:focus {
    color: rgba(0, 0, 0, .6)
}

.mainmenu-nav a:before,
.mainmenu-nav a:focus:before {
    background: none
}

.mainmenu-nav a:hover,
.mainmenu-nav a:focus:hover {
    color: rgba(0, 0, 0, .9)
}

.mainmenu-nav a:hover:before,
.mainmenu-nav a:focus:hover:before {
    background: none
}

.mainmenu-nav>li.active a,
.mainmenu-nav>li.active a:hover,
.mainmenu-nav>li.active a:focus,
.mainmenu-nav>li.active a:focus:hover {
    color: rgba(0, 0, 0, .9)
}

.mainmenu-nav>li.active a:before,
.mainmenu-nav>li.active a:hover:before,
.mainmenu-nav>li.active a:focus:before,
.mainmenu-nav>li.active a:focus:hover:before {
    background: rgba(0, 0, 0, .9)
}

.mainmenu-nav .circle-alert {
    background: #000;
    color: rgba(255, 255, 255, .9)
}

@media(max-width: 767px)and (min-width: 600px) {
    .mainmenu-nav a {
        font-size: 12px
    }
    .mainmenu-nav .circle-alert {
        font-size: 10px
    }
}

@media(max-width: 767px) {
    .header-block {
        height: 60px;
        padding-top: 0;
        padding-bottom: 0
    }
    .header-block+.kartra_helpdesk_scrollable {
        top: 60px;
        bottom: 66px
    }
}

@media(max-width: 599px) {
    .header-stripe {
        padding-left: 15px;
        padding-right: 15px
    }
    .menu-div {
        min-height: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .mainmenu-nav>li {
        margin-right: 10px
    }
    .mainmenu-nav>li:last-child {
        margin-right: 0
    }
    .mainmenu-nav .circle-alert {
        min-width: 12px;
        height: 12px;
        border-radius: 12px;
        top: -8px;
        right: -8px;
        font-size: 8px;
        padding: 0 3px
    }
    .mainmenu-nav a {
        font-size: 11px
    }
    .menu-div {
        text-align: center
    }
    .header-row {
        grid-template-columns: 100%
    }
}

.search-block {
    position: relative;
    z-index: 1;
    padding: 10px 20px 20px 20px;
    background: #fff;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1)
}

.search-block+.kartra_helpdesk_scrollable {
    top: 70px
}

.mainsearch-block {
    position: relative;
    margin-bottom: 0
}

.mainsearch-block input[type=text] {
    transition: all .3s ease-in-out;
    box-shadow: 0 2px 2px 0px rgba(0, 0, 0, .05);
    border-radius: 4px;
    border: none;
    height: 40px;
    padding: 20px 60px 20px 45px;
    font-size: 14px;
    line-height: normal
}

.mainsearch-block input[type=text]:focus {
    box-shadow: 0 3px 10px 0px rgba(0, 0, 0, .15)
}

.mainsearch-block a {
    text-decoration: none;
    transition: color .3s ease-in-out
}

.mainsearch-block a.search_button {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: auto;
    right: 20px;
    font-size: 16px
}

.mainsearch-block a#clear_search {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    line-height: 1;
    font-size: 12px;
    left: 20px
}

.mainsearch-block input[type=text] {
    background: #f2f2f2;
    color: #000
}

.mainsearch-block input[type=text]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .75)
}

.mainsearch-block input[type=text]::-moz-placeholder {
    color: rgba(0, 0, 0, .75)
}

.mainsearch-block input[type=text]:-ms-input-placeholder {
    color: rgba(0, 0, 0, .75)
}

.mainsearch-block input[type=text]:-moz-placeholder {
    color: rgba(0, 0, 0, .75)
}

.mainsearch-block a.search_button,
.mainsearch-block a.search_button:focus {
    color: rgba(0, 0, 0, .5)
}

.mainsearch-block a.search_button:hover,
.mainsearch-block a.search_button:focus:hover {
    color: #000
}

.mainsearch-block a#clear_search,
.mainsearch-block a#clear_search:focus {
    color: rgba(0, 0, 0, .5)
}

.mainsearch-block a#clear_search:hover,
.mainsearch-block a#clear_search:focus:hover {
    color: #000
}

@media(max-width: 767px) {
    .search-block+.kartra_helpdesk_scrollable {
        top: 70px
    }
    .search-block .mainsearch-block input[type=text] {
        padding-top: 10px;
        padding-bottom: 10px;
        height: 40px
    }
}

@media(max-width: 599px) {
    .search-block {
        padding: 0 15px 10px 15px
    }
    .search-block+.kartra_helpdesk_scrollable {
        top: 50px
    }
    .search-block .mainsearch-block a.search_button {
        right: 15px
    }
    .search-block .mainsearch-block a#clear_search {
        left: 15px
    }
    .search-block .mainsearch-block input[type=text] {
        padding: 20px 60px 20px 45px
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

hr {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

[class^=p-type-],
[class*=" p-type-"] {
    color: #22283a;
    line-height: 1.4
}

.p-type-lg {
    font-size: 16px
}

.title-default,
.title-muted {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: normal;
    word-break: break-word;
    font-weight: 700;
    font-size: 16px;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 10px
}

.title-default {
    color: var(--theme-primary)
}

.title-muted {
    color: rgba(0, 0, 0, .3)
}

[class^=btn-],
[class*=" btn-"],
button {
    transition: color .3s ease-in-out, background .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out, opacity .3s ease-in-out;
    cursor: pointer;
    font-family: "Roboto", "sans serif"
}

[class^=btn-],
[class^=btn-]:focus,
[class*=" btn-"],
[class*=" btn-"]:focus,
button,
button:focus {
    outline: none;
    text-decoration: none
}

[class^=btn-]:hover,
[class^=btn-]:focus:hover,
[class*=" btn-"]:hover,
[class*=" btn-"]:focus:hover,
button:hover,
button:focus:hover {
    outline: none;
    text-decoration: none
}

[class^=btn-]:disabled,
[class^=btn-][disabled],
[class^=btn-].disabled,
[class*=" btn-"]:disabled,
[class*=" btn-"][disabled],
[class*=" btn-"].disabled,
button:disabled,
button[disabled],
button.disabled {
    cursor: not-allowed
}

.btn-rect {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    font-weight: 400;
    line-height: 1.3;
    text-shadow: none;
    text-align: center
}

.btn-rect,
.btn-rect:focus {
    text-decoration: none
}

.btn-rect:hover,
.btn-rect:focus:hover {
    text-decoration: none
}

.btn-rect-special-front {
    padding: 12px 15px;
    font-size: 18px;
    height: 60px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.btn-rect-special-front [class^=circle-btn-countdown-],
.btn-rect-special-front [class*=" circle-btn-countdown-"] {
    right: 15px
}

.btn-rect-lg {
    padding: 13px 20px;
    font-size: 16px
}

.btn-rect-lg.btn-square {
    padding-left: 16px;
    padding-right: 16px
}

.btn-rect-lg [class^=circle-btn-countdown-],
.btn-rect-lg [class*=" circle-btn-countdown-"] {
    right: 20px
}

.btn-rect-ns {
    padding: 10px 16px;
    font-size: 14px
}

.btn-rect-ns.btn-square {
    padding-left: 10.5px;
    padding-right: 10.5px;
    font-size: 18px
}

.btn-rect-ns>[class^=asset-img-],
.btn-rect-ns>[class*=" asset-img-"] {
    width: 30px;
    height: 30px
}

.btn-rect-ns [class^=circle-btn-countdown-],
.btn-rect-ns [class*=" circle-btn-countdown-"] {
    right: 16px
}

.btn-rect-ns [class^=sk-circle-],
.btn-rect-ns [class*=" sk-circle-"] {
    left: 16px
}

.btn-rect-sm {
    padding: 7px 8px;
    font-size: 12px;
    height: 30px
}

.btn-rect-sm.btn-square {
    padding: 4px 6px;
    font-size: 14px
}

.btn-rect-xs {
    padding: 4px 6px;
    font-size: 10px
}

.btn-rect.btn-error {
    position: relative
}

.btn-rect.btn-error.disabled,
.btn-rect.btn-error[disabled],
.btn-rect.btn-error.disabled:hover,
.btn-rect.btn-error[disabled]:hover,
.btn-rect.btn-error.disabled:focus,
.btn-rect.btn-error[disabled]:focus {
    background-color: transparent;
    border: 1px solid #fd4646;
    color: #fd4646;
    opacity: 1
}

.btn-rect.btn-error.disabled .circle-outline,
.btn-rect.btn-error[disabled] .circle-outline,
.btn-rect.btn-error.disabled:hover .circle-outline,
.btn-rect.btn-error[disabled]:hover .circle-outline,
.btn-rect.btn-error.disabled:focus .circle-outline,
.btn-rect.btn-error[disabled]:focus .circle-outline {
    right: 10px;
    border: 1px solid #fd4646
}

.btn-rect.btn-error.disabled .circle-outline>span,
.btn-rect.btn-error[disabled] .circle-outline>span,
.btn-rect.btn-error.disabled:hover .circle-outline>span,
.btn-rect.btn-error[disabled]:hover .circle-outline>span,
.btn-rect.btn-error.disabled:focus .circle-outline>span,
.btn-rect.btn-error[disabled]:focus .circle-outline>span {
    line-height: 26px;
    font-size: 18px
}

.btn-rect.btn-success {
    position: relative
}

.btn-rect.btn-success.disabled,
.btn-rect.btn-success[disabled],
.btn-rect.btn-success.disabled:hover,
.btn-rect.btn-success[disabled]:hover,
.btn-rect.btn-success.disabled:focus,
.btn-rect.btn-success[disabled]:focus {
    background-color: transparent;
    border: 1px solid #6cd312;
    color: #6cd312;
    opacity: 1
}

.btn-rect.btn-success.disabled .circle-outline,
.btn-rect.btn-success[disabled] .circle-outline,
.btn-rect.btn-success.disabled:hover .circle-outline,
.btn-rect.btn-success[disabled]:hover .circle-outline,
.btn-rect.btn-success.disabled:focus .circle-outline,
.btn-rect.btn-success[disabled]:focus .circle-outline {
    right: 10px;
    border: 1px solid #6cd312
}

.btn-rect.btn-success.disabled .circle-outline>span,
.btn-rect.btn-success[disabled] .circle-outline>span,
.btn-rect.btn-success.disabled:hover .circle-outline>span,
.btn-rect.btn-success[disabled]:hover .circle-outline>span,
.btn-rect.btn-success.disabled:focus .circle-outline>span,
.btn-rect.btn-success[disabled]:focus .circle-outline>span {
    line-height: 26px;
    font-size: 18px
}

.btn-rect.btn-success.inverse.disabled,
.btn-rect.btn-success.inverse[disabled],
.btn-rect.btn-success.inverse.disabled:hover,
.btn-rect.btn-success.inverse[disabled]:hover,
.btn-rect.btn-success.inverse.disabled:focus,
.btn-rect.btn-success.inverse[disabled]:focus {
    border-color: #fff;
    color: #fff
}

.btn-rect.btn-success.inverse.disabled .circle-outline,
.btn-rect.btn-success.inverse[disabled] .circle-outline,
.btn-rect.btn-success.inverse.disabled:hover .circle-outline,
.btn-rect.btn-success.inverse[disabled]:hover .circle-outline,
.btn-rect.btn-success.inverse.disabled:focus .circle-outline,
.btn-rect.btn-success.inverse[disabled]:focus .circle-outline {
    border-color: #fff
}

.btn-mine-shaft {
    border-color: transparent
}

.btn-mine-shaft,
.btn-mine-shaft:focus {
    background: #333;
    color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

.btn-mine-shaft:hover,
.btn-mine-shaft:focus:hover {
    background: #1a1a1a;
    color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)
}

.btn-mine-shaft:disabled,
.btn-mine-shaft:disabled:hover,
.btn-mine-shaft:disabled:focus,
.btn-mine-shaft:disabled:focus:hover,
.btn-mine-shaft[disabled],
.btn-mine-shaft[disabled]:hover,
.btn-mine-shaft[disabled]:focus,
.btn-mine-shaft[disabled]:focus:hover,
.btn-mine-shaft.disabled,
.btn-mine-shaft.disabled:hover,
.btn-mine-shaft.disabled:focus,
.btn-mine-shaft.disabled:focus:hover {
    background: #bcbcbc;
    color: #fff;
    box-shadow: none;
    opacity: 1
}

.btn-primary-css-var {
    border-color: transparent
}

.btn-primary-css-var,
.btn-primary-css-var:focus {
    background: var(--theme-primary);
    color: #fff
}

.btn-primary-css-var:hover,
.btn-primary-css-var:focus:hover {
    background: var(--theme-primary-dark-5);
    color: #fff
}

.btn-primary-css-var:disabled,
.btn-primary-css-var:disabled:hover,
.btn-primary-css-var:disabled:focus,
.btn-primary-css-var:disabled:focus:hover,
.btn-primary-css-var[disabled],
.btn-primary-css-var[disabled]:hover,
.btn-primary-css-var[disabled]:focus,
.btn-primary-css-var[disabled]:focus:hover,
.btn-primary-css-var.disabled,
.btn-primary-css-var.disabled:hover,
.btn-primary-css-var.disabled:focus,
.btn-primary-css-var.disabled:focus:hover {
    background: var(--theme-primary-opacity-33);
    color: #fff;
    opacity: 1
}

.btn-danger {
    border-color: transparent
}

.btn-danger,
.btn-danger:focus {
    background: #fd4646;
    color: #fff
}

.btn-danger:hover,
.btn-danger:focus:hover {
    background: #fd2d2d;
    color: #fff
}

.btn-danger:disabled,
.btn-danger:disabled:hover,
.btn-danger:disabled:focus,
.btn-danger:disabled:focus:hover,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:focus:hover,
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:focus:hover {
    background: rgba(253, 70, 70, .33);
    color: #fff;
    box-shadow: none;
    opacity: 1
}

[class^=btn-icon-only],
[class*=" btn-icon-only"] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

[class^=btn-icon-only],
[class^=btn-icon-only]:focus,
[class*=" btn-icon-only"],
[class*=" btn-icon-only"]:focus {
    background: none;
    box-shadow: none;
    border: none
}

[class^=btn-icon-only]:hover,
[class^=btn-icon-only]:focus:hover,
[class*=" btn-icon-only"]:hover,
[class*=" btn-icon-only"]:focus:hover {
    background: none;
    box-shadow: none;
    border: none
}

[class^=btn-icon-only]>i,
[class*=" btn-icon-only"]>i {
    font-weight: 400
}

.btn-icon-only-md {
    font-size: 24px
}

.btn-icon-only-ns {
    font-size: 18px
}

.btn-icon-only-sm {
    font-size: 13px
}

.btn-icon-only-xs {
    height: 22px;
    font-size: 10px
}

[class^=btn-text-],
[class*=" btn-text-"] {
    padding: 0;
    display: inline-flex;
    align-items: center;
    vertical-align: top
}

[class^=btn-text-],
[class^=btn-text-]:focus,
[class*=" btn-text-"],
[class*=" btn-text-"]:focus {
    background: none;
    border-color: transparent
}

[class^=btn-text-]:hover,
[class^=btn-text-]:focus:hover,
[class*=" btn-text-"]:hover,
[class*=" btn-text-"]:focus:hover {
    background: none;
    border-color: transparent
}

.btn-text-xl {
    font-size: 20px
}

.btn-text-md {
    font-size: 16px
}

.btn-text-ns {
    font-size: 14px
}

.btn-text-sm {
    font-size: 12px
}

.btn-text-primary-css-var,
.btn-text-primary-css-var:focus {
    color: var(--theme-primary)
}

.btn-text-primary-css-var:hover,
.btn-text-primary-css-var:focus:hover {
    color: var(--theme-primary-dark-5)
}

.button-wrapper {
    display: flex;
    align-items: center
}

.button-wrapper button+button {
    margin-left: 10px
}

.btn-hollow-default-static {
    position: relative
}

.btn-hollow-default-static,
.btn-hollow-default-static:hover,
.btn-hollow-default-static:focus,
.btn-hollow-default-static:focus:hover {
    background: none;
    border: 2px solid rgba(51, 51, 51, .1);
    color: rgba(51, 51, 51, .5)
}

.btn-hollow-default-static .notification_badge {
    position: absolute;
    top: -10px;
    right: -10px
}

.btn-hollow-default,
.btn-hollow-default:focus {
    background: none;
    border: 2px solid rgba(51, 51, 51, .1);
    color: rgba(51, 51, 51, .5)
}

.btn-hollow-default .caret,
.btn-hollow-default:focus .caret {
    border-top: 6px solid rgba(51, 51, 51, .1)
}

.btn-hollow-default:hover,
.btn-hollow-default:focus:hover {
    background: none;
    border-color: var(--theme-primary);
    color: var(--theme-primary)
}

.btn-hollow-default:hover .caret,
.btn-hollow-default:focus:hover .caret {
    border-top-color: var(--theme-primary)
}

.btn-rect-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-rect-expandable {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.btn-rect-expandable .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    width: 0;
    height: 0;
    display: block;
    transition: border-color .3s ease-in-out, transform .3s ease-in-out, opacity .3s ease-in-out
}

.btn-rect-expandable .caret {
    transform: scaleY(1)
}

.btn-rect-expandable.btn-primary-css-var .caret {
    transform: scaleY(-1);
    border-top: 6px solid #fff
}

.btn-icon-only-danger,
.btn-icon-only-danger:focus,
.btn-icon-only-default,
.btn-icon-only-default:focus {
    color: rgba(51, 51, 51, .5)
}

.btn-icon-only-danger-always,
.btn-icon-only-danger-always:focus {
    color: #fd4646
}

.btn-icon-only-danger-always:hover,
.btn-icon-only-danger-always:focus:hover {
    color: #fc1414
}

.btn-icon-only-danger:hover,
.btn-icon-only-danger:focus:hover {
    color: #fd4646
}

.btn-icon-only-default:hover,
.btn-icon-only-default:focus:hover {
    color: rgba(26, 26, 26, .5)
}

.btn-icon-only-default:disabled,
.btn-icon-only-default:disabled:hover,
.btn-icon-only-default:disabled:focus,
.btn-icon-only-default:disabled:focus:hover,
.btn-icon-only-default[disabled],
.btn-icon-only-default[disabled]:hover,
.btn-icon-only-default[disabled]:focus,
.btn-icon-only-default[disabled]:focus:hover,
.btn-icon-only-default.disabled,
.btn-icon-only-default.disabled:hover,
.btn-icon-only-default.disabled:focus,
.btn-icon-only-default.disabled:focus:hover {
    color: rgba(51, 51, 51, .33)
}

.btn-icon-only-primary-css,
.btn-icon-only-primary-css:focus {
    color: var(--theme-primary)
}

.btn-icon-only-primary-css:hover,
.btn-icon-only-primary-css:focus:hover {
    color: var(--theme-primary-dark-10)
}

.btn-icon-only-primary-css:disabled,
.btn-icon-only-primary-css:disabled:hover,
.btn-icon-only-primary-css:disabled:focus,
.btn-icon-only-primary-css:disabled:focus:hover,
.btn-icon-only-primary-css[disabled],
.btn-icon-only-primary-css[disabled]:hover,
.btn-icon-only-primary-css[disabled]:focus,
.btn-icon-only-primary-css[disabled]:focus:hover,
.btn-icon-only-primary-css.disabled,
.btn-icon-only-primary-css.disabled:hover,
.btn-icon-only-primary-css.disabled:focus,
.btn-icon-only-primary-css.disabled:focus:hover {
    color: var(--theme-primary-opacity-33)
}

.btn.fileUpload {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    font-weight: 400;
    line-height: 1.3;
    text-shadow: none;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 10px 16px;
    font-size: 14px
}

.btn.fileUpload,
.btn.fileUpload:focus {
    text-decoration: none
}

.btn.fileUpload:hover,
.btn.fileUpload:focus:hover {
    text-decoration: none
}

.btn.fileUpload,
.btn.fileUpload:focus {
    background: none;
    border: 2px solid rgba(51, 51, 51, .1);
    color: rgba(51, 51, 51, .5)
}

.btn.fileUpload .caret,
.btn.fileUpload:focus .caret {
    border-top: 6px solid rgba(51, 51, 51, .1)
}

.btn.fileUpload:hover,
.btn.fileUpload:focus:hover {
    background: none;
    border-color: var(--theme-primary);
    color: var(--theme-primary)
}

.btn.fileUpload:hover .caret,
.btn.fileUpload:focus:hover .caret {
    border-top-color: var(--theme-primary)
}

.btn.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0
}

.uploaded_filename {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.uploaded_filename .fileupload-delete {
    margin-left: 5px
}

.uploaded_filename .fileupload-delete,
.uploaded_filename .fileupload-delete:focus {
    color: #fd4646;
    text-decoration: none
}

.uploaded_filename .fileupload-delete:hover,
.uploaded_filename .fileupload-delete:focus:hover {
    color: #fc1414;
    text-decoration: none
}

[class^=btn-status-],
[class*=" btn-status-"] {
    position: relative
}

[class^=btn-status-]:disabled,
[class^=btn-status-]:disabled:hover,
[class^=btn-status-]:disabled:focus,
[class^=btn-status-]:disabled:focus:hover,
[class^=btn-status-][disabled],
[class^=btn-status-][disabled]:hover,
[class^=btn-status-][disabled]:focus,
[class^=btn-status-][disabled]:focus:hover,
[class^=btn-status-].disabled,
[class^=btn-status-].disabled:hover,
[class^=btn-status-].disabled:focus,
[class^=btn-status-].disabled:focus:hover,
[class*=" btn-status-"]:disabled,
[class*=" btn-status-"]:disabled:hover,
[class*=" btn-status-"]:disabled:focus,
[class*=" btn-status-"]:disabled:focus:hover,
[class*=" btn-status-"][disabled],
[class*=" btn-status-"][disabled]:hover,
[class*=" btn-status-"][disabled]:focus,
[class*=" btn-status-"][disabled]:focus:hover,
[class*=" btn-status-"].disabled,
[class*=" btn-status-"].disabled:hover,
[class*=" btn-status-"].disabled:focus,
[class*=" btn-status-"].disabled:focus:hover {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    opacity: 1;
    box-shadow: none
}

.btn-status-processing:disabled,
.btn-status-processing:disabled:hover,
.btn-status-processing:disabled:focus,
.btn-status-processing:disabled:focus:hover,
.btn-status-processing[disabled],
.btn-status-processing[disabled]:hover,
.btn-status-processing[disabled]:focus,
.btn-status-processing[disabled]:focus:hover,
.btn-status-processing.disabled,
.btn-status-processing.disabled:hover,
.btn-status-processing.disabled:focus,
.btn-status-processing.disabled:focus:hover {
    border-color: #cad2dc;
    color: #cad2dc
}

.btn-status-error:disabled,
.btn-status-error:disabled:hover,
.btn-status-error:disabled:focus,
.btn-status-error:disabled:focus:hover,
.btn-status-error[disabled],
.btn-status-error[disabled]:hover,
.btn-status-error[disabled]:focus,
.btn-status-error[disabled]:focus:hover,
.btn-status-error.disabled,
.btn-status-error.disabled:hover,
.btn-status-error.disabled:focus,
.btn-status-error.disabled:focus:hover {
    border-color: #fd4646;
    color: #fd4646
}

.btn-status-error [class^=circle-btn-countdown-],
.btn-status-error [class*=" circle-btn-countdown-"] {
    border-color: #fd4646;
    color: #fd4646
}

.btn-status-success:disabled,
.btn-status-success:disabled:hover,
.btn-status-success:disabled:focus,
.btn-status-success:disabled:focus:hover,
.btn-status-success[disabled],
.btn-status-success[disabled]:hover,
.btn-status-success[disabled]:focus,
.btn-status-success[disabled]:focus:hover,
.btn-status-success.disabled,
.btn-status-success.disabled:hover,
.btn-status-success.disabled:focus,
.btn-status-success.disabled:focus:hover {
    border-color: #6cd312;
    color: #6cd312
}

.btn-status-success [class^=circle-btn-countdown-],
.btn-status-success [class*=" circle-btn-countdown-"] {
    border-color: #6cd312;
    color: #6cd312
}

[class^=circle-btn-countdown-],
[class*=" circle-btn-countdown-"] {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    border-width: 1px;
    border-style: solid
}

.circle-btn-countdown-ns {
    width: 30px;
    height: 30px
}

[class^=panel-list-],
[class*=" panel-list-"] {
    margin: 0;
    padding: 0
}

[class^=panel-list-]>li,
[class*=" panel-list-"]>li {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none
}

[class^=panel-list-]>li:last-of-type,
[class*=" panel-list-"]>li:last-of-type {
    margin-bottom: 0
}

.panel-list-title-highlight .panel-item:hover .panel-item-title {
    color: var(--theme-primary)
}

.panel-list-title-highlight .panel-item:hover {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .12)
}

.panel-item {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
    transition: box-shadow .3s ease-in-out;
    position: relative;
    border-radius: 10px;
    background: #fff
}

.panel-item-body {
    padding: 15px
}

.panel-item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

[class^=panel-item-title],
[class*=" panel-item-title"] {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: normal;
    word-break: break-word;
    transition: color .3s ease-in-out;
    line-height: 1.2;
    font-size: 16px;
    color: #000
}

[class^=panel-item-title]+.panel-item-desc,
[class*=" panel-item-title"]+.panel-item-desc {
    margin-top: 5px
}

.panel-item-title-primary {
    color: var(--theme-primary)
}

.panel-item-title.ticket_not_read {
    font-weight: 900
}

.panel-item-title-livechat {
    font-size: 14px
}

.panel-item-desc {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: normal;
    word-break: break-word;
    transition: color .3s ease-in-out;
    line-height: 1.2;
    font-size: 12px;
    color: rgba(0, 0, 0, .4)
}

.panel-item-footer {
    border-radius: 0 0 10px 10px;
    background: rgba(0, 0, 0, .01);
    padding: 15px;
    border-top: none
}

@media(max-width: 599px) {
    [class^=panel-item-title],
    [class*=" panel-item-title"] {
        font-size: 14px
    }
}

[class^=circle-],
[class*=" circle-"] {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.circle-sm {
    width: 24px;
    height: 24px;
    font-size: 10px
}

.circle-ns {
    width: 40px;
    height: 40px;
    font-size: 12px
}

.circle-status {
    width: 20px;
    height: 20px
}

.circle-status-border-white {
    box-shadow: 0 0 0 2px #fff
}

.circle-border-white {
    box-shadow: 0 0 0 2px #fff
}

[class^=circle-status].circle-active,
[class^=circle-status].circle-sale,
[class^=circle-status].circle-resolved,
[class^=circle-status].circle-rebill,
[class*=" circle-status"].circle-active,
[class*=" circle-status"].circle-sale,
[class*=" circle-status"].circle-resolved,
[class*=" circle-status"].circle-rebill {
    background: #6cd312
}

[class^=circle-status].circle-all,
[class*=" circle-status"].circle-all {
    background: #333
}

[class^=circle-status].circle-pending,
[class^=circle-status].circle-rebill_failed,
[class^=circle-status].circle-unread,
[class^=circle-status].circle-warning,
[class*=" circle-status"].circle-pending,
[class*=" circle-status"].circle-rebill_failed,
[class*=" circle-status"].circle-unread,
[class*=" circle-status"].circle-warning {
    background: #f7ca3e
}

[class^=circle-status].circle-open,
[class*=" circle-status"].circle-open {
    background: #d5ddf7
}

[class^=circle-status].circle-refunded,
[class^=circle-status].circle-primary,
[class*=" circle-status"].circle-refunded,
[class*=" circle-status"].circle-primary {
    background: #2b90ed
}

[class^=circle-status].circle-declined,
[class^=circle-status].circle-delete,
[class^=circle-status].circle-cancellation,
[class^=circle-status].circle-refund,
[class^=circle-status].circle-chargeback,
[class^=circle-status].circle-red,
[class^=circle-status].circle-inactive,
[class^=circle-status].circle-blacklisted,
[class*=" circle-status"].circle-declined,
[class*=" circle-status"].circle-delete,
[class*=" circle-status"].circle-cancellation,
[class*=" circle-status"].circle-refund,
[class*=" circle-status"].circle-chargeback,
[class*=" circle-status"].circle-red,
[class*=" circle-status"].circle-inactive,
[class*=" circle-status"].circle-blacklisted {
    background: #fd4646
}

[class^=circle-status].circle-postponed,
[class^=circle-status].circle-prefered,
[class^=circle-status].circle-pink,
[class*=" circle-status"].circle-postponed,
[class*=" circle-status"].circle-prefered,
[class*=" circle-status"].circle-pink {
    background: #ff6eb9
}

.grid-1fr-1fr {
    grid-template-columns: repeat(2, 1fr)
}

.grid-1fr-auto {
    grid-template-columns: 1fr auto
}

.grid-auto-1fr {
    grid-template-columns: auto 1fr
}

.grid-40p-60p {
    grid-template-columns: 40% 60%
}

.grid-40p-60p.grid-col-gap-row {
    grid-template-columns: calc(40% - (30px / 2)) calc(60% - (30px / 2))
}

.grid-50p-50p {
    grid-template-columns: repeat(2, 50%)
}

.grid-50p-50p.grid-col-gap-row {
    grid-template-columns: repeat(2, calc(50% - (30px / 2)))
}

.grid-col-gap-default {
    grid-column-gap: 15px
}

.grid-col-gap-row {
    grid-column-gap: 30px
}

.grid-row-gap-cg {
    grid-row-gap: 20px
}

@media(max-width: 599px) {
    .grid-xs-1fr,
    .grid-xs-1fr[class^=grid-col-gap-],
    .grid-xs-1fr[class*=" grid-col-gap-"] {
        grid-template-columns: 1fr
    }
    .grid-row-gap-xs-15px {
        grid-row-gap: 15px
    }
    .grid-row-gap-xs-cg {
        grid-row-gap: 20px
    }
    .justify-content-xs-end {
        justify-content: flex-end
    }
    .order-xs-2 {
        order: 2
    }
}

[class^=universal-tablelist],
[class*=" universal-tablelist"] {
    margin: 0;
    padding: 0;
    width: 100%
}

[class^=universal-tablelist].li-border-bottom>li,
[class*=" universal-tablelist"].li-border-bottom>li {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

[class^=universal-tablelist].li-border-bottom>li.header-row,
[class*=" universal-tablelist"].li-border-bottom>li.header-row {
    border-bottom: 1px solid rgba(0, 0, 0, .6)
}

[class^=universal-tablelist].li-border-bottom>li:last-child,
[class*=" universal-tablelist"].li-border-bottom>li:last-child {
    border-bottom: none
}

[class^=universal-tablelist].li-border-top>li,
[class^=universal-tablelist].li-border-top-no-header-row>li,
[class*=" universal-tablelist"].li-border-top>li,
[class*=" universal-tablelist"].li-border-top-no-header-row>li {
    border-top: 1px solid rgba(0, 0, 0, .15)
}

[class^=universal-tablelist].li-border-top>li:first-child,
[class^=universal-tablelist].li-border-top-no-header-row>li:first-child,
[class*=" universal-tablelist"].li-border-top>li:first-child,
[class*=" universal-tablelist"].li-border-top-no-header-row>li:first-child {
    border-bottom: none
}

[class^=universal-tablelist].li-border-top-no-header-row>li:first-child,
[class*=" universal-tablelist"].li-border-top-no-header-row>li:first-child {
    border-top: none
}

[class^=universal-tablelist].li-border-top>li.header-row,
[class*=" universal-tablelist"].li-border-top>li.header-row {
    border-top: none
}

[class^=universal-tablelist].li-border-top>li:nth-child(2),
[class*=" universal-tablelist"].li-border-top>li:nth-child(2) {
    border-top: 1px solid rgba(0, 0, 0, .6)
}

[class^=universal-tablelist].li-px-0>li,
[class*=" universal-tablelist"].li-px-0>li {
    padding-left: 0;
    padding-right: 0
}

[class^=universal-tablelist].li-min-h-auto>li,
[class*=" universal-tablelist"].li-min-h-auto>li {
    min-height: auto
}

[class^=universal-tablelist]>li,
[class*=" universal-tablelist"]>li {
    padding-left: 15px;
    padding-right: 15px
}

[class^=universal-tablelist]>li.align-items-start,
[class*=" universal-tablelist"]>li.align-items-start {
    align-items: flex-start
}

[class^=universal-tablelist]>li,
[class^=universal-tablelist]>li>.dow,
[class^=universal-tablelist]>li>.main_row,
[class*=" universal-tablelist"]>li,
[class*=" universal-tablelist"]>li>.dow,
[class*=" universal-tablelist"]>li>.main_row {
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 12px;
    width: 100%;
    color: rgba(0, 0, 0, .7)
}

[class^=universal-tablelist]>li.header-row,
[class^=universal-tablelist]>li>.dow.header-row,
[class^=universal-tablelist]>li>.main_row.header-row,
[class*=" universal-tablelist"]>li.header-row,
[class*=" universal-tablelist"]>li>.dow.header-row,
[class*=" universal-tablelist"]>li>.main_row.header-row {
    font-size: 13px;
    font-weight: 500;
    min-height: auto;
    height: auto;
    color: #000
}

[class^=universal-tablelist]>li.header-row>[class^=col-],
[class^=universal-tablelist]>li>.dow.header-row>[class^=col-],
[class^=universal-tablelist]>li>.main_row.header-row>[class^=col-],
[class*=" universal-tablelist"]>li.header-row>[class^=col-],
[class*=" universal-tablelist"]>li>.dow.header-row>[class^=col-],
[class*=" universal-tablelist"]>li>.main_row.header-row>[class^=col-] {
    padding-top: 0
}

[class^=universal-tablelist]>li>[class^=col-],
[class^=universal-tablelist]>li>.dow>[class^=col-],
[class^=universal-tablelist]>li>.main_row>[class^=col-],
[class*=" universal-tablelist"]>li>[class^=col-],
[class*=" universal-tablelist"]>li>.dow>[class^=col-],
[class*=" universal-tablelist"]>li>.main_row>[class^=col-] {
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

[class^=universal-tablelist]>li>[class^=col-]:first-child,
[class^=universal-tablelist]>li>.dow>[class^=col-]:first-child,
[class^=universal-tablelist]>li>.main_row>[class^=col-]:first-child,
[class*=" universal-tablelist"]>li>[class^=col-]:first-child,
[class*=" universal-tablelist"]>li>.dow>[class^=col-]:first-child,
[class*=" universal-tablelist"]>li>.main_row>[class^=col-]:first-child {
    padding-left: 0
}

[class^=universal-tablelist]>li>[class^=col-]:last-child,
[class^=universal-tablelist]>li>.dow>[class^=col-]:last-child,
[class^=universal-tablelist]>li>.main_row>[class^=col-]:last-child,
[class*=" universal-tablelist"]>li>[class^=col-]:last-child,
[class*=" universal-tablelist"]>li>.dow>[class^=col-]:last-child,
[class*=" universal-tablelist"]>li>.main_row>[class^=col-]:last-child {
    padding-right: 0
}

[class^=universal-tablelist]>li.more-li,
[class^=universal-tablelist]>li>.dow.more-li,
[class^=universal-tablelist]>li>.main_row.more-li,
[class*=" universal-tablelist"]>li.more-li,
[class*=" universal-tablelist"]>li>.dow.more-li,
[class*=" universal-tablelist"]>li>.main_row.more-li {
    padding-top: 15px;
    padding-bottom: 15px
}

[class^=universal-tablelist]>li.no-record,
[class*=" universal-tablelist"]>li.no-record {
    border-bottom: none
}

.universal-tablelist-sm>li,
.universal-tablelist-sm>li>.dow,
.universal-tablelist-sm>li>.main_row {
    min-height: 50px
}

.universal-tablelist-sm>li>[class^=col-],
.universal-tablelist-sm>li>.dow>[class^=col-],
.universal-tablelist-sm>li>.main_row>[class^=col-] {
    padding-top: 5px;
    padding-bottom: 5px
}

.universal-tablelist>li,
.universal-tablelist>li>.dow,
.universal-tablelist>li>.main_row {
    min-height: 71px
}

.universal-tablelist>li>[class^=col-],
.universal-tablelist>li>.dow>[class^=col-],
.universal-tablelist>li>.main_row>[class^=col-] {
    padding-top: 15px;
    padding-bottom: 15px
}

.order-footer-list>li .col-1 {
    width: 17%;
    max-width: 17%
}

.order-footer-list>li .col-2 {
    width: 19%;
    max-width: 19%
}

.order-footer-list>li .col-3 {
    width: calc(100% - 17% - 19% - 20% - 20%);
    max-width: calc(100% - 17% - 19% - 20% - 20%)
}

.order-footer-list>li .col-4 {
    width: 20%;
    max-width: 20%
}

.order-footer-list>li .col-5 {
    width: 20%;
    max-width: 20%;
    text-align: right
}

.order-footer-list>li>.col-5 [class^=btn-icon-only],
.order-footer-list>li>.col-5 [class*=" btn-icon-only"] {
    margin: 0 5px
}

.universal_upload_files_table {
    margin-bottom: 20px
}

.universal_upload_files_table>li {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.universal_upload_files_table>li .col-1 {
    width: calc(100% - 55px);
    max-width: calc(100% - 55px)
}

.universal_upload_files_table>li .col-2 {
    width: 0;
    max-width: 0
}

.universal_upload_files_table>li .col-3 {
    width: 0;
    max-width: 0
}

.universal_upload_files_table>li .col-4 {
    width: 55px;
    max-width: 55px;
    text-align: center
}

.universal_upload_files_table>li .col-1 {
    padding-left: 0
}

.universal_upload_files_table>li.header-row {
    border-bottom: 1px solid rgba(0, 0, 0, .6)
}

.universal_upload_files_table>li:last-child {
    border-bottom: none
}

.universal_upload_files_table>li,
.universal_upload_files_table>li>.dow,
.universal_upload_files_table>li>.main_row {
    min-height: 50px
}

.universal_upload_files_table>li>[class^=col-],
.universal_upload_files_table>li>.dow>[class^=col-],
.universal_upload_files_table>li>.main_row>[class^=col-] {
    padding-top: 5px;
    padding-bottom: 5px
}

.universal_upload_files_table .col-1 {
    padding-left: 0
}

.universal_upload_files_table .col-1 .filesize {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: normal;
    word-break: break-word;
    transition: color .3s ease-in-out;
    line-height: 1.2;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    margin-top: 5px
}

.universal_upload_files_table .col-3 {
    display: none
}

.universal_upload_files_table .col-4 {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center
}

.universal_upload_files_table .col-4 [class^=btn-icon-only],
.universal_upload_files_table .col-4 [class*=" btn-icon-only"] {
    margin: 0 5px
}

@media(max-width: 599px) {
    .order-footer-list>li .col-1 {
        width: 30%;
        max-width: 30%
    }
    .order-footer-list>li .col-2 {
        width: 0;
        max-width: 0
    }
    .order-footer-list>li .col-3 {
        width: calc(100% - 30% - 20%);
        max-width: calc(100% - 30% - 20%)
    }
    .order-footer-list>li .col-4 {
        width: 0;
        max-width: 0
    }
    .order-footer-list>li .col-5 {
        width: 20%;
        max-width: 20%;
        text-align: right
    }
    .order-footer-list .col-2,
    .order-footer-list .col-4 {
        display: none
    }
}

.kartra_support_nav {
    display: flex;
    vertical-align: top;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0 0 10px 0;
    list-style: none;
    margin-bottom: 20px
}

.kartra_support_nav>li {
    margin: 0;
    text-align: center;
    margin-right: 30px
}

.kartra_support_nav>li:last-child {
    margin-right: 0
}

.kartra_support_nav>li a {
    transition: color .3s ease-in-out;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    position: relative;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: flex-start;
    line-height: 1
}

.kartra_support_nav>li a:before {
    transition: background .3s ease-in-out;
    z-index: 1;
    bottom: -10px;
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0
}

.kartra_support_nav>li a>i {
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    line-height: 1.4
}

.kartra_support_nav>li a>span {
    line-height: 1.4
}

.kartra_support_nav>li a,
.kartra_support_nav>li a:focus {
    color: rgba(0, 0, 0, .6)
}

.kartra_support_nav>li a,
.kartra_support_nav>li a:hover,
.kartra_support_nav>li a:focus,
.kartra_support_nav>li a:focus:hover {
    text-decoration: none
}

.kartra_support_nav>li a:before,
.kartra_support_nav>li a:focus:before {
    background: none
}

.kartra_support_nav>li a:hover,
.kartra_support_nav>li a:focus:hover {
    color: rgba(0, 0, 0, .9)
}

.kartra_support_nav>li a:hover:before,
.kartra_support_nav>li a:focus:hover:before {
    background: none
}

.kartra_support_nav>li.active a,
.kartra_support_nav>li.active a:hover,
.kartra_support_nav>li.active a:focus,
.kartra_support_nav>li.active a:focus:hover {
    color: rgba(0, 0, 0, .9)
}

.kartra_support_nav>li.active a:before,
.kartra_support_nav>li.active a:hover:before,
.kartra_support_nav>li.active a:focus:before,
.kartra_support_nav>li.active a:focus:hover:before {
    background: var(--theme-primary)
}

@media(max-width: 599px) {
    .kartra_support_nav {
        margin-bottom: 15px;
        padding-bottom: 5px
    }
    .kartra_support_nav>li {
        margin-right: 5px
    }
    .kartra_support_nav>li:last-child {
        margin-right: 0
    }
    .kartra_support_nav>li a {
        padding: 0 10px
    }
    .kartra_support_nav>li a:before {
        bottom: -7px
    }
    .kartra_support_nav>li a>i {
        display: none
    }
}

.article_block {
    padding-left: 0;
    text-align: right;
    line-height: 1;
    position: relative;
    display: inline-flex;
    align-items: center
}

.article_block>span {
    border-radius: 16px;
    display: block;
    background: #ffeaa9;
    color: #4e342e;
    padding: 6px 14px;
    font-size: 12px
}

.article_block>span>span {
    margin-left: 3px
}

.breadcrumb-wrapper {
    margin: 0 0 20px 0;
    list-style: none;
    padding: 0;
    display: block;
    line-height: 1.2
}

.breadcrumb-wrapper>li {
    margin: 0;
    position: relative;
    padding: 0 20px 0 0;
    font-size: 12px;
    display: inline
}

.breadcrumb-wrapper>li a {
    text-decoration: none;
    transition: color .3s ease-in-out
}

.breadcrumb-wrapper>li a,
.breadcrumb-wrapper>li a:focus {
    color: rgba(0, 0, 0, .6)
}

.breadcrumb-wrapper>li a:hover,
.breadcrumb-wrapper>li a:focus:hover {
    color: rgba(0, 0, 0, .9)
}

.breadcrumb-wrapper>li:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    text-rendering: auto;
    font-family: "KartraFrontendIconSet";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: rgba(0, 0, 0, .2);
    right: calc((20px - 10px) / 2);
    line-height: 1;
    font-size: 10px;
    width: 10px;
    text-align: center
}

.breadcrumb-wrapper>li:last-child {
    padding-right: 0
}

.breadcrumb-wrapper>li:last-child:after {
    display: none
}

[class^=notification_badge],
[class*=" notification_badge"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    min-width: 20px;
    padding: 0 4px;
    height: 20px;
    font-weight: 400;
    font-size: 10px
}

.notification_badge {
    background: #fd4646;
    color: #fff
}

.form-group {
    margin-bottom: 0
}

label {
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 3px;
    line-height: 1.4;
    display: flex;
    color: #666
}

label.label-w-helpblock {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

label.label-w-helpblock .help-block {
    text-transform: none;
    margin-top: 0
}

label.label-w-helpblock .help-block .asterisk {
    top: 0
}

label [class^=asterisk-],
label [class*=" asterisk-"] {
    margin-left: 5px;
    line-height: 1
}

.button-overlayed-wrapper {
    display: flex;
    align-items: center
}

.button-overlayed-wrapper input[type=text],
.button-overlayed-wrapper input[type=search],
.button-overlayed-wrapper input[type=password],
.button-overlayed-wrapper input[type=number],
.button-overlayed-wrapper textarea {
    padding-right: 46px
}

.button-overlayed-wrapper .btn-input-overlayed {
    position: absolute;
    right: 14px
}

form {
    margin-bottom: 0
}

input[type=text],
input[type=search],
input[type=password],
input[type=number],
textarea {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    -webkit-appearance: none;
    outline: none;
    resize: none;
    line-height: 1.3;
    width: 100%;
    font-family: Arial, "sans serif";
    transition: all .3s ease-in-out;
    color: #000;
    font-weight: 400;
    height: 40px;
    padding: 10px 14px
}

input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus {
    border-color: rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .1)
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-family: Arial, "sans serif";
    color: rgba(0, 0, 0, .3);
    font-weight: 400
}

input[type=text]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=number]:-moz-placeholder,
textarea:-moz-placeholder {
    font-family: Arial, "sans serif";
    color: rgba(0, 0, 0, .3);
    font-weight: 400
}

input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=number]::-moz-placeholder,
textarea::-moz-placeholder {
    font-family: Arial, "sans serif";
    color: rgba(0, 0, 0, .3);
    font-weight: 400
}

input[type=text]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-family: Arial, "sans serif";
    color: rgba(0, 0, 0, .3);
    font-weight: 400
}

input[type=text]:-webkit-autofill,
input[type=text]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill:hover,
input[type=search]:-webkit-autofill,
input[type=search]:-webkit-autofill:focus,
input[type=search]:-webkit-autofill:hover,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:hover,
input[type=number]:-webkit-autofill,
input[type=number]:-webkit-autofill:focus,
input[type=number]:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
    -webkit-transition-delay: 9999s
}

input[type=text][readonly],
input[type=text][disabled],
input[type=search][readonly],
input[type=search][disabled],
input[type=password][readonly],
input[type=password][disabled],
input[type=number][readonly],
input[type=number][disabled],
textarea[readonly],
textarea[disabled] {
    color: rgba(0, 0, 0, .6);
    background: #f7f7f7;
    border-color: #f7f7f7;
    box-shadow: none
}

input[type=text][readonly]:focus,
input[type=text][disabled]:focus,
input[type=search][readonly]:focus,
input[type=search][disabled]:focus,
input[type=password][readonly]:focus,
input[type=password][disabled]:focus,
input[type=number][readonly]:focus,
input[type=number][disabled]:focus,
textarea[readonly]:focus,
textarea[disabled]:focus {
    border-color: #f7f7f7;
    box-shadow: none
}

input[type=text][readonly],
input[type=search][readonly],
input[type=password][readonly],
input[type=number][readonly],
textarea[readonly] {
    cursor: copy
}

input[type=text][disabled],
input[type=search][disabled],
input[type=password][disabled],
input[type=number][disabled],
textarea[disabled] {
    cursor: not-allowed
}

input[type=text]~.help-block-error,
input[type=search]~.help-block-error,
input[type=password]~.help-block-error,
input[type=number]~.help-block-error,
textarea~.help-block-error {
    display: none
}

input[type=text].error,
input[type=search].error,
input[type=password].error,
input[type=number].error,
textarea.error {
    border-color: #fd4646
}

input[type=text].error~.add-on,
input[type=search].error~.add-on,
input[type=password].error~.add-on,
input[type=number].error~.add-on,
textarea.error~.add-on {
    border-color: #fd4646
}

input[type=text].error~.help-block-error,
input[type=search].error~.help-block-error,
input[type=password].error~.help-block-error,
input[type=number].error~.help-block-error,
textarea.error~.help-block-error {
    display: block
}

[class^=help-block],
[class*=" help-block"],
.help-inline {
    font-size: 11px
}

[class^=help-block],
[class*=" help-block"],
[class^=help-inline],
[class*=" help-inline"] {
    font-weight: 400
}

.help-block,
[class^=help-inline],
[class*=" help-inline"] {
    color: rgba(0, 0, 0, .5)
}

.help-block {
    margin: 5px 0 0 0;
    color: red;
}

.help-block-error {
    position: absolute;
    bottom: 9px;
    right: 14px;
    color: #fd4646;
    background: #fff;
    z-index: 2;
    padding: 5px 0 5px 5px
}

.help-block-error.for_ckeditor,
.help-block-error.for_textarea {
    top: auto;
    right: 10px;
    padding-left: 0
}

.help-block-error.for_ckeditor {
    bottom: 35px
}

.help-block-error.for_textarea {
    bottom: 10px
}

.help-block-error.for_droparea {
    bottom: 10px;
    background: none;
    right: 10px
}

.help-block-error.for_droparea.no_bs {
    right: 20px
}

.help-block-error.for_select {
    right: 30px;
    background: #fff;
    z-index: 2;
    padding-left: 5px
}

.help-block.w-asterisk {
    position: relative;
    padding-left: 15px
}

.help-block.w-asterisk [class^=asterisk-],
.help-block.w-asterisk [class*=" asterisk-"] {
    position: absolute;
    top: 0;
    left: 0
}

[class^=asterisk-]:before,
[class*=" asterisk-"]:before {
    content: "*"
}

.asterisk-danger {
    color: #fd4646;
    font-size: 14px
}

.asterisk-highlight {
    color: #1ec9da;
    font-size: 14px
}

.checkbox label,
.radio label {
    cursor: pointer
}

.form-info-text {
    margin: 20px 0 0 0;
    font-size: 12px
}

.remove-link {
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
    vertical-align: top;
    align-items: center
}

.remove-link,
.remove-link:focus {
    color: #fd4646
}

.remove-link:hover,
.remove-link:focus:hover {
    color: #fc1414
}

.button_block {
    /*margin-top: 15px*/
}

.button_block.no_margin {
    margin-top: 0
}

.button_block+.sub-button-element {
    margin-top: 15px
}

.controls-fileUpload {
    display: grid;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 20px;
    grid-template-columns: auto 1fr
}

.form-group .cke_chrome {
    border-radius: 4px;
    border-color: rgba(0, 0, 0, .1);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0)
}

@media(max-width: 599px) {
    .form-info-text {
        font-size: 11px
    }
}

.kartra_cc_grid {
    display: grid;
    align-items: flex-start;
    justify-content: flex-start
}

.kartra_cc_grid>div:nth-of-type(1) {
    grid-area: cc_a;
    min-width: 0
}

.kartra_cc_grid>div:nth-of-type(2) {
    grid-area: cc_b;
    min-width: 0
}

.kartra_cc_grid>div:nth-of-type(3) {
    grid-area: cc_c;
    min-width: 0
}

.kartra_field_control.kartra_field_control_authorizenet,
.kartra_field_control.kartra_field_control_stripe {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr
}

.kartra_field_control.kartra_input_empty {
    font-weight: 400
}

.kartra_field_control>span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 100%
}

.kartra_field_control button.kartra_btn_pencil_edit {
    position: absolute
}

button.kartra_btn_pencil_edit {
    font-size: 16px;
    padding: 0;
    line-height: 1;
    transition: color .3s ease-in-out
}

button.kartra_btn_pencil_edit>i {
    text-rendering: auto;
    font-family: "KartraFrontendIconSet";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button.kartra_btn_pencil_edit>i:before {
    content: ""
}

button.kartra_btn_pencil_edit,
button.kartra_btn_pencil_edit:focus {
    border: none;
    box-shadow: none;
    background: none;
    outline: none
}

button.kartra_btn_pencil_edit:hover,
button.kartra_btn_pencil_edit:focus:hover {
    border: none;
    box-shadow: none;
    background: none;
    outline: none
}

.kartra_cc_grid {
    grid-template-columns: 50% repeat(2, 25%);
    margin: 0 calc(30px / -2);
    grid-template-areas: "cc_a cc_b cc_c"
}

.kartra_cc_grid>div {
    padding: 0 calc(30px / 2)
}

.kartra_cc_grid .kartra_field_group {
    margin-bottom: 20px;
    position: relative
}

.kartra_cc_grid .kartra_cc_help_block_error {
    display: none
}

.kartra_cc_grid .error~.kartra_cc_help_block_error {
    display: block
}

.kartra_field_control {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    -webkit-appearance: none;
    outline: none;
    resize: none;
    line-height: 1.3;
    width: 100%;
    font-family: Arial, "sans serif";
    transition: all .3s ease-in-out;
    color: #000;
    font-weight: 400;
    height: 40px;
    padding: 10px 14px;
    display: flex;
    align-items: center
}

.kartra_field_control.kartra_focus {
    border-color: rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .1)
}

.kartra_field_control.kartra_input_empty {
    font-family: Arial, "sans serif";
    color: rgba(0, 0, 0, .3);
    font-weight: 400
}

.kartra_field_control .kartra_btn_pencil_edit {
    right: 14px
}

.kartra_field_control .kartra_btn_pencil_edit,
.kartra_field_control .kartra_btn_pencil_edit:focus {
    color: var(--theme-primary)
}

.kartra_field_control .kartra_btn_pencil_edit:hover,
.kartra_field_control .kartra_btn_pencil_edit:focus:hover {
    color: var(--theme-primary-dark-10)
}

.kartra_field_control.kartra_w_edit {
    padding-right: 44px
}

.kartra_field_control.kartra_disabled {
    color: rgba(0, 0, 0, .6);
    background: #f7f7f7;
    border-color: #f7f7f7;
    box-shadow: none;
    cursor: not-allowed
}

.kartra_field_control.kartra_disabled:focus {
    border-color: #f7f7f7;
    box-shadow: none
}

.kartra_field_control.error {
    border-color: #fd4646
}

.kartra_cc_help_block_error {
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    bottom: 9px;
    right: 14px;
    color: #fd4646;
    background: #fff;
    z-index: 2;
    padding: 5px 0 5px 5px;
    bottom: 7px
}

@media(max-width: 599px) {
    .kartra_helpdesk_sidebar_body[class*=" kartra_helpdesk_theme"] .kartra_cc_grid {
        grid-template-columns: calc(100% * (7 / 12)) calc(100% * (5 / 12));
        grid-template-areas: "cc_a cc_a" "cc_b cc_c"
    }
}

.kartra_overlay-payment-error-wrapper {
    background: rgba(51, 51, 51, .8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1025;
    display: block;
    align-items: center;
    justify-content: center;
    border-radius: 10px
}

.kartra_overlay-payment-error-wrapper .kartra_payment_failed {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.kartra_overlay-payment-error-wrapper>div {
    text-align: center
}

.kartra_overlay-payment-error-wrapper .kartra_payment_error_body {
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    padding: 0 20px
}

.kartra_overlay-payment-error-wrapper .kartra_payment_error_body>i {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffd200;
    display: inline-block;
    font-size: 60px;
    margin-bottom: 20px
}

.kartra_overlay-payment-error-wrapper .kartra_payment_error_body>i {
    text-rendering: auto;
    font-family: "KartraFrontendIconSet";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.kartra_overlay-payment-error-wrapper .kartra_payment_error_body>i:before {
    content: ""
}

.kartra_overlay-payment-error-wrapper a {
    border-radius: 3px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    display: inline-block;
    vertical-align: top;
    margin-top: 32px;
    transition: all .3s ease-in-out
}

.kartra_overlay-payment-error-wrapper a,
.kartra_overlay-payment-error-wrapper a:focus {
    color: rgba(255, 255, 255, .8);
    background: none;
    border: 1px solid rgba(255, 255, 255, .8);
    text-decoration: none
}

.kartra_overlay-payment-error-wrapper a:hover,
.kartra_overlay-payment-error-wrapper a:focus:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
    text-decoration: none
}

.gdpr_wrapper {
    margin: 15px 0
}

.gdpr_wrapper>div {
    margin-bottom: 15px
}

.gdpr_wrapper>div:last-of-type {
    margin-bottom: 0
}

.gdpr_wrapper>div.gdpr_terms {
    position: relative;
    padding: 0
}

.gdpr_wrapper>div.gdpr_terms label>span:after {
    content: "";
    margin-right: 1ch
}

.gdpr_wrapper>div button {
    cursor: help;
    line-height: 1;
    display: inline-flex;
    vertical-align: middle;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    font-size: 8px;
    align-items: center;
    justify-content: center
}

.gdpr_wrapper>div button,
.gdpr_wrapper>div button:focus {
    border: none;
    padding: 0;
    background: 0;
    box-shadow: none;
    border: 2px solid var(--theme-primary)
}

.gdpr_wrapper>div button:hover,
.gdpr_wrapper>div button:focus:hover {
    border: none;
    padding: 0;
    background: 0;
    box-shadow: none;
    border: 2px solid var(--theme-primary)
}

.gdpr_wrapper>div button,
.gdpr_wrapper>div button:hover,
.gdpr_wrapper>div button:focus,
.gdpr_wrapper>div button:focus:hover {
    color: var(--theme-primary);
    border-color: var(--theme-primary)
}

.gdpr_wrapper>div button>i {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    z-index: 1
}

.gdpr_wrapper>div .checkbox {
    border-radius: 0;
    margin: 0;
    min-width: 0;
    background: none;
    padding: 0;
    display: inline-block;
    min-width: 0;
    min-height: auto
}

.gdpr_wrapper>div .checkbox label {
    background: none;
    line-height: 1.2;
    text-transform: none;
    display: block;
    pointer-events: all;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
    left: auto;
    top: auto
}

.gdpr_wrapper>div .checkbox label span {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: normal;
    word-break: break-word;
    font-weight: 400;
    display: inline
}

.gdpr_wrapper>div .checkbox label input[type=checkbox] {
    display: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 2px
}

.gdpr_wrapper>div .checkbox label input[type=checkbox]+small {
    border-radius: 100%;
    left: 0;
    position: absolute;
    top: -3px;
    width: 20px;
    height: 20px;
    display: block;
    background: none;
    border: 1px solid rgba(0, 0, 0, .15);
    margin: 0;
    transition: all .3s ease-in-out, box-shadow .1s ease
}

.gdpr_wrapper>div .checkbox label input[type=checkbox]+small:focus,
.gdpr_wrapper>div .checkbox label input[type=checkbox]+small:active {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0), 0 0 0 15px rgba(0, 0, 0, .08)
}

.gdpr_wrapper>div .checkbox label input[type=checkbox]+small:before {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    text-rendering: auto;
    font-family: "KartraFrontendIconSet";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all .3s ease-in-out;
    content: "";
    font-size: 10px;
    color: #fff;
    z-index: 1;
    opacity: 0
}

.gdpr_wrapper>div .checkbox label input[type=checkbox]:checked+small {
    color: #fff;
    border-color: var(--theme-primary);
    background: var(--theme-primary)
}

.gdpr_wrapper>div .checkbox label input[type=checkbox]:checked+small:before {
    opacity: 1
}

@media(max-width: 599px) {
    .gdpr_wrapper {
        margin-bottom: 20px
    }
    .gdpr_wrapper>div {
        margin-bottom: 20px
    }
    .gdpr_wrapper>div .checkbox label {
        font-size: 13px
    }
    .gdpr_wrapper>div .checkbox label input[type=checkbox]+small {
        top: -3px
    }
}

/*!
 * Bootstrap-select v1.8.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 100%;
    float: none;
    display: inline-block;
    margin-left: 0;
    position: relative;
    vertical-align: top
}

.bootstrap-select>.dropdown-toggle {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    -webkit-appearance: none;
    outline: none;
    resize: none;
    line-height: 1.3;
    width: 100%;
    font-family: Arial, "sans serif";
    transition: all .3s ease-in-out;
    color: #000;
    font-weight: 400;
    height: 40px;
    padding: 0 14px;
    z-index: 1;
    display: flex;
    align-items: center
}

.bootstrap-select>.dropdown-toggle.disabled {
    color: rgba(0, 0, 0, .6);
    background: #f7f7f7;
    border-color: #f7f7f7;
    box-shadow: none
}

.bootstrap-select>.dropdown-toggle.error {
    border-color: #fd4646
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #fd4646
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: none !important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle.bs-placeholder .filter-option {
    font-family: Arial, "sans serif";
    color: rgba(0, 0, 0, .3);
    font-weight: 400
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 0
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option .composed_currency_block {
    position: relative
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option .composed_currency_block>span:nth-of-type(1) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option .composed_currency_block>span:nth-of-type(2) {
    padding-left: 40px;
    visibility: hidden
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option .selecter-table {
    position: relative
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option .selecter-table .img_wrapper,
.bootstrap-select.btn-group .dropdown-toggle .filter-option .selecter-table .square-block,
.bootstrap-select.btn-group .dropdown-toggle .filter-option .selecter-table [class^=square-block],
.bootstrap-select.btn-group .dropdown-toggle .filter-option .selecter-table [class*=" square-block"] {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option .selecter-table .img_wrapper-empty {
    display: none
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option .selecter-table .prod_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option .selecter-table .prod_name:not(.prod_name_empty) {
    padding-left: 40px
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    width: 0;
    height: 0;
    display: block;
    transition: border-color .3s ease-in-out, transform .3s ease-in-out, opacity .3s ease-in-out
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    transform: scaleY(1);
    border-top: 6px solid rgba(0, 0, 0, .2)
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    box-shadow: none;
    background: none;
    overflow-x: auto
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    text-transform: none
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled.selected a,
.bootstrap-select.btn-group .dropdown-menu li.disabled.selected a:hover,
.bootstrap-select.btn-group .dropdown-menu li.disabled.selected a:focus,
.bootstrap-select.btn-group .dropdown-menu li.disabled.selected a:focus:hover {
    color: rgba(0, 0, 0, .3);
    background-color: transparent
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li.hidden {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease-in-out;
    padding: 6px 15px;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.4;
    display: flex;
    align-items: center;
    min-height: 42px;
    white-space: nowrap;
    outline: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu li.selected a {
    color: #000;
    background: rgba(0, 0, 0, .05)
}

.bootstrap-select.btn-group .dropdown-menu li.selected a .sequence-pill-title {
    color: #2b90ed
}

.bootstrap-select.btn-group .dropdown-menu .dropdown-header>span:not(:empty) {
    padding: 6px 15px;
    font-weight: 700;
    color: #22283a;
    font-size: 12px;
    display: block
}

.bootstrap-select.btn-group .dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #d5ddf7;
    padding: 0
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.open .dropdown-toggle {
    border-color: rgba(0, 0, 0, .15)
}

.bootstrap-select.btn-group.open .caret {
    transform: scaleY(-1)
}

.bootstrap-select.btn-group.for_country_code .dropdown-menu li a {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 20px;
    align-items: center
}

.bootstrap-select.btn-group.for_country_code .dropdown-menu li a .ccode,
.bootstrap-select.btn-group.for_country_code .dropdown-menu li a .cname {
    white-space: nowrap
}

.bootstrap-select.btn-group.for_country_code .dropdown-menu li a .cname {
    transition: color .3s ease-in-out;
    white-space: normal;
    font-size: 12px;
    text-align: right
}

.bootstrap-select.btn-group.for_country_code .filter-option .cname {
    display: none
}

.bootstrap-select~.help-block-error {
    display: none
}

.like_dislike_box span {
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    font-size: 14px;
    padding: 0;
    text-align: center;
    color: rgba(0, 0, 0, .6)
}

.like_dislike_box span i {
    font-size: 26px;
    font-weight: normal;
    margin-right: 5px
}

.like_dislike_box span:nth-of-type(1) {
    margin-right: 15px
}

.like_dislike_box span:nth-of-type(1) i {
    color: #6cd312
}

.like_dislike_box span:nth-of-type(2) i {
    color: #fd4646
}

.like_dislike_box-clickable button {
    border-radius: 100%;
    transition: all .3s ease-in-out;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    line-height: 1;
    margin-right: 15px;
    padding: 0
}

.like_dislike_box-clickable button,
.like_dislike_box-clickable button:focus {
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, .2);
    outline: none !important;
    background: none;
    border: none
}

.like_dislike_box-clickable button:hover,
.like_dislike_box-clickable button:focus:hover {
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .3);
    outline: none !important;
    background: none;
    border: none
}

.like_dislike_box-clickable button:nth-last-of-type(1) {
    margin-right: 0
}

.like_dislike_box-clickable button.positive {
    color: #6cd312
}

.like_dislike_box-clickable button.negative {
    color: #fd4646
}

.like_dislike_box-clickable button.off {
    color: #ddd
}

.like_dislike_box-clickable button.off.positive:hover {
    color: #6cd312
}

.like_dislike_box-clickable button.off.negative:hover {
    color: #fd4646
}

.like_dislike_box-clickable-lg button {
    border-radius: 100%;
    transition: all .3s ease-in-out;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    line-height: 1;
    margin-right: 30px;
    padding: 0
}

.like_dislike_box-clickable-lg button,
.like_dislike_box-clickable-lg button:focus {
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, .2);
    outline: none !important;
    background: none;
    border: none
}

.like_dislike_box-clickable-lg button:hover,
.like_dislike_box-clickable-lg button:focus:hover {
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .3);
    outline: none !important;
    background: none;
    border: none
}

.like_dislike_box-clickable-lg button:nth-last-of-type(1) {
    margin-right: 0
}

.like_dislike_box-clickable-lg button.positive {
    color: #6cd312
}

.like_dislike_box-clickable-lg button.negative {
    color: #fd4646
}

.like_dislike_box-clickable-lg button.off {
    color: #ddd
}

.like_dislike_box-clickable-lg button.off.positive:hover {
    color: #6cd312
}

.like_dislike_box-clickable-lg button.off.negative:hover {
    color: #fd4646
}

@media(max-width: 599px) {
    .like_dislike_box-clickable button {
        border-radius: 100%;
        transition: all .3s ease-in-out;
        display: inline-flex;
        vertical-align: top;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        line-height: 1;
        margin-right: 15px;
        padding: 0
    }
    .like_dislike_box-clickable button,
    .like_dislike_box-clickable button:focus {
        box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, .2);
        outline: none !important;
        background: none;
        border: none
    }
    .like_dislike_box-clickable button:hover,
    .like_dislike_box-clickable button:focus:hover {
        box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .3);
        outline: none !important;
        background: none;
        border: none
    }
    .like_dislike_box-clickable button:nth-last-of-type(1) {
        margin-right: 0
    }
    .like_dislike_box-clickable button.positive {
        color: #6cd312
    }
    .like_dislike_box-clickable button.negative {
        color: #fd4646
    }
    .like_dislike_box-clickable button.off {
        color: #ddd
    }
    .like_dislike_box-clickable button.off.positive:hover {
        color: #6cd312
    }
    .like_dislike_box-clickable button.off.negative:hover {
        color: #fd4646
    }
}

.wysiwyg_printout {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: normal;
    word-break: break-word
}

.wysiwyg_printout p {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    word-wrap: break-word;
    color: #000;
    font-weight: 400
}

.wysiwyg_printout p:last-child {
    margin-bottom: 0
}

.wysiwyg_printout p a:not(.no_effect),
.wysiwyg_printout p a:not(.no_effect):focus {
    text-decoration: underline;
    color: #00e
}

.wysiwyg_printout p a:not(.no_effect):hover,
.wysiwyg_printout p a:not(.no_effect):focus:hover {
    text-decoration: none;
    color: #00e
}

.wysiwyg_printout ol,
.wysiwyg_printout ul {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    word-wrap: break-word;
    color: #000;
    font-weight: 400;
    margin-left: 45px
}

.wysiwyg_printout ol:last-child,
.wysiwyg_printout ul:last-child {
    margin-bottom: 0px
}

.wysiwyg_printout ol>li,
.wysiwyg_printout ul>li {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    word-wrap: break-word;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
    list-style-type: initial
}

.wysiwyg_printout ol>li>ul,
.wysiwyg_printout ol>li>ol,
.wysiwyg_printout ul>li>ul,
.wysiwyg_printout ul>li>ol {
    margin-top: 15px;
    margin-left: 30px
}

.wysiwyg_printout ol>li>ul>li,
.wysiwyg_printout ul>li>ul>li {
    list-style-type: circle
}

.wysiwyg_printout ol>li>ol>li,
.wysiwyg_printout ul>li>ol>li {
    list-style-type: decimal
}

.wysiwyg_printout ol>li:last-child,
.wysiwyg_printout ul>li:last-child {
    margin-bottom: 0
}

.wysiwyg_printout ol>li {
    list-style-type: decimal
}

.wysiwyg_printout blockquote {
    font-style: italic;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding: 0;
    margin: 0;
    padding-right: 45px;
    border-left-width: 2px;
    margin-left: 45px;
    border: none;
    margin-top: 0px;
    position: relative
}

.wysiwyg_printout blockquote::before {
    content: "“";
    clear: both;
    color: #c1c1c1;
    display: block;
    font-family: "Times New Roman", Times, Georgia, serif;
    font-size: 50px;
    font-size: 3rem;
    font-style: normal;
    font-weight: bold;
    left: -40px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    width: 40px;
    top: 10px;
    font-size: 50px
}

.wysiwyg_printout .youtube-embed-wrapper,
.wysiwyg_printout img {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, .2);
    max-width: 100%;
    height: auto
}

.wysiwyg_printout .youtube-embed-wrapper {
    margin-bottom: 25px
}

@media(max-width: 599px) {
    .wysiwyg_printout p {
        font-size: 14px;
        margin-bottom: 15px
    }
    .wysiwyg_printout p:last-child {
        margin-bottom: 0
    }
    .wysiwyg_printout ol,
    .wysiwyg_printout ul {
        font-size: 14px;
        margin-bottom: 15px;
        margin-left: 45px
    }
    .wysiwyg_printout ol:last-child,
    .wysiwyg_printout ul:last-child {
        margin-bottom: 0px
    }
    .wysiwyg_printout ol>li,
    .wysiwyg_printout ul>li {
        font-size: 14px;
        margin-bottom: 15px;
        list-style-type: initial
    }
}

[class^=asset-img-],
[class*=" asset-img-"] {
    border-radius: 100%;
    align-items: center;
    border: none
}

.asset-img-ns {
    width: 40px;
    height: 40px
}

.asset-img-lg {
    width: 60px;
    height: 60px
}

.channel_list {
    margin: 0;
    padding: 0
}

.channel_list>li {
    border-radius: 10px;
    list-style: none;
    margin: 0 0 15px 0;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.channel_list>li:last-child {
    margin-bottom: 0
}

.channel-number {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.channel-number>div {
    text-align: right
}

.channel-number>div span {
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.channel-number>div span strong {
    margin-left: 5px
}

.channel-number>i {
    font-size: 22px;
    color: var(--theme-primary);
    margin-left: 10px
}

@media(max-width: 599px) {
    .channel_list>li {
        padding: 15px
    }
    .channel_list>li .vtable .vcol:nth-of-type(2) {
        padding-right: 0
    }
    .channel_list>li h5,
    .channel_list>li h4 {
        font-size: 16px
    }
    .channel_list>li h4>span {
        font-size: 13px
    }
    .channel_list>li i {
        display: none
    }
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f2f4f6;
    color: rgba(0, 0, 0, .2);
    text-align: right;
    padding: 8px 20px;
    min-height: 30px
}

.footer>div {
    font-size: 12px;
    margin: 0;
    line-height: 14px
}

.footer>div strong {
    text-transform: uppercase
}

[class^=img-nores-],
[class*=" img-nores-"] {
    width: auto;
    display: inline-flex;
    vertical-align: top
}

.img-nores-ns {
    height: 160px;
    margin: 20px 0
}

.img-nores-sm {
    height: 100px;
    margin: 10px 0
}

.modal_message {
    color: #22283a
}

.modal_message .p-type-xl,
.modal_message .p-type-lg,
.modal_message .p-type-ns {
    text-align: center
}

[class^=modal_bootstrap],
[class*=" modal_bootstrap"] {
    position: fixed;
    display: none;
    background: #f2f4f6;
    z-index: 1050;
    position: fixed;
    right: 0;
    bottom: 30px;
    left: 0;
    width: auto;
    margin-left: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-y: auto;
    border: none;
    top: 80px;
    right: 0;
    left: 0px;
    padding: 20px
}

[class^=modal_bootstrap] .modal-dialog,
[class*=" modal_bootstrap"] .modal-dialog {
    padding: 15px;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
    background: #fff;
    position: relative;
    border-radius: 10px
}

#uploadingFileModal .modal-header,
#universalUploadModal .modal-header,
#uploadeErrorModal .modal-header {
    display: none
}

#universalUploadModal .control-group-fileUpload {
    margin-bottom: 20px
}

#universalUploadModal .control-label_placeholder {
    display: none
}

#uploadeErrorModal .info_wrapper {
    text-align: center
}

#uploadeErrorModal .info_wrapper>img {
    display: none
}

#uploadeErrorModal .info_wrapper img {
    margin-bottom: 30px
}

#uploadeErrorModal .info_wrapper p {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 20px
}

@media(max-width: 767px) {
    .modal_bootstrap_3 {
        top: 60px
    }
}

@media(max-width: 599px) {
    .modal_bootstrap_3 {
        padding: 15px !important
    }
    .modal_bootstrap_3 .modal-dialog {
        padding: 15px !important
    }
}

@media(min-width: 600px)and (max-width: 600px) {
    .kartra_helpdesk_sidebar_body .kartra_helpdesk_sidebar_body_wrapper.kartra_external_wrapper .modal_bootstrap_3 {
        top: 60px
    }
    .kartra_helpdesk_sidebar_body .kartra_helpdesk_sidebar_body_wrapper.kartra_external_wrapper~.modal_bootstrap_3 {
        top: 60px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    opacity: 0
}

.tooltip.in {
    opacity: 1
}

.tooltip .pipe_line {
    padding: 0 15px
}

.tooltip.tooltip-maxw-none .tooltip-inner {
    max-width: none
}

.tooltip.w_no_bg .tooltip-arrow {
    display: none
}

.tooltip.w_no_bg .tooltip-inner {
    background: none;
    padding: 0;
    text-align: center
}

.tooltip.w_no_bg .tooltip-inner .new_sequence_block {
    display: inline-block;
    position: relative
}

.tooltip.forced_opacity {
    opacity: 1
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0 5px;
    border-top-color: #22283a;
    bottom: 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    left: 0;
    border-right-color: #22283a
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    right: 0;
    border-left-color: #22283a
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px 5px;
    top: 0;
    border-bottom-color: #22283a
}

.tooltip.tooltip_red .tooltip-inner {
    background: #fd4646
}

.tooltip.tooltip_red.top .tooltip-arrow {
    border-top-color: #fd4646
}

.tooltip.tooltip_red.left .tooltip-arrow {
    border-left-color: #fd4646
}

.tooltip.tooltip_red.right .tooltip-arrow {
    border-right-color: #fd4646
}

.tooltip.tooltip_red.bottom .tooltip-arrow {
    border-bottom-color: #fd4646
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    background-color: #22283a
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.cc_preview_content {
    border-radius: 10px;
    color: rgba(255, 255, 255, .6);
    background: rgba(0, 0, 0, .8);
    padding: 15px 15px
}

.cc_preview_content>div:nth-of-type(1) {
    font-size: 12px
}

.cc_preview_content>div:nth-of-type(2) {
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    line-height: 1;
    margin: 5px 0
}

.cc_preview_content>div:nth-of-type(3) {
    font-size: 12px;
    display: inline-block;
    position: relative;
    padding-right: 100px
}

.cc_preview_content>div:nth-of-type(3)>span {
    font-size: 15px;
    color: #fff;
    margin-left: 10px
}

.cc_preview_content>div:nth-of-type(3) .indicator {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 14px;
    font-weight: 400;
    padding: 1px 5px;
    background: #f36a6a;
    border-radius: 3px;
    color: #fff
}

.info-box {
    border-radius: 10px;
    background: rgba(255, 202, 41, .4);
    color: rgba(93, 64, 55, .9);
    font-size: 14px;
    padding: 15px 15px 15px 45px;
    position: relative
}

.info-box>i {
    position: absolute;
    left: 15px;
    font-size: 20px;
    color: rgba(93, 64, 55, .5);
    margin-top: -1px
}

.login_link_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 400
}

.login_link_wrapper a {
    transition: color .3s ease-in-out
}

.login_link_wrapper a,
.login_link_wrapper a:focus {
    text-decoration: none;
    color: var(--theme-primary)
}

.login_link_wrapper a:hover,
.login_link_wrapper a:focus:hover {
    text-decoration: underline;
    color: var(--theme-primary-dark-5)
}

.login_link_list {
    margin: 0;
    padding: 0
}

.login_link_list>li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left
}

.login_link_list>li:nth-child(1) {
    padding-right: 14px;
    position: relative
}

.login_link_list>li:nth-child(1):before {
    content: "|";
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    color: rgba(153, 166, 200, .5)
}

.login_link_list>li:nth-child(1):last-child {
    padding-right: 0
}

.login_link_list>li:nth-child(1):last-child:before {
    display: none
}

[class^=action-list-],
[class*=" action-list-"] {
    padding-left: 0;
    list-style: none
}

[class^=action-list-default-],
[class*=" action-list-default-"] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start
}

.action-list-default-sm>li {
    margin: 0 15px 0 0;
    display: inline-flex;
    vertical-align: top
}

.action-list-default-sm>li:last-child {
    margin-right: 0
}

[class^=overlay_wrapper_],
[class*=" overlay_wrapper_"] {
    background-color: #fff;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center
}

[class^=overlay_wrapper_].w_white_bg,
[class*=" overlay_wrapper_"].w_white_bg {
    background: #fff
}

[class^=overlay_wrapper_] .overlay_inner,
[class*=" overlay_wrapper_"] .overlay_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

[class^=overlay_wrapper_].no_bg,
[class*=" overlay_wrapper_"].no_bg {
    background: none
}

[class^=overlay_wrapper_].w_text .overlay_inner,
[class*=" overlay_wrapper_"].w_text .overlay_inner {
    display: flex;
    flex-direction: column
}

[class^=overlay_wrapper_].w_text .ring-loader_new>div,
[class*=" overlay_wrapper_"].w_text .ring-loader_new>div {
    display: inline-block
}

[class^=overlay_wrapper_].w_text .overlay-text,
[class*=" overlay_wrapper_"].w_text .overlay-text {
    text-transform: uppercase;
    display: inline-block;
    font-size: 32px;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 0
}

[class^=overlay_wrapper_].w_text .overlay-text>strong,
[class*=" overlay_wrapper_"].w_text .overlay-text>strong {
    font-weight: 700
}

[class^=overlay_wrapper_].w_text.smaller_text .overlay-text,
[class*=" overlay_wrapper_"].w_text.smaller_text .overlay-text {
    text-transform: none;
    display: block;
    font-size: 18px;
    position: relative;
    margin-top: 20px;
    font-weight: 300;
    margin-bottom: 0;
    color: #333
}

.overlay_wrapper_abs {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0px
}

.overlay_wrapper_fix {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0px;
    z-index: 1060;
    border-radius: 0
}

.overlay_wrapper_sta {
    position: relative;
    display: flex;
    height: 200px;
    width: 100%
}

.overlay_wrapper_seq {
    background: none;
    height: 142px
}

.overlay_wrapper_seq .overlay_inner.ring-loader_new>div {
    width: 102px;
    height: 102px;
    font-size: 58px
}

.ring-loader_new {
    color: rgba(0, 0, 0, .1)
}

.ring-loader_new>div:not(.overlay-text) {
    display: block;
    width: 130px;
    height: 130px;
    position: relative;
    font-size: 74px
}

.ring-loader_new>div:not(.overlay-text)>i {
    -webkit-animation: optimize_file_animation 2s infinite linear;
    -moz-animation: optimize_file_animation 2s infinite linear;
    -ms-animation: optimize_file_animation 2s infinite linear;
    -o-animation: optimize_file_animation 2s infinite linear;
    animation: optimize_file_animation 2s infinite linear;
    line-height: 1;
    position: absolute
}

.ring-loader_new>div:not(.overlay-text)>i:before {
    text-rendering: auto;
    font-family: "KartraFrontendIconSet";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.ring-loader_new>div:not(.overlay-text)>i:nth-of-type(1) {
    font-size: 1em;
    height: 1em;
    bottom: 0;
    left: 0
}

.ring-loader_new>div:not(.overlay-text)>i:nth-of-type(2) {
    font-size: .67em;
    height: 1em;
    top: .6em;
    right: 0
}

.ring-loader_new>div:not(.overlay-text)>i:nth-of-type(3) {
    font-size: .48em;
    height: 1em;
    top: 0;
    left: 1.1em
}

.modal-dialog .overlay_wrapper_abs {
    border-radius: 10px
}

[class^=sk-circle-],
[class*=" sk-circle-"] {
    position: relative
}

[class^=sk-circle-] .sk-child,
[class*=" sk-circle-"] .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

[class^=sk-circle-] .sk-child:before,
[class*=" sk-circle-"] .sk-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

[class^=sk-circle-] .sk-circle2,
[class*=" sk-circle-"] .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

[class^=sk-circle-] .sk-circle2:before,
[class*=" sk-circle-"] .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

[class^=sk-circle-] .sk-circle3,
[class*=" sk-circle-"] .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

[class^=sk-circle-] .sk-circle3:before,
[class*=" sk-circle-"] .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

[class^=sk-circle-] .sk-circle4,
[class*=" sk-circle-"] .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

[class^=sk-circle-] .sk-circle4:before,
[class*=" sk-circle-"] .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

[class^=sk-circle-] .sk-circle5,
[class*=" sk-circle-"] .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

[class^=sk-circle-] .sk-circle5:before,
[class*=" sk-circle-"] .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

[class^=sk-circle-] .sk-circle6,
[class*=" sk-circle-"] .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

[class^=sk-circle-] .sk-circle6:before,
[class*=" sk-circle-"] .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

[class^=sk-circle-] .sk-circle7,
[class*=" sk-circle-"] .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

[class^=sk-circle-] .sk-circle7:before,
[class*=" sk-circle-"] .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

[class^=sk-circle-] .sk-circle8,
[class*=" sk-circle-"] .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

[class^=sk-circle-] .sk-circle8:before,
[class*=" sk-circle-"] .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

[class^=sk-circle-] .sk-circle9,
[class*=" sk-circle-"] .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

[class^=sk-circle-] .sk-circle9:before,
[class*=" sk-circle-"] .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

[class^=sk-circle-] .sk-circle10,
[class*=" sk-circle-"] .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

[class^=sk-circle-] .sk-circle10:before,
[class*=" sk-circle-"] .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

[class^=sk-circle-] .sk-circle11,
[class*=" sk-circle-"] .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

[class^=sk-circle-] .sk-circle11:before,
[class*=" sk-circle-"] .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

[class^=sk-circle-] .sk-circle12,
[class*=" sk-circle-"] .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

[class^=sk-circle-] .sk-circle12:before,
[class*=" sk-circle-"] .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

.sk-circle-ns {
    width: 40px;
    height: 40px
}

.sk-circle-ns .sk-child:before {
    width: calc(40px / 6);
    height: calc(40px / 6)
}

.sk-circle-sm {
    width: 24px;
    height: 24px
}

.sk-circle-sm .sk-child:before {
    width: calc(24px / 6);
    height: calc(24px / 6)
}

.sk-circle-xs {
    width: 18px;
    height: 18px
}

.sk-circle-xs .sk-child:before {
    width: calc(18px / 6);
    height: calc(18px / 6)
}

.sk-circle-default-color .sk-child:before {
    background-color: rgba(0, 0, 0, .1)
}

.sk-circle-white-color .sk-child:before {
    background-color: #fff
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

[class^=info_circle-],
[class*=" info_circle-"] {
    border-radius: 100%;
    width: 180px;
    height: 180px;
    border-width: 6px;
    border-style: solid;
    display: flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    font-size: 60px
}

[class^=info_circle-]:before,
[class*=" info_circle-"]:before {
    text-rendering: auto;
    font-family: "KartraFrontendIconSet";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.info_circle-xs {
    width: 50px;
    height: 50px;
    border-width: 2px;
    font-size: 22px
}

.info_circle-sm {
    width: 120px;
    height: 120px;
    border-width: 4px;
    font-size: 50px
}

.info_circle-ns {
    width: 180px;
    height: 180px;
    border-width: 6px;
    font-size: 60px
}

.info_circle-danger-exclamation:before,
.info_circle-white-exclamation:before {
    content: ""
}

.info_circle-danger-exclamation {
    border-color: #fd4646;
    color: #fd4646
}

.info_circle-white-exclamation {
    border-color: #fff;
    color: #fff
}

[class^=info_circle-success-],
[class*=" info_circle-success-"] {
    border-color: #6cd312;
    color: #6cd312
}

.info_circle-success-tick:before,
.info_circle-inverse-success-tick:before {
    content: ""
}

.info_circle-warning-hourglass {
    border-color: #ffe07d;
    color: #ffe07d
}

[class^=info_circle-inverse-success-],
[class*=" info_circle-inverse-success-"] {
    border-color: #fff;
    color: #fff
}

[class^=info_circle-gray-],
[class*=" info_circle-gray-"] {
    border-color: #eee;
    color: #eee
}

.info_circle-gray-lock:before {
    content: ""
}

.info_circle-gray-chat:before {
    content: ""
}

.info_circle-gray-edit:before {
    content: ""
}

.info_circle-gray-search:before {
    content: ""
}

.info_circle-gray-cloud_upload:before {
    content: ""
}

.info_circle-gray-emoticon_sad:before {
    content: ""
}

.info_circle-gray-emoticon_happy:before {
    content: ""
}

.info_circle-gray-credit_card:before {
    content: ""
}

[class^=info_circle-primary-css-],
[class*=" info_circle-primary-css-"] {
    border-color: var(--theme-primary);
    color: var(--theme-primary)
}

.info_circle-primary-css-lock:before {
    content: ""
}

.info_circle-primary-css-chat:before {
    content: ""
}

.info_circle-primary-css-edit:before {
    content: ""
}

.info_circle-primary-css-search:before {
    content: ""
}

.info_circle-primary-css-cloud_upload:before {
    content: ""
}

.info_circle-primary-css-emoticon_sad:before {
    content: ""
}

.info_circle-primary-css-emoticon_happy:before {
    content: ""
}

.info_circle-primary-css-credit_card:before {
    content: ""
}

@media(max-width: 599px) {
    .info_circle-sm {
        width: 50px;
        height: 50px;
        border-width: 2px;
        font-size: 22px
    }
}

.modal-top-area-title {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 1.2;
    font-weight: 500;
    color: #333
}

.modal-top-area-desc {
    color: rgba(0, 0, 0, .4);
    margin: 0 0 40px 0;
    line-height: 1.4;
    font-weight: 400;
    font-size: 16px
}

@media(max-width: 599px) {
    .modal-top-area-title {
        font-size: 18px
    }
    .modal-top-area-desc {
        font-size: 14px
    }
}

.live_chat_overlay_box {
    position: absolute;
    top: 0;
    bottom: 30px;
    left: 0;
    z-index: 99;
    right: 0;
    background: #fff
}

.kartra_chat_action_list {
    right: 20px;
    line-height: 1
}

.kartra_chat_action_list>li {
    display: flex;
    align-items: center
}

.kartra_chat_action_list>li>* {
    display: flex;
    align-items: center
}

.kartra_chat_action_list>li>*>span {
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

.kartra_chat_action_list>li>div>span {
    color: rgba(0, 0, 0, .2)
}

.kartra_external_wrapper .kartra_chat_action_list {
    margin-right: 45px
}

.livechat_header-block {
    padding: 15px 20px 15px 20px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 20px;
    align-items: center;
    height: 60px
}

.livechat_header-block>div {
    min-width: 0
}

.livechat_header-block hr {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px
}

.live-chat-div-wrapper {
    top: 60px;
    bottom: 60px
}

.live-chat-div-wrapper ul>li p {
    line-height: 1.4;
    font-size: 14px;
    color: rgba(0, 0, 0, .6)
}

.live-chat-chat_list>li:not(:last-child) {
    margin-bottom: 20px
}

.live-chat-chat_list p {
    margin: 0
}

.live-chat_input_box {
    height: 60px;
    background: #f2f4f6;
    padding: 10px 20px
}

.live-chat_input_box .refresh_btn {
    transition: all .3s ease-in-out;
    border-radius: 100%;
    position: absolute;
    background: #333;
    color: #fff;
    right: 20px;
    top: -46px;
    width: 26px;
    height: 26px;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    border: none;
    padding: 0
}

.live-chat_input_box .refresh_btn:hover {
    background: #000
}

.live-chat_input_box .refresh_btn:focus {
    background: #333
}

.live-chat_input_box .refresh_btn:focus:hover {
    background: #000
}

.live-chat_input_box [type=text][disabled] {
    background: #f2f4f6;
    border-color: #f2f4f6
}

.live-chat_input_box>div {
    position: relative
}

.live-chat_input_box .success_action_box {
    min-height: 20px;
    position: relative;
    padding-left: 30px;
    color: red
}

.live-chat_input_box .success_action_box i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    color: #6cd312
}

.live-chat_input_box .dropdown-menu.w_custom_max_width {
    max-width: 510px
}

.live-chat_input_box .btn-group .btn {
    border-radius: 0;
    line-height: 1.4;
    font-size: 14px;
    color: #666;
    padding: 0 30px 0 0;
    background: none;
    border: none;
    position: relative;
    height: 20px
}

.live-chat_input_box .btn-group .btn .caret {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    opacity: 1 !important
}

.live-chat_input_box .btn-group.open .btn,
.live-chat_input_box .btn-group.open .btn:hover,
.live-chat_input_box .btn-group.open .btn:focus,
.live-chat_input_box .btn-group.open .btn:focus:hover,
.live-chat_input_box .btn-group.open .btn:active,
.live-chat_input_box .btn-group.open .btn:active:hover {
    box-shadow: none
}

@media(max-width: 599px) {
    .live-chat_input_box {
        padding: 10px 15px
    }
    .kartra_chat_action_list {
        right: 15px
    }
    .livechat_header-block {
        padding: 15px 15px
    }
}

.progress-striped .bar {
    background-color: var(--theme-primary)
}

img.dark_tpl {
    display: none
}

img.light_tpl {
    display: inline-block;
    vertical-align: top
}

.kartra_helpdesk_theme-15 ::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.kartra_helpdesk_theme-15 ::-webkit-scrollbar-thumb {
    background: #0d0d0d;
    border-radius: 3px
}

.kartra_helpdesk_theme-15 ::-webkit-scrollbar-track {
    background: #262626;
    border-radius: 3px
}

.kartra_helpdesk_theme-15 body {
    scrollbar-face-color: #0d0d0d;
    scrollbar-track-color: #262626
}

.kartra_helpdesk_theme-15 body,
.kartra_helpdesk_theme-15 body * {
    scrollbar-width: thin;
    scrollbar-color: #0d0d0d #262626
}

.kartra_helpdesk_theme-15 .header-stripe {
    background: #444
}

.kartra_helpdesk_theme-15 .search-block {
    background: #444
}

.kartra_helpdesk_theme-15 .mainsearch-block input {
    background: #515151;
    color: #fff
}

.kartra_helpdesk_theme-15 .mainsearch-block input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.kartra_helpdesk_theme-15 .mainsearch-block input::-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.kartra_helpdesk_theme-15 .mainsearch-block input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.kartra_helpdesk_theme-15 .mainsearch-block input:-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.kartra_helpdesk_theme-15 .mainsearch-block a.search_button,
.kartra_helpdesk_theme-15 .mainsearch-block a.search_button:focus {
    color: rgba(255, 255, 255, .5)
}

.kartra_helpdesk_theme-15 .mainsearch-block a.search_button:hover,
.kartra_helpdesk_theme-15 .mainsearch-block a.search_button:focus:hover {
    color: #fff
}

.kartra_helpdesk_theme-15 .mainsearch-block a#clear_search,
.kartra_helpdesk_theme-15 .mainsearch-block a#clear_search:focus {
    color: rgba(255, 255, 255, .5)
}

.kartra_helpdesk_theme-15 .mainsearch-block a#clear_search:hover,
.kartra_helpdesk_theme-15 .mainsearch-block a#clear_search:focus:hover {
    color: #fff
}

.kartra_helpdesk_theme-15 .mainmenu-nav a,
.kartra_helpdesk_theme-15 .mainmenu-nav a:focus {
    color: rgba(255, 255, 255, .6)
}

.kartra_helpdesk_theme-15 .mainmenu-nav a:before,
.kartra_helpdesk_theme-15 .mainmenu-nav a:focus:before {
    background: none
}

.kartra_helpdesk_theme-15 .mainmenu-nav a:hover,
.kartra_helpdesk_theme-15 .mainmenu-nav a:focus:hover {
    color: rgba(255, 255, 255, .9)
}

.kartra_helpdesk_theme-15 .mainmenu-nav a:hover:before,
.kartra_helpdesk_theme-15 .mainmenu-nav a:focus:hover:before {
    background: none
}

.kartra_helpdesk_theme-15 .mainmenu-nav>li.active a,
.kartra_helpdesk_theme-15 .mainmenu-nav>li.active a:hover,
.kartra_helpdesk_theme-15 .mainmenu-nav>li.active a:focus,
.kartra_helpdesk_theme-15 .mainmenu-nav>li.active a:focus:hover {
    color: rgba(255, 255, 255, .9)
}

.kartra_helpdesk_theme-15 .mainmenu-nav>li.active a:before,
.kartra_helpdesk_theme-15 .mainmenu-nav>li.active a:hover:before,
.kartra_helpdesk_theme-15 .mainmenu-nav>li.active a:focus:before,
.kartra_helpdesk_theme-15 .mainmenu-nav>li.active a:focus:hover:before {
    background: rgba(255, 255, 255, .9)
}

.kartra_helpdesk_theme-15 .mainmenu-nav .circle-alert {
    background: #fff;
    color: rgba(0, 0, 0, .9)
}

.kartra_helpdesk_theme-15 img.dark_tpl {
    display: inline-block;
    vertical-align: top
}

.kartra_helpdesk_theme-15 img.light_tpl {
    display: none
}

.kartra_helpdesk_theme-15 .kartra_helpdesk_sidebar_inner {
    background: #333
}

.kartra_helpdesk_theme-15 .panel-item {
    background: #474747;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .1)
}

.kartra_helpdesk_theme-15 .panel-list-title-highlight .panel-item:hover {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .2)
}

.kartra_helpdesk_theme-15 .panel-item-title,
.kartra_helpdesk_theme-15 .panel-item-title-livechat {
    color: #fff
}

.kartra_helpdesk_theme-15 .panel-item-desc {
    color: rgba(255, 255, 255, .4)
}

.kartra_helpdesk_theme-15 .breadcrumb-wrapper>li a,
.kartra_helpdesk_theme-15 .breadcrumb-wrapper>li a:focus {
    color: rgba(255, 255, 255, .6)
}

.kartra_helpdesk_theme-15 .breadcrumb-wrapper>li a:hover,
.kartra_helpdesk_theme-15 .breadcrumb-wrapper>li a:focus:hover {
    color: rgba(255, 255, 255, .9)
}

.kartra_helpdesk_theme-15 .breadcrumb-wrapper>li:after {
    color: rgba(255, 255, 255, .2)
}

.kartra_helpdesk_theme-15 .title-muted {
    color: rgba(255, 255, 255, .3)
}

.kartra_helpdesk_theme-15 hr {
    border-top-color: rgba(255, 255, 255, .1)
}

.kartra_helpdesk_theme-15 [class^=p-type-],
.kartra_helpdesk_theme-15 [class*=" p-type-"] {
    color: #fff
}

.kartra_helpdesk_theme-15 .modal-top-area-title {
    color: #fff
}

.kartra_helpdesk_theme-15 .modal-top-area-desc {
    color: rgba(255, 255, 255, .4)
}

.kartra_helpdesk_theme-15 #uploadeErrorModal {
    color: #fff
}

.kartra_helpdesk_theme-15 label {
    color: #fff
}

.kartra_helpdesk_theme-15 [type=text],
.kartra_helpdesk_theme-15 [type=search],
.kartra_helpdesk_theme-15 [type=password],
.kartra_helpdesk_theme-15 [type=number],
.kartra_helpdesk_theme-15 textarea {
    background: none;
    border-color: rgba(255, 255, 255, .1);
    color: #fff
}

.kartra_helpdesk_theme-15 [type=text]:focus,
.kartra_helpdesk_theme-15 [type=search]:focus,
.kartra_helpdesk_theme-15 [type=password]:focus,
.kartra_helpdesk_theme-15 [type=number]:focus,
.kartra_helpdesk_theme-15 textarea:focus {
    border-color: rgba(255, 255, 255, .15)
}

.kartra_helpdesk_theme-15 [type=text]::-webkit-input-placeholder,
.kartra_helpdesk_theme-15 [type=search]::-webkit-input-placeholder,
.kartra_helpdesk_theme-15 [type=password]::-webkit-input-placeholder,
.kartra_helpdesk_theme-15 [type=number]::-webkit-input-placeholder,
.kartra_helpdesk_theme-15 textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

.kartra_helpdesk_theme-15 [type=text]:-moz-placeholder,
.kartra_helpdesk_theme-15 [type=search]:-moz-placeholder,
.kartra_helpdesk_theme-15 [type=password]:-moz-placeholder,
.kartra_helpdesk_theme-15 [type=number]:-moz-placeholder,
.kartra_helpdesk_theme-15 textarea:-moz-placeholder {
    color: rgba(255, 255, 255, .3)
}

.kartra_helpdesk_theme-15 [type=text]::-moz-placeholder,
.kartra_helpdesk_theme-15 [type=search]::-moz-placeholder,
.kartra_helpdesk_theme-15 [type=password]::-moz-placeholder,
.kartra_helpdesk_theme-15 [type=number]::-moz-placeholder,
.kartra_helpdesk_theme-15 textarea::-moz-placeholder {
    color: rgba(255, 255, 255, .3)
}

.kartra_helpdesk_theme-15 [type=text]:-ms-input-placeholder,
.kartra_helpdesk_theme-15 [type=search]:-ms-input-placeholder,
.kartra_helpdesk_theme-15 [type=password]:-ms-input-placeholder,
.kartra_helpdesk_theme-15 [type=number]:-ms-input-placeholder,
.kartra_helpdesk_theme-15 textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

.kartra_helpdesk_theme-15 [type=text][readonly],
.kartra_helpdesk_theme-15 [type=text][readonly]:hover,
.kartra_helpdesk_theme-15 [type=text][readonly]:focus,
.kartra_helpdesk_theme-15 [type=text][readonly]:focus:hover,
.kartra_helpdesk_theme-15 [type=text][disabled],
.kartra_helpdesk_theme-15 [type=text][disabled]:hover,
.kartra_helpdesk_theme-15 [type=text][disabled]:focus,
.kartra_helpdesk_theme-15 [type=text][disabled]:focus:hover,
.kartra_helpdesk_theme-15 [type=search][readonly],
.kartra_helpdesk_theme-15 [type=search][readonly]:hover,
.kartra_helpdesk_theme-15 [type=search][readonly]:focus,
.kartra_helpdesk_theme-15 [type=search][readonly]:focus:hover,
.kartra_helpdesk_theme-15 [type=search][disabled],
.kartra_helpdesk_theme-15 [type=search][disabled]:hover,
.kartra_helpdesk_theme-15 [type=search][disabled]:focus,
.kartra_helpdesk_theme-15 [type=search][disabled]:focus:hover,
.kartra_helpdesk_theme-15 [type=password][readonly],
.kartra_helpdesk_theme-15 [type=password][readonly]:hover,
.kartra_helpdesk_theme-15 [type=password][readonly]:focus,
.kartra_helpdesk_theme-15 [type=password][readonly]:focus:hover,
.kartra_helpdesk_theme-15 [type=password][disabled],
.kartra_helpdesk_theme-15 [type=password][disabled]:hover,
.kartra_helpdesk_theme-15 [type=password][disabled]:focus,
.kartra_helpdesk_theme-15 [type=password][disabled]:focus:hover,
.kartra_helpdesk_theme-15 [type=number][readonly],
.kartra_helpdesk_theme-15 [type=number][readonly]:hover,
.kartra_helpdesk_theme-15 [type=number][readonly]:focus,
.kartra_helpdesk_theme-15 [type=number][readonly]:focus:hover,
.kartra_helpdesk_theme-15 [type=number][disabled],
.kartra_helpdesk_theme-15 [type=number][disabled]:hover,
.kartra_helpdesk_theme-15 [type=number][disabled]:focus,
.kartra_helpdesk_theme-15 [type=number][disabled]:focus:hover,
.kartra_helpdesk_theme-15 textarea[readonly],
.kartra_helpdesk_theme-15 textarea[readonly]:hover,
.kartra_helpdesk_theme-15 textarea[readonly]:focus,
.kartra_helpdesk_theme-15 textarea[readonly]:focus:hover,
.kartra_helpdesk_theme-15 textarea[disabled],
.kartra_helpdesk_theme-15 textarea[disabled]:hover,
.kartra_helpdesk_theme-15 textarea[disabled]:focus,
.kartra_helpdesk_theme-15 textarea[disabled]:focus:hover {
    color: rgba(255, 255, 255, .6);
    background: #555;
    border-color: #555
}

.kartra_helpdesk_theme-15 .bootstrap-select>.dropdown-toggle {
    background: none;
    border-color: rgba(255, 255, 255, .1);
    color: #fff
}

.kartra_helpdesk_theme-15 .bootstrap-select.btn-group .dropdown-toggle.bs-placeholder .filter-option {
    color: rgba(255, 255, 255, .3)
}

.kartra_helpdesk_theme-15 .bootstrap-select.btn-group .dropdown-toggle .caret {
    border-top-color: rgba(255, 255, 255, .2)
}

.kartra_helpdesk_theme-15 .bootstrap-select.btn-group.open .dropdown-toggle {
    border-color: rgba(255, 255, 255, .15)
}

.kartra_helpdesk_theme-15 .help-block,
.kartra_helpdesk_theme-15 [class^=help-inline],
.kartra_helpdesk_theme-15 [class*=" help-inline"] {
    color: rgba(255, 255, 255, .5)
}

.kartra_helpdesk_theme-15 .help-block-error,
.kartra_helpdesk_theme-15 .help-block-error.for_select {
    background: #484848
}

.kartra_helpdesk_theme-15 .help-block-error.for_ckeditor {
    background: #fff
}

.kartra_helpdesk_theme-15 .form-info-text {
    color: #fff
}

.kartra_helpdesk_theme-15 .form-group .cke_chrome {
    border-color: rgba(255, 255, 255, .1)
}

.kartra_helpdesk_theme-15 .kartra_field_control {
    background: none;
    border-color: rgba(255, 255, 255, .1);
    color: #fff
}

.kartra_helpdesk_theme-15 .kartra_field_control.kartra_input_empty {
    color: rgba(255, 255, 255, .3)
}

.kartra_helpdesk_theme-15 .kartra_support_nav {
    border-bottom-color: rgba(255, 255, 255, .1)
}

.kartra_helpdesk_theme-15 .kartra_support_nav>li a,
.kartra_helpdesk_theme-15 .kartra_support_nav>li a:focus {
    color: rgba(255, 255, 255, .6)
}

.kartra_helpdesk_theme-15 .kartra_support_nav>li a:hover,
.kartra_helpdesk_theme-15 .kartra_support_nav>li a:focus:hover {
    color: rgba(255, 255, 255, .9)
}

.kartra_helpdesk_theme-15 .kartra_support_nav>li.active a,
.kartra_helpdesk_theme-15 .kartra_support_nav>li.active a:hover,
.kartra_helpdesk_theme-15 .kartra_support_nav>li.active a:focus,
.kartra_helpdesk_theme-15 .kartra_support_nav>li.active a:focus:hover {
    color: rgba(255, 255, 255, .9)
}

.kartra_helpdesk_theme-15 .channel_list>li {
    border-color: rgba(255, 255, 255, .1)
}

.kartra_helpdesk_theme-15 .info-box {
    background: rgba(255, 202, 41, .8)
}

.kartra_helpdesk_theme-15 [class^=modal_bootstrap],
.kartra_helpdesk_theme-15 [class*=" modal_bootstrap"] {
    background: #333
}

.kartra_helpdesk_theme-15 [class^=modal_bootstrap] .modal-dialog,
.kartra_helpdesk_theme-15 [class*=" modal_bootstrap"] .modal-dialog {
    background: #474747
}

.kartra_helpdesk_theme-15 .btn-hollow-default-static {
    position: relative
}

.kartra_helpdesk_theme-15 .btn-hollow-default-static,
.kartra_helpdesk_theme-15 .btn-hollow-default-static:hover,
.kartra_helpdesk_theme-15 .btn-hollow-default-static:focus,
.kartra_helpdesk_theme-15 .btn-hollow-default-static:focus:hover {
    border-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .5)
}

.kartra_helpdesk_theme-15 .btn-hollow-default,
.kartra_helpdesk_theme-15 .btn-hollow-default:focus {
    border-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .5)
}

.kartra_helpdesk_theme-15 .btn-hollow-default .caret,
.kartra_helpdesk_theme-15 .btn-hollow-default:focus .caret {
    border-top-color: rgba(255, 255, 255, .1)
}

.kartra_helpdesk_theme-15 .btn-hollow-default:hover,
.kartra_helpdesk_theme-15 .btn-hollow-default:focus:hover {
    border-color: var(--theme-primary);
    color: var(--theme-primary)
}

.kartra_helpdesk_theme-15 .btn-hollow-default:hover .caret,
.kartra_helpdesk_theme-15 .btn-hollow-default:focus:hover .caret {
    border-top-color: var(--theme-primary)
}

.kartra_helpdesk_theme-15 .btn-icon-only-danger,
.kartra_helpdesk_theme-15 .btn-icon-only-danger:focus,
.kartra_helpdesk_theme-15 .btn-icon-only-default,
.kartra_helpdesk_theme-15 .btn-icon-only-default:focus {
    color: rgba(255, 255, 255, .5)
}

.kartra_helpdesk_theme-15 .btn-icon-only-danger:hover,
.kartra_helpdesk_theme-15 .btn-icon-only-danger:focus:hover {
    color: #fd4646
}

.kartra_helpdesk_theme-15 .btn-icon-only-default:hover,
.kartra_helpdesk_theme-15 .btn-icon-only-default:focus:hover {
    color: rgba(230, 230, 230, .5)
}

.kartra_helpdesk_theme-15 .btn-icon-only-default:disabled,
.kartra_helpdesk_theme-15 .btn-icon-only-default:disabled:hover,
.kartra_helpdesk_theme-15 .btn-icon-only-default:disabled:focus,
.kartra_helpdesk_theme-15 .btn-icon-only-default:disabled:focus:hover,
.kartra_helpdesk_theme-15 .btn-icon-only-default[disabled],
.kartra_helpdesk_theme-15 .btn-icon-only-default[disabled]:hover,
.kartra_helpdesk_theme-15 .btn-icon-only-default[disabled]:focus,
.kartra_helpdesk_theme-15 .btn-icon-only-default[disabled]:focus:hover,
.kartra_helpdesk_theme-15 .btn-icon-only-default.disabled,
.kartra_helpdesk_theme-15 .btn-icon-only-default.disabled:hover,
.kartra_helpdesk_theme-15 .btn-icon-only-default.disabled:focus,
.kartra_helpdesk_theme-15 .btn-icon-only-default.disabled:focus:hover {
    color: rgba(255, 255, 255, .33)
}

.kartra_helpdesk_theme-15 .btn.fileUpload,
.kartra_helpdesk_theme-15 .btn.fileUpload:focus {
    border: 2px solid rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .5)
}

.kartra_helpdesk_theme-15 .btn.fileUpload .caret,
.kartra_helpdesk_theme-15 .btn.fileUpload:focus .caret {
    border-top: 6px solid rgba(255, 255, 255, .1)
}

.kartra_helpdesk_theme-15 .btn.fileUpload:hover,
.kartra_helpdesk_theme-15 .btn.fileUpload:focus:hover {
    border-color: var(--theme-primary);
    color: var(--theme-primary)
}

.kartra_helpdesk_theme-15 .btn.fileUpload:hover .caret,
.kartra_helpdesk_theme-15 .btn.fileUpload:focus:hover .caret {
    border-top-color: var(--theme-primary)
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist]>li.header-row,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"]>li.header-row {
    color: #fff
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-bottom>li,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-bottom>li {
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-bottom>li.header-row,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-bottom>li.header-row {
    border-bottom: 1px solid rgba(255, 255, 255, .6)
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-bottom>li:last-child,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-bottom>li:last-child {
    border-bottom: none
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-top>li,
.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-top-no-header-row>li,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-top>li,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-top-no-header-row>li {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-top>li:first-child,
.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-top-no-header-row>li:first-child,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-top>li:first-child,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-top-no-header-row>li:first-child {
    border-bottom: none
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-top>li.header-row,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-top>li.header-row {
    border-top: none
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist].li-border-top>li:nth-child(2),
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"].li-border-top>li:nth-child(2) {
    border-top: 1px solid rgba(255, 255, 255, .6)
}

.kartra_helpdesk_theme-15 [class^=universal-tablelist]>li,
.kartra_helpdesk_theme-15 [class^=universal-tablelist]>li>.dow,
.kartra_helpdesk_theme-15 [class^=universal-tablelist]>li>.main_row,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"]>li,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"]>li>.dow,
.kartra_helpdesk_theme-15 [class*=" universal-tablelist"]>li>.main_row {
    color: rgba(255, 255, 255, .7)
}

.kartra_helpdesk_theme-15 .universal_upload_files_table>li.header-row {
    border-bottom: 1px solid rgba(255, 255, 255, .6)
}

.kartra_helpdesk_theme-15 .universal_upload_files_table .col-1 .filesize {
    color: rgba(255, 255, 255, .4)
}

.kartra_helpdesk_theme-15 .ring-loader_new {
    color: rgba(255, 255, 255, .1)
}

.kartra_helpdesk_theme-15 [class^=overlay_wrapper_],
.kartra_helpdesk_theme-15 [class*=" overlay_wrapper_"] {
    background: #333
}

.kartra_helpdesk_theme-15 .panel-item [class^=overlay_wrapper_],
.kartra_helpdesk_theme-15 .panel-item [class*=" overlay_wrapper_"],
.kartra_helpdesk_theme-15 .modal-dialog [class^=overlay_wrapper_],
.kartra_helpdesk_theme-15 .modal-dialog [class*=" overlay_wrapper_"] {
    background: #474747
}

.kartra_helpdesk_theme-15 .progress-striped {
    background: #333
}

.kartra_helpdesk_theme-15 .like_dislike_box span {
    color: rgba(255, 255, 255, .6)
}

.kartra_helpdesk_theme-15 .like_dislike_box-clickable button.off {
    color: #555
}

.kartra_helpdesk_theme-15 .wysiwyg_printout p,
.kartra_helpdesk_theme-15 .wysiwyg_printout ul,
.kartra_helpdesk_theme-15 .wysiwyg_printout ol {
    color: #fff
}

.kartra_helpdesk_theme-15 .wysiwyg_printout ul>li,
.kartra_helpdesk_theme-15 .wysiwyg_printout ol>li {
    color: #fff
}

.kartra_helpdesk_theme-15 .like_dislike_box-clickable button,
.kartra_helpdesk_theme-15 .like_dislike_box-clickable button:focus {
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, .3)
}

.kartra_helpdesk_theme-15 .like_dislike_box-clickable button:hover,
.kartra_helpdesk_theme-15 .like_dislike_box-clickable button:focus:hover {
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .4)
}

.kartra_helpdesk_theme-15 .live_chat_overlay_box {
    background: #484848
}

.kartra_helpdesk_theme-15 .livechat_header-block {
    color: #fff
}

.kartra_helpdesk_theme-15 .live-chat_input_box {
    background: #3b3b3b
}

.kartra_helpdesk_theme-15 .live-chat-div-wrapper ul>li p {
    color: rgba(255, 255, 255, .6)
}

.kartra_helpdesk_theme-15 .sk-circle-default-color .sk-child:before {
    background-color: rgba(255, 255, 255, .1)
}

.kartra_helpdesk_theme-15 .gdpr_wrapper>div .checkbox label input[type=checkbox]+small {
    border: 1px solid rgba(255, 255, 255, .15)
}

.kartra_helpdesk_theme-15 .footer {
    background: #333;
    color: rgba(255, 255, 255, .4)
}

.cke_reset_all,
.cke_reset_all * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.cke_reset_all input.cke_dialog_ui_input_text,
.cke_reset_all input.cke_dialog_ui_input_password,
.cke_reset_all textarea.cke_dialog_ui_input_textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-color: #ccc;
    padding: 4px 6px;
    height: 32px;
    outline: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
    color: #000
}

.cke_reset_all input.cke_dialog_ui_input_text:focus,
.cke_reset_all input.cke_dialog_ui_input_password:focus,
.cke_reset_all textarea.cke_dialog_ui_input_textarea:focus {
    outline: 0;
    border: 1px solid #ccc;
    border-top-color: #ccc;
    color: #000
}

.cke_reset_all label {
    color: #000;
    position: static;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    background: none;
    top: auto;
    left: auto;
    width: inherit;
    text-transform: none
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.clearfix_hard::after {
    display: table;
    clear: both;
    content: ""
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-fill {
    flex: 1 1 auto
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink-1 {
    flex-shrink: 1
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.align-items-baseline {
    align-items: baseline
}

.align-items-stretch {
    align-items: stretch
}

.align-content-start {
    align-content: flex-start
}

.align-content-end {
    align-content: flex-end
}

.align-content-center {
    align-content: center
}

.align-content-between {
    align-content: space-between
}

.align-content-around {
    align-content: space-around
}

.align-content-stretch {
    align-content: stretch
}

.align-self-auto {
    align-self: auto
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.align-self-center {
    align-self: center
}

.align-self-baseline {
    align-self: baseline
}

.align-self-stretch {
    align-self: stretch
}

.order--1 {
    order: -1
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.img-object-fit {
    object-fit: cover
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.border-radius-ns {
    border-radius: 4px
}

.border-radius-lg {
    border-radius: 10px
}

.border-radius-lg-top {
    border-radius: 10px 10px 0 0
}

.border-radius-modal-top {
    border-radius: 6px 6px 0 0
}

.border-radius-modal-bottom {
    border-radius: 0 0 6px 6px
}

.border-radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.border-radius-modal {
    border-radius: 6px
}

.d-none {
    display: none
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

.d-table {
    display: table
}

.d-table-row {
    display: table-row
}

.d-table-cell {
    display: table-cell
}

.d-flex {
    display: flex
}

.d-inline-flex {
    display: inline-flex
}

.d-grid {
    display: grid
}

.d-inline-grid {
    display: inline-grid
}

@media(min-width: 576px) {
    .d-sm-none {
        display: none
    }
    .d-sm-inline {
        display: inline
    }
    .d-sm-inline-block {
        display: inline-block
    }
    .d-sm-block {
        display: block
    }
    .d-sm-table {
        display: table
    }
    .d-sm-table-row {
        display: table-row
    }
    .d-sm-table-cell {
        display: table-cell
    }
    .d-sm-flex {
        display: flex
    }
    .d-sm-inline-flex {
        display: inline-flex
    }
    .d-sm-grid {
        display: grid
    }
    .d-sm-inline-grid {
        display: inline-grid
    }
}

@media(min-width: 768px) {
    .d-md-none {
        display: none
    }
    .d-md-inline {
        display: inline
    }
    .d-md-inline-block {
        display: inline-block
    }
    .d-md-block {
        display: block
    }
    .d-md-table {
        display: table
    }
    .d-md-table-row {
        display: table-row
    }
    .d-md-table-cell {
        display: table-cell
    }
    .d-md-flex {
        display: flex
    }
    .d-md-inline-flex {
        display: inline-flex
    }
    .d-md-grid {
        display: grid
    }
    .d-md-inline-grid {
        display: inline-grid
    }
}

@media(min-width: 992px) {
    .d-lg-none {
        display: none
    }
    .d-lg-inline {
        display: inline
    }
    .d-lg-inline-block {
        display: inline-block
    }
    .d-lg-block {
        display: block
    }
    .d-lg-table {
        display: table
    }
    .d-lg-table-row {
        display: table-row
    }
    .d-lg-table-cell {
        display: table-cell
    }
    .d-lg-flex {
        display: flex
    }
    .d-lg-inline-flex {
        display: inline-flex
    }
    .d-lg-grid {
        display: grid
    }
    .d-lg-inline-grid {
        display: inline-grid
    }
}

@media(min-width: 1200px) {
    .d-xl-none {
        display: none
    }
    .d-xl-inline {
        display: inline
    }
    .d-xl-inline-block {
        display: inline-block
    }
    .d-xl-block {
        display: block
    }
    .d-xl-table {
        display: table
    }
    .d-xl-table-row {
        display: table-row
    }
    .d-xl-table-cell {
        display: table-cell
    }
    .d-xl-flex {
        display: flex
    }
    .d-xl-inline-flex {
        display: inline-flex
    }
    .d-xl-grid {
        display: grid
    }
    .d-xl-inline-grid {
        display: inline-grid
    }
}

.cursor-help {
    cursor: help
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

.pointer-events-none {
    pointer-events: none
}

.overflow-visible {
    overflow: visible
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-inherit {
    overflow: inherit
}

.p-relative {
    position: relative
}

.p-absolute {
    position: absolute
}

.p-fixed {
    position: fixed
}

.p-sticky {
    position: sticky
}

.p-static {
    position: static
}

.w-0 {
    width: 0
}

.w-20 {
    width: 20%
}

.w-25 {
    width: 25%
}

.w-33 {
    width: 33.3333%
}

.w-50 {
    width: 50%
}

.w-75 {
    width: 75%
}

.w-100 {
    width: 100%
}

.w-auto {
    width: auto
}

.h-0 {
    height: 0
}

.h-20 {
    height: 20%
}

.h-25 {
    height: 25%
}

.h-33 {
    height: 33.3333%
}

.h-50 {
    height: 50%
}

.h-75 {
    height: 75%
}

.h-100 {
    height: 100%
}

.h-auto {
    height: auto
}

.w-90px {
    width: 90px
}

.w-110px {
    width: 110px
}

.h-90px {
    height: 90px
}

.h-110px {
    height: 110px
}

.w-100 {
    width: 100%
}

.w-105px {
    width: 105px
}

.w-140px {
    width: 140px
}

@media(max-width: 599px) {
    .w-xs-90px {
        width: 90px
    }
    .w-xs-100 {
        width: 100%
    }
}

.ma-0 {
    margin: 0
}

.mt-0,
.my-0 {
    margin-top: 0
}

.mt--0,
.my--0 {
    margin-top: 0
}

.mr-0,
.mx-0 {
    margin-right: 0
}

.mr--0,
.mx--0 {
    margin-right: 0
}

.mb-0,
.my-0 {
    margin-bottom: 0
}

.ml-0,
.mx-0 {
    margin-left: 0
}

.ml--0,
.mx--0 {
    margin-left: 0
}

.mb--0,
.my--0 {
    margin-bottom: 0
}

.ma-1 {
    margin: 5px
}

.mt-1,
.my-1 {
    margin-top: 5px
}

.mt--1,
.my--1 {
    margin-top: -5px
}

.mr-1,
.mx-1 {
    margin-right: 5px
}

.mr--1,
.mx--1 {
    margin-right: -5px
}

.mb-1,
.my-1 {
    margin-bottom: 5px
}

.ml-1,
.mx-1 {
    margin-left: 5px
}

.ml--1,
.mx--1 {
    margin-left: -5px
}

.mb--1,
.my--1 {
    margin-bottom: -5px
}

.ma-2 {
    margin: 10px
}

.mt-2,
.my-2 {
    margin-top: 10px
}

.mt--2,
.my--2 {
    margin-top: -10px
}

.mr-2,
.mx-2 {
    margin-right: 10px
}

.mr--2,
.mx--2 {
    margin-right: -10px
}

.mb-2,
.my-2 {
    margin-bottom: 10px
}

.ml-2,
.mx-2 {
    margin-left: 10px
}

.ml--2,
.mx--2 {
    margin-left: -10px
}

.mb--2,
.my--2 {
    margin-bottom: -10px
}

.ma-3 {
    margin: 15px
}

.mt-3,
.my-3 {
    margin-top: 15px
}

.mt--3,
.my--3 {
    margin-top: -15px
}

.mr-3,
.mx-3 {
    margin-right: 15px
}

.mr--3,
.mx--3 {
    margin-right: -15px
}

.mb-3,
.my-3 {
    margin-bottom: 15px
}

.ml-3,
.mx-3 {
    margin-left: 15px
}

.ml--3,
.mx--3 {
    margin-left: -15px
}

.mb--3,
.my--3 {
    margin-bottom: -15px
}

.ma-4 {
    margin: 20px
}

.mt-4,
.my-4 {
    margin-top: 20px
}

.mt--4,
.my--4 {
    margin-top: -20px
}

.mr-4,
.mx-4 {
    margin-right: 20px
}

.mr--4,
.mx--4 {
    margin-right: -20px
}

.mb-4,
.my-4 {
    margin-bottom: 20px
}

.ml-4,
.mx-4 {
    margin-left: 20px
}

.ml--4,
.mx--4 {
    margin-left: -20px
}

.mb--4,
.my--4 {
    margin-bottom: -20px
}

.ma-5 {
    margin: 25px
}

.mt-5,
.my-5 {
    margin-top: 25px
}

.mt--5,
.my--5 {
    margin-top: -25px
}

.mr-5,
.mx-5 {
    margin-right: 25px
}

.mr--5,
.mx--5 {
    margin-right: -25px
}

.mb-5,
.my-5 {
    margin-bottom: 25px
}

.ml-5,
.mx-5 {
    margin-left: 25px
}

.ml--5,
.mx--5 {
    margin-left: -25px
}

.mb--5,
.my--5 {
    margin-bottom: -25px
}

.ma-6 {
    margin: 30px
}

.mt-6,
.my-6 {
    margin-top: 30px
}

.mt--6,
.my--6 {
    margin-top: -30px
}

.mr-6,
.mx-6 {
    margin-right: 30px
}

.mr--6,
.mx--6 {
    margin-right: -30px
}

.mb-6,
.my-6 {
    margin-bottom: 30px
}

.ml-6,
.mx-6 {
    margin-left: 30px
}

.ml--6,
.mx--6 {
    margin-left: -30px
}

.mb--6,
.my--6 {
    margin-bottom: -30px
}

.ma-7 {
    margin: 35px
}

.mt-7,
.my-7 {
    margin-top: 35px
}

.mt--7,
.my--7 {
    margin-top: -35px
}

.mr-7,
.mx-7 {
    margin-right: 35px
}

.mr--7,
.mx--7 {
    margin-right: -35px
}

.mb-7,
.my-7 {
    margin-bottom: 35px
}

.ml-7,
.mx-7 {
    margin-left: 35px
}

.ml--7,
.mx--7 {
    margin-left: -35px
}

.mb--7,
.my--7 {
    margin-bottom: -35px
}

.ma-8 {
    margin: 40px
}

.mt-8,
.my-8 {
    margin-top: 40px
}

.mt--8,
.my--8 {
    margin-top: -40px
}

.mr-8,
.mx-8 {
    margin-right: 40px
}

.mr--8,
.mx--8 {
    margin-right: -40px
}

.mb-8,
.my-8 {
    margin-bottom: 40px
}

.ml-8,
.mx-8 {
    margin-left: 40px
}

.ml--8,
.mx--8 {
    margin-left: -40px
}

.mb--8,
.my--8 {
    margin-bottom: -40px
}

.ma-9 {
    margin: 45px
}

.mt-9,
.my-9 {
    margin-top: 45px
}

.mt--9,
.my--9 {
    margin-top: -45px
}

.mr-9,
.mx-9 {
    margin-right: 45px
}

.mr--9,
.mx--9 {
    margin-right: -45px
}

.mb-9,
.my-9 {
    margin-bottom: 45px
}

.ml-9,
.mx-9 {
    margin-left: 45px
}

.ml--9,
.mx--9 {
    margin-left: -45px
}

.mb--9,
.my--9 {
    margin-bottom: -45px
}

.ma-10 {
    margin: 50px
}

.mt-10,
.my-10 {
    margin-top: 50px
}

.mt--10,
.my--10 {
    margin-top: -50px
}

.mr-10,
.mx-10 {
    margin-right: 50px
}

.mr--10,
.mx--10 {
    margin-right: -50px
}

.mb-10,
.my-10 {
    margin-bottom: 50px
}

.ml-10,
.mx-10 {
    margin-left: 50px
}

.ml--10,
.mx--10 {
    margin-left: -50px
}

.mb--10,
.my--10 {
    margin-bottom: -50px
}

.ma-11 {
    margin: 55px
}

.mt-11,
.my-11 {
    margin-top: 55px
}

.mt--11,
.my--11 {
    margin-top: -55px
}

.mr-11,
.mx-11 {
    margin-right: 55px
}

.mr--11,
.mx--11 {
    margin-right: -55px
}

.mb-11,
.my-11 {
    margin-bottom: 55px
}

.ml-11,
.mx-11 {
    margin-left: 55px
}

.ml--11,
.mx--11 {
    margin-left: -55px
}

.mb--11,
.my--11 {
    margin-bottom: -55px
}

.ma-12 {
    margin: 60px
}

.mt-12,
.my-12 {
    margin-top: 60px
}

.mt--12,
.my--12 {
    margin-top: -60px
}

.mr-12,
.mx-12 {
    margin-right: 60px
}

.mr--12,
.mx--12 {
    margin-right: -60px
}

.mb-12,
.my-12 {
    margin-bottom: 60px
}

.ml-12,
.mx-12 {
    margin-left: 60px
}

.ml--12,
.mx--12 {
    margin-left: -60px
}

.mb--12,
.my--12 {
    margin-bottom: -60px
}

.ma-13 {
    margin: 65px
}

.mt-13,
.my-13 {
    margin-top: 65px
}

.mt--13,
.my--13 {
    margin-top: -65px
}

.mr-13,
.mx-13 {
    margin-right: 65px
}

.mr--13,
.mx--13 {
    margin-right: -65px
}

.mb-13,
.my-13 {
    margin-bottom: 65px
}

.ml-13,
.mx-13 {
    margin-left: 65px
}

.ml--13,
.mx--13 {
    margin-left: -65px
}

.mb--13,
.my--13 {
    margin-bottom: -65px
}

.ma-14 {
    margin: 70px
}

.mt-14,
.my-14 {
    margin-top: 70px
}

.mt--14,
.my--14 {
    margin-top: -70px
}

.mr-14,
.mx-14 {
    margin-right: 70px
}

.mr--14,
.mx--14 {
    margin-right: -70px
}

.mb-14,
.my-14 {
    margin-bottom: 70px
}

.ml-14,
.mx-14 {
    margin-left: 70px
}

.ml--14,
.mx--14 {
    margin-left: -70px
}

.mb--14,
.my--14 {
    margin-bottom: -70px
}

.pa-0 {
    padding: 0
}

.pt-0,
.py-0 {
    padding-top: 0
}

.pt--0,
.py--0 {
    padding-top: 0
}

.pr-0,
.px-0 {
    padding-right: 0
}

.pr--0,
.px--0 {
    padding-right: 0
}

.pb-0,
.py-0 {
    padding-bottom: 0
}

.pl-0,
.px-0 {
    padding-left: 0
}

.pl--0,
.px--0 {
    padding-left: 0
}

.pb--0,
.py--0 {
    padding-bottom: 0
}

.pa-1 {
    padding: 5px
}

.pt-1,
.py-1 {
    padding-top: 5px
}

.pt--1,
.py--1 {
    padding-top: -5px
}

.pr-1,
.px-1 {
    padding-right: 5px
}

.pr--1,
.px--1 {
    padding-right: -5px
}

.pb-1,
.py-1 {
    padding-bottom: 5px
}

.pl-1,
.px-1 {
    padding-left: 5px
}

.pl--1,
.px--1 {
    padding-left: -5px
}

.pb--1,
.py--1 {
    padding-bottom: -5px
}

.pa-2 {
    padding: 10px
}

.pt-2,
.py-2 {
    padding-top: 10px
}

.pt--2,
.py--2 {
    padding-top: -10px
}

.pr-2,
.px-2 {
    padding-right: 10px
}

.pr--2,
.px--2 {
    padding-right: -10px
}

.pb-2,
.py-2 {
    padding-bottom: 10px
}

.pl-2,
.px-2 {
    padding-left: 10px
}

.pl--2,
.px--2 {
    padding-left: -10px
}

.pb--2,
.py--2 {
    padding-bottom: -10px
}

.pa-3 {
    padding: 15px
}

.pt-3,
.py-3 {
    padding-top: 15px
}

.pt--3,
.py--3 {
    padding-top: -15px
}

.pr-3,
.px-3 {
    padding-right: 15px
}

.pr--3,
.px--3 {
    padding-right: -15px
}

.pb-3,
.py-3 {
    padding-bottom: 15px
}

.pl-3,
.px-3 {
    padding-left: 15px
}

.pl--3,
.px--3 {
    padding-left: -15px
}

.pb--3,
.py--3 {
    padding-bottom: -15px
}

.pa-4 {
    padding: 20px
}

.pt-4,
.py-4 {
    padding-top: 20px
}

.pt--4,
.py--4 {
    padding-top: -20px
}

.pr-4,
.px-4 {
    padding-right: 20px
}

.pr--4,
.px--4 {
    padding-right: -20px
}

.pb-4,
.py-4 {
    padding-bottom: 20px
}

.pl-4,
.px-4 {
    padding-left: 20px
}

.pl--4,
.px--4 {
    padding-left: -20px
}

.pb--4,
.py--4 {
    padding-bottom: -20px
}

.pa-5 {
    padding: 25px
}

.pt-5,
.py-5 {
    padding-top: 25px
}

.pt--5,
.py--5 {
    padding-top: -25px
}

.pr-5,
.px-5 {
    padding-right: 25px
}

.pr--5,
.px--5 {
    padding-right: -25px
}

.pb-5,
.py-5 {
    padding-bottom: 25px
}

.pl-5,
.px-5 {
    padding-left: 25px
}

.pl--5,
.px--5 {
    padding-left: -25px
}

.pb--5,
.py--5 {
    padding-bottom: -25px
}

.pa-6 {
    padding: 30px
}

.pt-6,
.py-6 {
    padding-top: 30px
}

.pt--6,
.py--6 {
    padding-top: -30px
}

.pr-6,
.px-6 {
    padding-right: 30px
}

.pr--6,
.px--6 {
    padding-right: -30px
}

.pb-6,
.py-6 {
    padding-bottom: 30px
}

.pl-6,
.px-6 {
    padding-left: 30px
}

.pl--6,
.px--6 {
    padding-left: -30px
}

.pb--6,
.py--6 {
    padding-bottom: -30px
}

.pa-7 {
    padding: 35px
}

.pt-7,
.py-7 {
    padding-top: 35px
}

.pt--7,
.py--7 {
    padding-top: -35px
}

.pr-7,
.px-7 {
    padding-right: 35px
}

.pr--7,
.px--7 {
    padding-right: -35px
}

.pb-7,
.py-7 {
    padding-bottom: 35px
}

.pl-7,
.px-7 {
    padding-left: 35px
}

.pl--7,
.px--7 {
    padding-left: -35px
}

.pb--7,
.py--7 {
    padding-bottom: -35px
}

.pa-8 {
    padding: 40px
}

.pt-8,
.py-8 {
    padding-top: 40px
}

.pt--8,
.py--8 {
    padding-top: -40px
}

.pr-8,
.px-8 {
    padding-right: 40px
}

.pr--8,
.px--8 {
    padding-right: -40px
}

.pb-8,
.py-8 {
    padding-bottom: 40px
}

.pl-8,
.px-8 {
    padding-left: 40px
}

.pl--8,
.px--8 {
    padding-left: -40px
}

.pb--8,
.py--8 {
    padding-bottom: -40px
}

.pa-9 {
    padding: 45px
}

.pt-9,
.py-9 {
    padding-top: 45px
}

.pt--9,
.py--9 {
    padding-top: -45px
}

.pr-9,
.px-9 {
    padding-right: 45px
}

.pr--9,
.px--9 {
    padding-right: -45px
}

.pb-9,
.py-9 {
    padding-bottom: 45px
}

.pl-9,
.px-9 {
    padding-left: 45px
}

.pl--9,
.px--9 {
    padding-left: -45px
}

.pb--9,
.py--9 {
    padding-bottom: -45px
}

.pa-10 {
    padding: 50px
}

.pt-10,
.py-10 {
    padding-top: 50px
}

.pt--10,
.py--10 {
    padding-top: -50px
}

.pr-10,
.px-10 {
    padding-right: 50px
}

.pr--10,
.px--10 {
    padding-right: -50px
}

.pb-10,
.py-10 {
    padding-bottom: 50px
}

.pl-10,
.px-10 {
    padding-left: 50px
}

.pl--10,
.px--10 {
    padding-left: -50px
}

.pb--10,
.py--10 {
    padding-bottom: -50px
}

.pa-11 {
    padding: 55px
}

.pt-11,
.py-11 {
    padding-top: 55px
}

.pt--11,
.py--11 {
    padding-top: -55px
}

.pr-11,
.px-11 {
    padding-right: 55px
}

.pr--11,
.px--11 {
    padding-right: -55px
}

.pb-11,
.py-11 {
    padding-bottom: 55px
}

.pl-11,
.px-11 {
    padding-left: 55px
}

.pl--11,
.px--11 {
    padding-left: -55px
}

.pb--11,
.py--11 {
    padding-bottom: -55px
}

.pa-12 {
    padding: 60px
}

.pt-12,
.py-12 {
    padding-top: 60px
}

.pt--12,
.py--12 {
    padding-top: -60px
}

.pr-12,
.px-12 {
    padding-right: 60px
}

.pr--12,
.px--12 {
    padding-right: -60px
}

.pb-12,
.py-12 {
    padding-bottom: 60px
}

.pl-12,
.px-12 {
    padding-left: 60px
}

.pl--12,
.px--12 {
    padding-left: -60px
}

.pb--12,
.py--12 {
    padding-bottom: -60px
}

.pa-13 {
    padding: 65px
}

.pt-13,
.py-13 {
    padding-top: 65px
}

.pt--13,
.py--13 {
    padding-top: -65px
}

.pr-13,
.px-13 {
    padding-right: 65px
}

.pr--13,
.px--13 {
    padding-right: -65px
}

.pb-13,
.py-13 {
    padding-bottom: 65px
}

.pl-13,
.px-13 {
    padding-left: 65px
}

.pl--13,
.px--13 {
    padding-left: -65px
}

.pb--13,
.py--13 {
    padding-bottom: -65px
}

.pa-14 {
    padding: 70px
}

.pt-14,
.py-14 {
    padding-top: 70px
}

.pt--14,
.py--14 {
    padding-top: -70px
}

.pr-14,
.px-14 {
    padding-right: 70px
}

.pr--14,
.px--14 {
    padding-right: -70px
}

.pb-14,
.py-14 {
    padding-bottom: 70px
}

.pl-14,
.px-14 {
    padding-left: 70px
}

.pl--14,
.px--14 {
    padding-left: -70px
}

.pb--14,
.py--14 {
    padding-bottom: -70px
}

.m-auto {
    margin: auto
}

.mt-auto,
.my-auto {
    margin-top: auto
}

.mr-auto,
.mx-auto {
    margin-right: auto
}

.mb-auto,
.my-auto {
    margin-bottom: auto
}

.ml-auto,
.mx-auto {
    margin-left: auto
}

.mt-cg {
    margin-top: 20px
}

.mb-cg {
    margin-bottom: 20px
}

.t-0 {
    top: 0
}

.t--0 {
    top: 0
}

.t-1 {
    top: 5px
}

.t--1 {
    top: -5px
}

.t-2 {
    top: 10px
}

.t--2 {
    top: -10px
}

.t-3 {
    top: 15px
}

.t--3 {
    top: -15px
}

.t-4 {
    top: 20px
}

.t--4 {
    top: -20px
}

.t-5 {
    top: 25px
}

.t--5 {
    top: -25px
}

.t-6 {
    top: 30px
}

.t--6 {
    top: -30px
}

.t-7 {
    top: 35px
}

.t--7 {
    top: -35px
}

.t-8 {
    top: 40px
}

.t--8 {
    top: -40px
}

.t-9 {
    top: 45px
}

.t--9 {
    top: -45px
}

.t-10 {
    top: 50px
}

.t--10 {
    top: -50px
}

.t-11 {
    top: 55px
}

.t--11 {
    top: -55px
}

.t-12 {
    top: 60px
}

.t--12 {
    top: -60px
}

.t-13 {
    top: 65px
}

.t--13 {
    top: -65px
}

.t-14 {
    top: 70px
}

.t--14 {
    top: -70px
}

.r-0 {
    right: 0
}

.r--0 {
    right: 0
}

.r-1 {
    right: 5px
}

.r--1 {
    right: -5px
}

.r-2 {
    right: 10px
}

.r--2 {
    right: -10px
}

.r-3 {
    right: 15px
}

.r--3 {
    right: -15px
}

.r-4 {
    right: 20px
}

.r--4 {
    right: -20px
}

.r-5 {
    right: 25px
}

.r--5 {
    right: -25px
}

.r-6 {
    right: 30px
}

.r--6 {
    right: -30px
}

.r-7 {
    right: 35px
}

.r--7 {
    right: -35px
}

.r-8 {
    right: 40px
}

.r--8 {
    right: -40px
}

.r-9 {
    right: 45px
}

.r--9 {
    right: -45px
}

.r-10 {
    right: 50px
}

.r--10 {
    right: -50px
}

.r-11 {
    right: 55px
}

.r--11 {
    right: -55px
}

.r-12 {
    right: 60px
}

.r--12 {
    right: -60px
}

.r-13 {
    right: 65px
}

.r--13 {
    right: -65px
}

.r-14 {
    right: 70px
}

.r--14 {
    right: -70px
}

.b-0 {
    bottom: 0
}

.b--0 {
    bottom: 0
}

.b-1 {
    bottom: 5px
}

.b--1 {
    bottom: -5px
}

.b-2 {
    bottom: 10px
}

.b--2 {
    bottom: -10px
}

.b-3 {
    bottom: 15px
}

.b--3 {
    bottom: -15px
}

.b-4 {
    bottom: 20px
}

.b--4 {
    bottom: -20px
}

.b-5 {
    bottom: 25px
}

.b--5 {
    bottom: -25px
}

.b-6 {
    bottom: 30px
}

.b--6 {
    bottom: -30px
}

.b-7 {
    bottom: 35px
}

.b--7 {
    bottom: -35px
}

.b-8 {
    bottom: 40px
}

.b--8 {
    bottom: -40px
}

.b-9 {
    bottom: 45px
}

.b--9 {
    bottom: -45px
}

.b-10 {
    bottom: 50px
}

.b--10 {
    bottom: -50px
}

.b-11 {
    bottom: 55px
}

.b--11 {
    bottom: -55px
}

.b-12 {
    bottom: 60px
}

.b--12 {
    bottom: -60px
}

.b-13 {
    bottom: 65px
}

.b--13 {
    bottom: -65px
}

.b-14 {
    bottom: 70px
}

.b--14 {
    bottom: -70px
}

.l-0 {
    left: 0
}

.l--0 {
    left: 0
}

.l-1 {
    left: 5px
}

.l--1 {
    left: -5px
}

.l-2 {
    left: 10px
}

.l--2 {
    left: -10px
}

.l-3 {
    left: 15px
}

.l--3 {
    left: -15px
}

.l-4 {
    left: 20px
}

.l--4 {
    left: -20px
}

.l-5 {
    left: 25px
}

.l--5 {
    left: -25px
}

.l-6 {
    left: 30px
}

.l--6 {
    left: -30px
}

.l-7 {
    left: 35px
}

.l--7 {
    left: -35px
}

.l-8 {
    left: 40px
}

.l--8 {
    left: -40px
}

.l-9 {
    left: 45px
}

.l--9 {
    left: -45px
}

.l-10 {
    left: 50px
}

.l--10 {
    left: -50px
}

.l-11 {
    left: 55px
}

.l--11 {
    left: -55px
}

.l-12 {
    left: 60px
}

.l--12 {
    left: -60px
}

.l-13 {
    left: 65px
}

.l--13 {
    left: -65px
}

.l-14 {
    left: 70px
}

.l--14 {
    left: -70px
}

@media(max-width: 599px) {
    .mt-xs-cg {
        margin-top: 20px
    }
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

.fw-400 {
    font-weight: 400
}

.text-nowrap {
    white-space: nowrap
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-success {
    color: #6cd312
}

.c-danger {
    color: #fd4646
}

.c-warning {
    color: #f7ca3e
}

.c-muted {
    color: rgba(0, 0, 0, .3)
}

.c-primary-css {
    color: var(--theme-primary)
}

.fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px
}

.fs-50 {
    font-size: 50px
}

.fw-500 {
    font-weight: 500
}

.lh-headline {
    line-height: 1.2
}

.z-index-inherit {
    z-index: inherit
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.z-index-100 {
    z-index: 100
}

.z-index-999 {
    z-index: 999
}

.z-index-1050 {
    z-index: 1050
}

.z-index-9999999 {
    z-index: 9999999
}