@charset "UTF-8";

/* selectbox4.css */
.selectBox input {
    display: none
}

.selectBox input:checked + label {
    border-color: #191971;
    color: #191971;
    z-index: 1;
    background-color: #f5f6f7;
}

.selectBox input:checked + label:before {
    background: #191971;
    box-shadow: 0 0 0 2px #191971;
}

.selectBox.round label {
    border-radius: 10rem;
}

.selectBox label {
    width: 100%;
    padding: .5em;
    font-size: 1em;
    cursor: pointer;
    font-weight: 400;
    position: relative;
    text-align: center;
    transition: all .25s;
    border: 2px solid rgba(161, 175, 179, .5);
    border-radius: .3333rem
}

.selectBox label:before {
    top: 50%;
    content: "";
    right: 1em;
    width: 15px;
    height: 15px;
    position: absolute;
    border: 3px solid #fff;
    transition: all .25s;
    transform: translateY(-50%);
    box-shadow: 0 0 0 2px #a1afb3
}

.selectBox label:hover {
    z-index: 1;
    border-color: #8e8eac
}

.selectBox.noCheckMark label {
    display: flex;
    align-items: center
}

.selectBox.noCheckMark label:before {
    display: none
}

.selectBox.radio label:before {
    border-radius: 100%
}

.selectBoxGroup {
    display: flex;
    flex-wrap: wrap
}

.selectBoxGroup .selectBox {
    margin-left: -1px
}

.selectBoxGroup .selectBox:first-child {
    margin-left: 0
}

@media screen and (max-width:568px) {
    .selectBoxGroup {
        flex-direction: column
    }

    .selectBoxGroup .selectBox {
        margin-left: 0
    }

    .selectBoxGroup .selectBox label {
        width: 100%
    }
}

.selectBoxGroup.underneath {
    flex-direction: column
}

.selectBoxGroup.underneath .selectBox {
    margin-left: 0
}

.selectBoxGroup.underneath .selectBox label {
    width: 100%
}

.selectBoxGroup.rtl {
    direction: rtl
}

.selectBoxGroup.rtl label {
    width: 100%;
    padding: 15px 40px 15px 15px;
    text-align: right
}

.selectBoxGroup.rtl label:before {
    right: 15px
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: rtl;
    color: #191971;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: right
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
    direction: rtl;
    line-height: 3;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: right
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-container--bootstrap4 .select2-selection--single {
    height: calc(3.5rem + 1rem + 2px) !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    color: #757575;
    line-height: 4.25rem;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    left: 3px;
    width: 20px;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    top: 60%;
    border-color: #343a40 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: calc(3rem + 1rem + 2px);
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    text-align: right;
}

.select2-results__message {
    color: #6c757d;
}

.select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(2.25rem + 2px) !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #343a40;
    border: 1px solid #bdc6d0;
    border-radius: 3rem;
    padding: 0;
    padding-right: 5px;
    cursor: pointer;
    float: right;
    margin-top: 0.3em;
    margin-left: 5px;
    padding: 0.5rem;
    /*     background-color: #d65c8b; */
    background-color: #010165;
    color: #ffffff;
    line-height: 3;
    padding-right: 3rem;
    padding-left: 3rem;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #bdc6d0;
    font-weight: bold;
    margin-right: 3px;
    margin-left: 1px;
    padding-right: 3px;
    padding-left: 3px;
    float: left;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #343a40;
}

.select2-container {
    display: block;
    width: 100% !important;
}

.select2-container *:focus {
    outline: 0;
}

.input-group .select2-container--bootstrap4 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.input-group-prepend ~ .select2-container--bootstrap4 .select2-selection {
    border-top-left-radius: 0.7rem;
    border-bottom-left-radius: 0.7rem;
}

.input-group > .select2-container--bootstrap4:not(:last-child) .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.select2-container--bootstrap4 .select2-selection {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    width: 100%;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-container--bootstrap4 .select2-selection {
        -webkit-transition: none;
        transition: none;
    }
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #80bdff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection,
.select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection {
    background-color: #e9ecef;
    cursor: not-allowed;
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container--bootstrap4.select2-container--disabled .select2-search__field,
.select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-search__field {
    background-color: transparent;
}

select.is-invalid ~ .select2-container--bootstrap4 .select2-selection,
form.was-validated select:invalid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #dc3545;
}

select.is-valid ~ .select2-container--bootstrap4 .select2-selection,
form.was-validated select:valid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #28a745;
}

.select2-container--bootstrap4 .select2-dropdown {
    border-color: #ced4da;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    border-top: 1px solid #ced4da;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
    background-color: #e9ecef;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: #007bff;
    color: #f8f9fa;
}

.select2-container--bootstrap4 .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--bootstrap4 .select2-results > .select2-results__options {
    max-height: 15em;
    overflow-y: auto;
}

.select2-container--bootstrap4 .select2-results__group {
    padding: 6px;
    display: list-item;
    color: #6c757d;
}

.select2-container--bootstrap4 .select2-selection__clear {
    width: 2em;
    height: 2em;
    line-height: 2em;
    padding-left: 0;
    margin-top: 0.8em;
    border-radius: 100%;
    background-color: red;
    color: #f8f9fa;
    float: right;
    margin-right: 0;
}

.select2-container--bootstrap4 .select2-selection__clear:hover {
    background-color: #343a40;
}

/* bootstrap.min.css */
/*!
 * Bootstrap v5.2.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-heading-color: ;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*,
::after,
::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: rgba(var(--bs-body-color-rgb), .75);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote > :last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.row {
/*
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
*/
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table > :not(caption) > * > * {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table > tbody {
    vertical-align: inherit
}

.table > thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem .25rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 1px
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: rgba(var(--bs-body-color-rgb), .75)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    border-radius: .5rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .375rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
/*    float: left;*/
/*    margin-left: -1.5em;*/
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating > .form-control-plaintext::-moz-placeholder,
.form-floating > .form-control::-moz-placeholder {
    color: transparent
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: transparent
}

.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating > .form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0
}

/* استایل مخصوص Input Group برای سایت فارسی */
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    direction: rtl;
}

.input-group > .form-control,
.input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border-radius: 0.375rem;
}

.input-group > .form-control:focus,
.input-group > .form-select:focus {
    z-index: 3;
}

.input-group .btn {
    position: relative;
    z-index: 2;
    border-radius: 0.375rem;
}

.input-group .btn:focus {
    z-index: 3;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

/* استایل برای گروه‌های بزرگ و کوچک */
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

/* استایل مخصوص برای RTL - مهم! */
.input-group > .form-control:not(:first-child),
.input-group > .form-select:not(:first-child) {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group > .form-control:not(:last-child),
.input-group > .form-select:not(:last-child) {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group > .btn:first-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    margin-right: -1px;
}

.input-group > .btn:last-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    margin-left: -1px;
}

/* استایل مخصوص برای باکس جستجو در فیلترها */
.search-box-filter .input-group .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.search-box-filter .input-group .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    margin-left: 0;
    margin-right: -1px;
}

/* برای حالت‌های مختلف */
.input-group > :not(:first-child):not(.dropdown-menu) {
    margin-right: -1px;
}

.input-group > :not(:last-child):not(.dropdown-menu) {
    margin-left: -1px;
}

/* استایل برای form-select در RTL */
.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-left: 0.75rem;
    padding-right: 3rem;
    background-position: left 0.75rem center;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, .9);
    border-radius: .375rem
}

.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #198754
}

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .375rem
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check:focus + .btn,
.btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f9fafb;
    --bs-btn-hover-border-color: #f9fafb;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f9fafb;
    --bs-btn-active-border-color: #f9fafb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1c1f23;
    --bs-btn-hover-border-color: #1a1e21;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a1e21;
    --bs-btn-active-border-color: #191c1f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    text-decoration: underline
}

.btn-group-lg > .btn,
.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem
}

.btn-group-sm > .btn,
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn,
.btn-group > .btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: .375rem
}

.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%
}

.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn ~ .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
    background: 0 0;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

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

.tab-content > .active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card > hr {
    margin-right: 0;
    margin-left: 0
}

.card > .list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-header,
    .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-header,
    .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: #000;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
    --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active > .page-link,
.page-link.active {
    z-index: 1;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled > .page-link,
.page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: 0.5rem
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: 0.25rem
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius, 0)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius, 0)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: 0.375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

.list-group-item + .list-group-item.active {
    margin-top: calc(var(--bs-list-group-border-width) * -1);
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal > .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush > .list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: 0.375rem;
    --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    position: absolute;
    z-index: 1090;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container > :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(var(--bs-toast-padding-x) * -.5);
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(0.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px;
        width: 800px !important;
        max-width: 800px !important;
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1240px;
        width: 1240px !important;
        max-width: 1240px !important;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: 0.375rem;
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius, 0)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: 0.5rem;
    --bs-popover-inner-border-radius: calc(0.5rem - 1px);
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: var(--bs-heading-color);
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow,
.bs-popover-top > .popover-arrow {
    bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-top > .popover-arrow::before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

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

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow,
.bs-popover-end > .popover-arrow {
    left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-end > .popover-arrow::before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

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

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
    top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

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

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(var(--bs-popover-arrow-width) * -.5);
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow,
.bs-popover-start > .popover-arrow {
    right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

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

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {

    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {

    .offcanvas-sm.show:not(.hiding),
    .offcanvas-sm.showing {
        transform: none
    }
}

@media (max-width:575.98px) {

    .offcanvas-sm.hiding,
    .offcanvas-sm.show,
    .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {

    .offcanvas-md.show:not(.hiding),
    .offcanvas-md.showing {
        transform: none
    }
}

@media (max-width:767.98px) {

    .offcanvas-md.hiding,
    .offcanvas-md.show,
    .offcanvas-md.showing {
        visibility: visible
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {

    .offcanvas-lg.show:not(.hiding),
    .offcanvas-lg.showing {
        transform: none
    }
}

@media (max-width:991.98px) {

    .offcanvas-lg.hiding,
    .offcanvas-lg.show,
    .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {

    .offcanvas-xl.show:not(.hiding),
    .offcanvas-xl.showing {
        transform: none
    }
}

@media (max-width:1199.98px) {

    .offcanvas-xl.hiding,
    .offcanvas-xl.show,
    .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {

    .offcanvas-xxl.show:not(.hiding),
    .offcanvas-xxl.showing {
        transform: none
    }
}

@media (max-width:1399.98px) {

    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show,
    .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(var(--bs-offcanvas-padding-y) * -.5);
    margin-right: calc(var(--bs-offcanvas-padding-x) * -.5);
    margin-bottom: calc(var(--bs-offcanvas-padding-y) * -.5)
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

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

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: #0d6efd !important
}

.link-primary:focus,
.link-primary:hover {
    color: #0a58ca !important
}

.link-secondary {
    color: #6c757d !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: #565e64 !important
}

.link-success {
    color: #198754 !important
}

.link-success:focus,
.link-success:hover {
    color: #146c43 !important
}

.link-info {
    color: #0dcaf0 !important
}

.link-info:focus,
.link-info:hover {
    color: #3dd5f3 !important
}

.link-warning {
    color: #ffc107 !important
}

.link-warning:focus,
.link-warning:hover {
    color: #ffcd39 !important
}

.link-danger {
    color: #dc3545 !important
}

.link-danger:focus,
.link-danger:hover {
    color: #b02a37 !important
}

.link-light {
    color: #f8f9fa !important
}

.link-light:focus,
.link-light:hover {
    color: #f9fafb !important
}

.link-dark {
    color: #212529 !important
}

.link-dark:focus,
.link-dark:hover {
    color: #1a1e21 !important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

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

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

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

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

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

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

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

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

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

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

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

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

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

.justify-content-evenly {
    justify-content: space-evenly !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), .75) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.w-20 {
    width: 20% !important
}

.w-25 {
    width: 25% !important
}

.w-30 {
    width: 30% !important
}

.w-40 {
    width: 40% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-80 {
    width: 80% !important
}

.w-85 {
    width: 85% !important
}

.w-90 {
    width: 90% !important
}

.w-95 {
    width: 95% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-80 {
    height: 80% !important
}

.h-85 {
    height: 85% !important
}

.h-90 {
    height: 90% !important
}

.h-95 {
    height: 95% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: 0.25rem !important
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important
}

.m-2 {
    margin: 0.5rem !important
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 2rem !important
}

.mt-4,
.my-4 {
    margin-top: 2rem !important
}

.mr-4,
.mx-4 {
    margin-right: 2rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 2rem !important
}

.ml-4,
.mx-4 {
    margin-left: 2rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: 0.25rem !important
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important
}

.p-2 {
    padding: 0.5rem !important
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 2rem !important
}

.pt-4,
.py-4 {
    padding-top: 2rem !important
}

.pr-4,
.px-4 {
    padding-right: 2rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 2rem !important
}

.pl-4,
.px-4 {
    padding-left: 2rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.p-10 {
    padding: 10rem !important
}

.pt-10,
.py-10 {
    padding-top: 10rem !important
}

.pr-10,
.px-10 {
    padding-right: 10rem !important
}

.pb-10,
.py-10 {
    padding-bottom: 10rem !important
}

.pl-10,
.px-10 {
    padding-left: 10rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    

    .m-sm-n10 {
        margin: -6rem !important
    }

    .mt-sm-n10,
    .my-sm-n10 {
        margin-top: -6rem !important
    }

    .mr-sm-n10,
    .mx-sm-n10 {
        margin-right: -6rem !important
    }

    .mb-sm-n10,
    .my-sm-n10 {
        margin-bottom: -6rem !important
    }

    .ml-sm-n10,
    .mx-sm-n10 {
        margin-left: -6rem !important
    }

    
    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    
    
    .m-lg-5rem {
        margin: 5rem !important
    }

    .mt-lg-5rem,
    .my-lg-5rem {
        margin-top: 5rem !important
    }

    .mr-lg-5rem,
    .mx-lg-5rem {
        margin-right: 5rem !important
    }

    .mb-lg-5rem,
    .my-lg-5rem {
        margin-bottom: 5rem !important
    }

    .ml-lg-5rem,
    .mx-lg-5rem {
        margin-left: 5rem !important
    }
    
    .ml-lg-5rem,
    .mx-lg-5rem {
        margin-left: 5rem !important
    }

    
    
    
    .m-lg-10 {
        margin: 5rem !important
    }

    .mt-lg-10,
    .my-lg-10 {
        margin-top: 5rem !important
    }

    .mr-lg-10,
    .mx-lg-10 {
        margin-right: 5rem !important
    }

    .mb-lg-10,
    .my-lg-10 {
        margin-bottom: 5rem !important
    }

    .ml-lg-10,
    .mx-lg-10 {
        margin-left: 5rem !important
    }
    
    
    
    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.h-8 {
    height: 8rem;
}

/* nice-select.min.css */
.nice-select{-webkit-tap-highlight-color:transparent;background-color:transparent;clear:both;cursor:pointer;display:block;float:left;font-size:14px;font-weight:normal;font-family:inherit;padding-left:15px;outline:none;position:relative;text-transform:capitalize;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;left:0;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#cccccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:35px;right:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:2}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:35px;list-style:none;min-height:35px;outline:none;padding-left:18px;padding-right:18px;text-align:right;-webkit-transition:all .2s;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}

/* jquery-ui.min.css */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.html");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.html");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.html");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.html");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.html");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.html");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.html");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* venobox.min.css */
/* http://veno.es/venobox/ */
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:1040;-webkit-transform:translateZ(1000px);transform:translateZ(1000px);transform-style:preserve-3d}.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 40px;overflow:hidden;position:fixed;display:none;left:0;z-index:1050}.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:50px;height:40px;padding:6px;display:block;background-position:10px center;overflow:hidden;font-size:24px;line-height:1;text-align:center;z-index:1050}.vbox-num{cursor:pointer;position:fixed;left:0;height:40px;display:block;overflow:hidden;line-height:28px;font-size:12px;padding:6px 10px;display:none;z-index:1050}.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:1050}.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:#b6b6b6;border-right-color:#b6b6b6;text-indent:-100px;position:absolute;top:8px;display:block}.vbox-prev{left:15px}.vbox-next{right:15px}.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}.vbox-inline{width:420px;height:315px;height:70vh;padding:10px;background:#fff;margin:0 auto;overflow:auto;text-align:left}.venoframe{max-width:100%;width:100%;border:none;width:100%;height:260px;height:70vh}.venoframe.vbvid{height:260px}@media (min-width:768px){.vbox-inline,.venoframe{width:90%;height:360px;height:70vh}.venoframe.vbvid{width:640px;height:360px}}@media (min-width:992px){.vbox-inline,.venoframe{max-width:1200px;width:80%;height:540px;height:70vh}.venoframe.vbvid{width:960px;height:540px}}.vbox-open{overflow:hidden}.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%}.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;padding:20px 4%}.vbox-container img{max-width:100%;height:auto}.vbox-figlio{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial}img.vbox-figlio{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.vbox-content.swipe-left{margin-left:-200px!important}.vbox-content.swipe-right{margin-left:200px!important}.vbox-animated{webkit-transition:margin .3s ease-out;transition:margin .3s ease-out}
/* http://tobiasahlin.com/spinkit/ */
.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}

/* slick.min.css */
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent
 }

 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
     direction: ltr
 }

 .slick-list:focus {
     outline: none
 }

 .slick-list.dragging {
     cursor: pointer;
     cursor: hand
 }

 .slick-slider .slick-track,
 .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }

 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
     margin-left: auto;
     margin-right: auto
 }

 .slick-track:before,
 .slick-track:after {
     display: table;
     content: ''
 }

 .slick-track:after {
     clear: both
 }

 .slick-loading .slick-track {
     visibility: hidden
 }

 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
 }

 [dir='rtl'] .slick-slide {
     float: right
 }

 .slick-slide img {
     display: block
 }

 .slick-slide.slick-loading img {
     display: none
 }

 .slick-slide.dragging img {
     pointer-events: none
 }

 .slick-initialized .slick-slide {
     display: block
 }

 .slick-loading .slick-slide {
     visibility: hidden
 }

 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent
 }

 .slick-arrow.slick-hidden {
     display: none
 }

/* style.css */
@font-face {
    font-family: iransans;
    src: url('../fonts/IRANSansWeb(FaNum).ttf');
}

@font-face {
    font-family: 'ASAN_Font_FA_b';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/11b.eot');
    src: url('../fonts/11b.eot?#iefix') format('embedded-opentype'),
        url('../fonts/11b.woff2') format('woff2'),
        url('../fonts/11b.woff') format('woff'),
        url('../fonts/11b.ttf') format('truetype');
}

@font-face {
    font-family: 'ASAN_Font_FA';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/11.eot');
    src: url('../fonts/11.eot?#iefix') format('embedded-opentype'),
        url('../fonts/11.woff2') format('woff2'),
        url('../fonts/11.woff') format('woff'),
        url('../fonts/11.ttf') format('truetype');
}

@font-face {
    font-family: 'ASAN_Font_EN';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/12.eot');
    src: url('../fonts/12.eot?#iefix') format('embedded-opentype'),
        url('../fonts/12.woff2') format('woff2'),
        url('../fonts/12.woff') format('woff'),
        url('../fonts/12.ttf') format('truetype');
}

@font-face {
    font-family: 'vazir';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/vazir.eot');
    src: url('../fonts/vazir.eot?#iefix') format('embedded-opentype'),
        url('../fonts/vazir.woff2') format('woff2'),
        url('../fonts/vazir.woff') format('woff'),
        url('../fonts/vazir.ttf') format('truetype');
}

@font-face {
    font-family: 'ASAN_Titr';
    src: url('../fonts/44.eot?#') format('eot'),
        url('../fonts/44.woff') format('woff'),
        url('../fonts/44.ttf') format('truetype');
}


@font-face {
    font-family: 'ASAN_Nastaliq';
    src: url('../fonts/10.eot?#') format('eot'),
        url('../fonts/10.woff') format('woff'),
        url('../fonts/10.ttf') format('truetype');
}

@font-face {
    font-family: 'fontnazanin';
    src: url('../fonts/BNazanin.eot?#') format('eot'),
        url('../fonts/BNazanin.ttf') format('truetype'),
        url('../fonts/BNazanin.woff') format('woff');
}

@font-face {
    font-family: 'BKoodakBold';
    src: url('../fonts/BKoodakBold.eot?#') format('eot'),
        url('../fonts/BKoodakBold.ttf') format('truetype'),
        url('../fonts/BKoodakBold.woff') format('woff');
}

@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan.eot?#') format('eot'),
        url('../fonts/BYekan.ttf') format('truetype'),
        url('../fonts/BYekan.woff') format('woff');
}

@font-face {
    font-family: 'BMitra';
    src: url('../fonts/BMitra.eot?#') format('eot'),
        url('../fonts/BMitra.ttf') format('truetype'),
        url('../fonts/BMitra.woff') format('woff');
}

.fa-solid {
  --fa-style: 900;
}@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("../fonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
}@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../fonts/fa-v4compatibility.woff2") format("woff2");
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}

:root {
    --h1size: 2em;
    --h2size: 1.8em;
    --h3size: 1.6em;
    --h4size: 1.4em;
    --h5size: 1.2em;
    --h6size: 1em;
    --bodysize: 1em;
    --h1height: 2.5em;
    --h2height: 2.2em;
    --h3height: 2em;
    --h4height: 1.8em;
    --h5height: 1.5em;
    --h6height: 1.2em;
    --bodyheight: 2em;
    --pfamily: iransans;
    --red: #ff3838;
    --gray: #777777;
    --text: #555555;
    --blue: #1494a9;
    --white: #ffffff;
    --chalk: #f5f5f5;
    --green: #11b76b;
    --purple: #b12fad;
    --orange: #e86121;
    --yellow: #ffab10;
    --border: #e8e8e8;
    --heading: #39404a;
/*    --primary: #019345;*/
    --primary : #11b76b;
    --sub-heading: #565765;
    --green-chalk: #ddffd5;
    --green-dark: #072f17;
    --gray-chalk: #cccccc;
    --facebook: #3b5998;
    --linkedin: #0e76a8;
    --twitter: #00acee;
    --primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    --primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

img {
    vertical-align: middle
}

a {
    text-decoration: none;
    display: inline-block
}

a:hover {
    text-decoration: none
}

ul, ol {
    padding: 0;
    list-style: none
}

h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, label {
    margin-bottom: 0;
    direction: rtl;
}

html, body {
    scroll-behavior: smooth
}

body {
    color: var(--text);
/*    background: var(--white);*/
    background: var(--chalk);
    font-size: var(--bodysize);
    font-family: var(--pfamily);
    font-family: iransans;
    line-height: var(--bodyheight);
    overflow-x: hidden;
    direction: rtl;
    text-align: right;
}

.kazemicolor {
    color: var(--primary);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
/*    color: var(--heading)*/
}

h1 {
    font-size: var(--h1size);
    line-height: var(--h1height)
}

h2 {
    font-size: var(--h2size);
    line-height: var(--h2height);
    letter-spacing: -.3px;
    text-transform: capitalize
}

h3 {
    font-size: var(--h3size);
    line-height: var(--h3height)
}

h4 {
    font-size: var(--h4size);
    line-height: var(--h4height)
}

h5 {
    font-size: var(--h5size);
    line-height: var(--h5height)
}

h6 {
    font-size: var(--h6size);
    line-height: var(--h6height)
}
p{
    direction: rtl;
}
input::placeholder, textarea::placeholder {
    font-size: 14px;
    color: var(--gray);
    text-transform: capitalize
}

input, button {
    border: none;
    outline: none;
    background: 100% 0
}

button:focus {
    outline: none
}
.rtl{
    direction: rtl !important;
}
.facebook:hover {
    color: var(--white);
    background: var(--facebook)
}

.twitter:hover {
    color: var(--white);
    background: var(--twitter)
}

.linkedin:hover {
    color: var(--white);
    background: var(--linkedin)
}

@media (max-width: 575px) {
    .col {
        padding: 0 4px
    }
}

.section {
    margin-bottom: 50px
}

.inner-section {
    margin-bottom: 30px
}

.section-heading {
    background-color: #ffffff !important;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 0.5rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

.section-btn-50 {
    text-align: center;
    margin-top: 50px
}

.section-btn-25 {
    text-align: center;
    margin-top: 25px
}

.section-btn-20 {
    text-align: center;
    margin-top: 20px
}

.section-btn-15 {
    text-align: center;
    margin-top: 15px
}

.section-btn-10 {
    text-align: center;
    margin-top: 10px
}

@media (max-width: 767px) {
    .section {
        margin-bottom: 25px
    }

    .inner-section {
        margin-bottom: 30px
    }

    .section-heading {
        margin-bottom: 20px
    }

    .section-heading h2 {
        font-size: 2em;
        line-height: 3em;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .section {
        margin-bottom: 25px
    }

    .inner-section {
        margin-bottom: 30px
    }
}

.alert {
    border: none;
    margin: 0;
    padding: 0 5px;
    border-radius: 0
}

.alert-info {
    text-align: center;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 3px;
    background: var(--white);
    border-top: 3px solid var(--primary);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08)
}

.alert-info p {
    font-weight: 500;
    color: var(--primary);
    text-shadow: var(--primary-shadow)
}

.alert-info p a {
    margin-right: 5px;
    text-decoration: underline
}

.breadcrumb {
    align-items: center;
    justify-content: center;
    background: 100% 0;
    margin: 0
}

.breadcrumb .active {
    color: var(--gray-chalk)
}

.breadcrumb-item {
    font-size: 18px;
    padding: 0 !important;
    text-transform: capitalize
}

.breadcrumb-item a {
    color: var(--chalk);
    transition: .5s ease-in-out
}

.breadcrumb-item a:hover {
    color: var(--primary)
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--white);
    padding: 0 8px;
    content: "\f100";
    font-family: "font awesome 7 free"
}

.btn {
    border: none;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
/*    padding: 14px 32px;*/
    border-radius: 8px
}

.btn:focus {
    box-shadow: none !important
}

.btn i {
    font-size: 18px;
/*    margin-left: 10px;*/
    float: right;
}

.btn-inline {
    color: var(--white);
    background: var(--primary)
}

.btn-inline:hover {
    color: var(--primary);
    background: var(--white)
}

.btn-outline {
    color: var(--primary);
    background: var(--white)
}

.btn-outline:hover {
    color: var(--white);
    background: var(--primary)
}

.dropdown-arrow {
    position: relative;
    padding-left: 18px !important
}

.dropdown-arrow:hover::before {
    color: var(--primary)
}

.dropdown-arrow::before {
    position: absolute;
    content: "\f107";
    top: 50%;
    left: 0;
    font-size: 15px;
    line-height: 15px;
    color: var(--text);
    font-family: "font awesome 5 free";
    font-weight: 900;
    transform: translateY(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.dropdown-link {
    position: relative
}

.dropdown-link:hover::before {
    color: var(--primary)
}

.dropdown-link::before {
    position: absolute;
    content: "\f107";
    top: 50%;
    left: 0;
    font-size: 15px;
    line-height: 15px;
    color: var(--text);
    font-family: "font awesome 5 free";
    font-weight: 900;
    transform: translateY(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.dropdown-list {
    display: none;
    padding: 10px;
    border-right: 3px solid var(--primary);
    background: var(--white)
}

.dropdown-list li a {
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    border-radius: 8px;
    padding: 10px 20px;
    color: var(--text);
    background: var(--white);
    white-space: nowrap;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.dropdown-list li {
    position: relative
}

.dropdown-list li::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 18.5px;
    border-top: 2px solid var(--primary);
    width: 12px
}

.dropdown-list li a:hover {
    color: var(--primary)
}

.dropdown:hover .dropdown-position-list {
    visibility: visible;
    opacity: 1;
    top: 70px
}

.dropdown-position-list {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 2;
    min-width: 250px;
    height: auto;
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.dropdown-position-list li a {
    width: 100%;
    line-height: 18px;
    border-radius: 8px;
    padding: 8px 15px;
    color: var(--text);
    background: var(--white);
    white-space: nowrap;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.dropdown-position-list li a:hover {
    color: var(--primary);
    padding-right: 22px
}

.dropdown-megamenu {
    position: static
}

.dropdown-megamenu:hover .megamenu {
    visibility: visible;
    opacity: 1;
    top: 200px
}

.loader {
    background: var(--primary);
    transform: rotate(-45deg) scale(.5);
    position: relative
}

.loader:after {
    content: '';
    border: calc(48 / 8) solid var(--primary);
    height: 100%;
    width: 100%;
    display: block;
    transform: scale(1.4);
    box-sizing: border-box;
    animation: ghost 1s ease-in-out infinite
}

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 9999
}

.loader {
    position: relative;
    right: calc(50% - 25px);
    top: calc(50% - 50px);
    height: 60px;
    width: 60px;
    background: var(--primary);
    transform: rotate(-45deg) scale(.5)
}

.loader:after {
    content: '';
    border: 6px solid var(--primary);
    height: 100%;
    width: 100%;
    display: block;
    transform: scale(1.4);
    box-sizing: border-box;
    animation: ghost 1s ease-in-out infinite
}

@keyframes ghost {
    from, to {
        transform: scale(1.4);
        opacity: 1
    }
    50% {
        transform: scale(1.7);
        opacity: .5
    }
}

.back-to-top {
    position: fixed;
    display: none;
    left: 15px;
    bottom: 80px;
    z-index: 995
}

.back-to-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    color: #fff;
    transition: all .4s;
    border: 2px solid #019345;
    background: #019345
}

.back-to-top i:hover {
    background: #0c2a4d;
    border-color: #0c2a4d;
    color: #fff
}

.megamenu {
    position: absolute;
    top: 230px;
    right: 0;
    width: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.megamenu .container {
    padding: 30px 30px 0;
    border-radius: 8px;
    background: var(--white);
    border: 1px solid var(--white);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1)
}

.megamenu-wrap {
    margin-bottom: 30px
}

.megamenu-title {
    margin-bottom: 10px;
    text-transform: capitalize
}

.megamenu-list li a {
    width: 100%;
    border-radius: 5px;
    padding: 5px 0;
    color: var(--text);
    white-space: nowrap;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.megamenu-list li a:hover {
    color: var(--primary);
    padding-right: 5px
}

.megamenu-promo a img {
    width: 100%;
    border-radius: 3px
}

.form-title {
    text-align: center;
    margin-bottom: 20px
}

.form-title h3 {
    text-transform: capitalize
}

.form-group {
    margin-bottom: 2px
}

.form-group small {
    color: var(--gray);
    letter-spacing: .3px;
    padding: 0 20px 0 0
}

.form-group textarea {
    height: 100px;
    padding: 12px 20px
}

.form-label {
    font-weight: 500;
    margin: 0 3px 7px 0;
    white-space: nowrap;
    text-transform: capitalize
}

.form-control {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    padding: 0 20px 2px;
    color: var(--text);
    background: var(--chalk);
    border: 1px solid var(--border)
}

.form-control:focus-within {
    background: var(--chalk);
    border-color: var(--primary);
    box-shadow: none;
    outline: 0
}

.form-control[type=file]::-webkit-file-upload-button, .form-control[type=file]::file-selector-button {
    border: none;
    background: 100% 0;
    height: 45px;
    line-height: 45px;
    padding: 5px 15px 0;
    color: var(--gray)
}

.form-control[type=file]::-webkit-file-upload-button:hover, .form-control[type=file]::file-selector-button:hover {
    background-color: transparent
}

.form-control[type=file]::-webkit-file-upload-button:focus, .form-control[type=file]::file-selector-button:focus {
    border: none;
    outline: none
}

.form-select {
    width: 100%;
    height: 45px;
    font-size: 15px;
    line-height: 43px;
    padding: 0 16px;
    border-radius: 6px;
    letter-spacing: .3px;
    text-transform: capitalize;
    color: var(--gray);
    background: var(--chalk);
    border: 1px solid var(--border);
    cursor: pointer
}

.form-select:focus-within {
    box-shadow: none;
    background: var(--chalk);
    border-color: var(--primary)
}

.form-btn {
    width: 100%;
    height: 45px;
    font-size: 14px;
    font-weight: 400;
    line-height: 45px;
    border-radius: 6px;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    background: var(--primary)
}

.form-input-group {
    position: relative
}

.form-input-group:focus-within i {
    color: var(--primary)
}

.form-input-group input {
    padding: 0 45px 2px 20px
}

.form-input-group textarea {
    padding: 12px 45px 12px 20px
}

.form-input-group i {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center
}

.form-btn-group {
    width: 100%;
    height: 45px;
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    border-radius: 6px;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    background: var(--primary)
}

.form-btn-group i {
    font-size: 16px;
    margin-left: 5px;
    display: inline-block
}

.nav-tabs {
    border: none;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
    background: var(--white)
}

.nav-tabs li {
    padding: 0 30px;
    border-left: 1px solid var(--border)
}

.nav-tabs li:last-child {
    border: none
}

.tab-link {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.tab-link:hover {
    color: var(--primary)
}

.tab-link i {
    font-size: 18px;
    margin-left: 3px
}

.tab-link.active {
    color: var(--primary);
    border-bottom: #070078 5px solid;
    line-height: 42px;
}

.tab-pane {
    display: none;
    padding: 0
}

.tab-pane.active {
    display: block
}

@media (max-width: 575px) {
    .nav-tabs {
        flex-wrap: wrap;
        justify-content: space-between;
/*        flex-direction: column*/
    }

    .nav-tabs li {
        padding: 5px;
        border: none
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .nav-tabs {
        padding: 25px 10px
    }

    .nav-tabs li {
        padding: 0 20px
    }
}

.pagination {
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border-radius: 8px;
    background: var(--white)
}

.page-item {
    margin: 0 2px
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 30%
}

.page-item .active {
    color: var(--white);
    background: var(--primary)
}

.page-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    border: none;
    padding: 0;
    color: var(--text);
    background: var(--border)
}

.page-link:hover {
    color: var(--white);
    background: var(--primary)
}

.page-link:focus {
    box-shadow: none
}

@media (max-width: 575px) {
    .page-item {
        margin: 0 2px
    }

    .page-link {
        width: 35px;
        height: 35px;
        line-height: 35px
    }
}

#slider-range {
    border-radius: 30px;
    margin-top: 15px;
    margin-bottom: 25px;
    background: #e9e9e9;
    border: none;
    height: 5px
}

#slider-range span {
    border-radius: 50%;
    top: -1.2em;
    border: none;
    background: #019345
}

.ui-slider-horizontal .ui-slider-range {
    background: #019345
}

#amount {
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
    border: none;
    background: 100% 0;
    text-align: center;
    margin-top: 15px;
    width: 100%
}

.ui-state-active {
    background: var(--primary) !important;
    border-color: var(--primary) !important
}

.star-rating {
    direction: ltr;
    text-align: center;
    margin: 25px 0
}

.star-rating input {
    display: none
}

.star-rating input:checked ~ label::after {
    opacity: 1
}

.star-rating label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 0 8px
}

.star-rating label:hover::after {
    opacity: 1
}

.star-rating label:hover:hover ~ label::after {
    opacity: 1
}

.star-rating label::before {
    content: "\f005";
    font-family: "font awesome 7 free";
    font-weight: 900;
    font-size: 25px;
    display: block;
    color: #bbb
}

.star-rating label::after {
    content: "\f005";
    font-family: "font awesome 7 free";
    font-weight: 900;
    font-size: 25px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    color: var(--primary);
    opacity: 0
}

.slider-arrow:hover .slick-right, .slider-arrow:hover .slick-left {
    visibility: visible;
    opacity: 1
}

.slick-right, .slick-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    color: var(--primary);
    background: var(--white);
    text-shadow: var(--primary-tshadow);
    box-shadow: var(--primary-bshadow);
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.slick-right:hover, .slick-left:hover {
    color: var(--white);
    background: var(--primary)
}

.slick-right {
    left: 10px
}

.slick-left {
    right: 10px
}

.slider-dots ul {
    position: absolute;
    bottom: 30px;
    right: 50%;
    transform: translateX(50%)
}

.slider-dots ul li {
    width: 25px;
    height: 5px;
    border-radius: 30px;
    background: var(--chalk);
    margin: 0 8px;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.slider-dots ul li button {
    display: none
}

.slider-dots ul li.slick-active {
    background: var(--primary)
}

@media (max-width: 575px) {
    .slider-dots ul {
        bottom: 10px
    }

    .slider-dots ul li {
        margin: 0 6px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .slider-dots ul {
        bottom: 20px
    }

    .slider-dots ul li {
        margin: 0 6px
    }
}

.product-add {
    font-size: 15px;
    padding: 7px 5px;
    border-radius: 6px;
    text-align: center;
    text-transform: capitalize;
/*
    color: var(--green);
    background: var(--border);
*/
    text-shadow: var(-primary-tshadow);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.product-add i {
    font-size: 18px;
    margin-right: 5px
}

.product-action {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}

.product-action button i {
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    color: var(--text);
    background: var(--chalk);
    text-shadow: var(--primary-tshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.product-action button i:hover {
    color: var(--white);
    background: var(--primary)
}

.product-action input {
    width: 100%;
    font-size: 15px;
    margin: 0 5px;
    padding: 6px 0;
    border-radius: 6px;
    text-align: center;
    color: var(--white);
    background: var(--primary);
    text-shadow: var(--primary-tshadow)
}

.table-list {
    width: 100%
}

thead tr {
    background: var(--primary)
}

thead tr th {
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
    text-transform: capitalize;
    padding: 12px 20px;
    color: var(--white);
    border-left: 1px solid var(--border)
}

thead tr th:first-child {
    border-radius: 0 6px 6px 0
}

thead tr th:last-child {
    border-left: none;
    border-radius: 6px 0 0 6px
}

tbody tr {
    border-bottom: 1px solid var(--border)
}

tbody tr td {
    padding: 8px;
    text-align: center;
    border-left: 1px solid var(--border)
}

tbody tr td:last-child {
    border-left: none
}

.table-name {
/*    white-space: nowrap;*/
    text-transform: capitalize
}

.table-image img {
    width: auto;
    height: 60px
}

.table-price h6 {
    white-space: nowrap
}

.table-price h6 small {
    font-size: 13px;
    margin-right: 3px;
    color: var(--gray);
}

.table-desc p {
    width: 150px;
    font-size: 15px;
    text-align: right
}

.table-desc p a {
    text-transform: capitalize
}

.table-desc p a:hover {
    text-decoration: underline
}

.table-vendor a {
    font-weight: 500;
    color: var(--heading);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.table-vendor a:hover {
    color: var(--primary)
}

.table-status h6 {
    text-transform: capitalize
}

.table-status .stock-in {
    color: var(--primary)
}

.table-status .stock-out {
    color: var(--red)
}

.table-shop {
    width: 180px
}

.table-shop .product-add {
    color: var(--white);
    background: var(--primary)
}

.table-shop .action-plus i, .table-shop .action-minus i {
    background: var(--white)
}

.table-action {
    white-space: nowrap;
    text-transform: capitalize
}

.table-action a i, .table-action button i {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    margin: 3px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.table-action .view i {
    color: var(--green);
    background: var(--white)
}

.table-action .view i:hover {
    color: var(--white);
    background: var(--green)
}

.table-action .wish i {
    color: var(--green);
    background: var(--white)
}

.table-action .wish.active i {
    color: var(--white);
    background: var(--green)
}

.table-action .trash i {
    color: var(--red);
    background: var(--white)
}

.table-action .trash i:hover {
    color: var(--white);
    background: var(--red)
}

@media (max-width: 1199px) {
    .table-scroll {
        overflow-x: scroll
    }
}


.order-track {
    margin-bottom: 25px
}

.order-track-list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border-radius: 8px;
    background: var(--chalk)
}

.order-track-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.order-track-item::before {
    position: absolute;
    content: "";
    top: 20px;
    right: 0;
    width: 100%;
    height: 5px;
    z-index: -1;
    background: var(--white)
}

.order-track-item:first-child::before {
    border-radius: 0 50px 50px 0
}

.order-track-item:last-child::before {
    border-radius: 50px 0 0 50px
}

.order-track-item i {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 42px;
    border-radius: 50%;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
    color: var(--primary);
    background: var(--white);
    border: 2px solid var(--primary)
}

.order-track-item span {
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    color: var(--heading);
    text-transform: capitalize
}

.order-track-item.active::before {
    background: var(--primary)
}

.order-track-item.active i {
    color: var(--white);
    background: var(--primary)
}

.order-track-item.active span {
    color: var(--primary)
}

@media (max-width: 575px) {
    .order-track {
        overflow-x: scroll
    }

    .order-track-list {
        width: 575px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .order-track-item span {
        white-space: inherit
    }
}

.nav-pills .nav-link {
    font-weight: 400;
    list-style: decimal
}

.nav-pills .nav-link.active {
    color: var(--primary);
    background: 100% 0
}

@media (max-width: 991px) {
    .nav {
        margin-bottom: 30px
    }
}

.suggest-card {
    position: relative
}

.suggest-card::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(0, 0, 0, .4);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.suggest-card:hover::before {
    background: rgba(17, 151, 68, .9)
}

.suggest-card img {
    width: 100%;
    border-radius: 8px
}

.suggest-card h5 {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    text-align: center;
    transform: translate(50%, -50%);
    color: var(--white);
    font-weight: 400;
    text-transform: capitalize;
    text-shadow: var(--primary-tshadow)
}

.suggest-card h5 span {
    display: block;
    font-size: 15px;
    font-weight: 300
}

@media (max-width: 400px) {
    .suggest-card h5 {
        font-size: 16px;
        line-height: 24px
    }

    .suggest-card h5 span {
        font: 14px
    }
}

.product-card {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    padding: 15px 18px;
    border-radius: 8px;
    background: var(--white);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.product-card:hover {
    border-color: var(--primary);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .1)
}

.product-card:hover .product-widget {
    opacity: 1;
    bottom: 15px
}

.product-card:hover .product-add {
    color: var(--white);
    background: var(--primary)
}

.product-media {
    position: relative
}

.product-label {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.label-text {
    font-size: 14px;
    padding: 5px 8px;
    line-height: 13px;
    border-radius: 3px;
    margin-bottom: 5px;
    color: var(--white);
    text-align: center;
    text-transform: capitalize
}

.label-text.off {
    background: var(--red)
}

.label-text.new {
    background: var(--green)
}

.label-text.sale {
    background: var(--orange)
}

.label-text.feat {
    background: var(--purple)
}

.label-text.rate {
    background: var(--yellow)
}

.label-text.order {
    background: var(--blue)
}

.label-text.out-of-stock {
    background: #ff4757 !important;
    color: white !important;
    border-color: #ff4757 !important;
}

.label-text.off {
    background: #ff3838 !important;
    color: white !important;
    border-color: #ff3838 !important;
}

.label-text.sale {
    background: #2ed573 !important;
    color: white !important;
    border-color: #2ed573 !important;
}

.label-text.new {
    background: #3742fa !important;
    color: white !important;
    border-color: #3742fa !important;
}

.label-text.rating {
    background: #ff9f1a !important;
    color: white !important;
    border-color: #ff9f1a !important;
}

.label-text.featured {
    background: orange !important;
    color: white !important;
    border-color: orange !important;
}

.label-text.out-of-stock {
    background: red !important;
    color: white !important;
    border-color: red !important;
}

.product-wish {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--gray-chalk);
    transition: .5s ease-in-out
}

.product-wish:hover {
    color: var(--primary)
}

.product-wish.active {
    color: var(--primary)
}

.product-image {
    width: 100%
}

.product-image img {
    width: 100%
}

.product-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.product-widget a {
    width: 40px;
    height: 40px;
    font-size: 15px;
    margin: 0 6px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    color: var(--white);
    background: var(--primary);
    text-shadow: var(-primary-tshadow);
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, .12)
}

.product-content {
    padding-top: 12px;
    direction: rtl;
}

.product-rating {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 3px
}

.product-rating i, .product-rating a {
    font-size: 1.2em;
    margin: 0 2px;
    color: var(--gray)
}

.product-rating a {
    white-space: nowrap;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.product-rating a:hover {
    color: var(--primary);
    text-decoration: underline
}

.product-rating .active {
    color: var(--primary)
}

.product-name {
    margin-bottom: 3px;
    text-transform: capitalize;
    height: 50px;
}

.product-name a {
    color: var(--sub-heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    text-align: justify;
}

.product-name a:hover {
    color: var(--primary)
}

.product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: baseline;
    direction: rtl;
    font-size: 1.2em;
    height: 4em;
}

.product-price del {
    color: var(--red);
    margin-left: 8px;
    display: block;
}

.product-price span {
    color: var(--primary);
    white-space: nowrap;
    display: block;
}

.product-price span small {
    font-weight: 400
}

.product-disable {
    position: relative
}

.product-disable:hover {
    border-color: var(--border);
    box-shadow: none
}

.product-disable:hover .product-add {
    color: var(--heading);
    background: var(--border)
}

.product-disable .product-widget {
    visibility: hidden
}

.product-disable::before {
    position: absolute;
    content: "Out of Stock";
    top: 40%;
    right: 50%;
    z-index: 2;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: var(--primary-tshadow);
    transform: translate(50%, -50%);
    color: var(--white);
    background: rgba(224, 152, 22, .9)
}

.product-disable::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(255, 255, 255, .6)
}

@media (max-width: 575px) {
    .product-card {
        padding: 8px;
        margin-bottom: 8px
    }

    .product-name {
        line-height: 1.5em;
    }
}

.feature-card {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    padding: 18px;
    border-radius: 8px;
    background: var(--white);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.feature-card:hover {
    border-color: var(--primary);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .1)
}

.feature-card:hover .feature-widget {
    opacity: 1;
    bottom: 15px
}

.feature-card:hover .feature-add {
    color: var(--white);
    background: var(--primary)
}

.feature-media {
    position: relative
}

.feature-label {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.label-text {
    font-size: 14px;
    padding: 5px 8px;
    line-height: 13px;
    border-radius: 5px;
    margin-bottom: 5px;
    color: var(--white);
    text-align: center;
    text-transform: capitalize
}

.label-text.off {
    background: var(--red)
}

.label-text.new {
    background: var(--green)
}

.label-text.sale {
    background: var(--orange)
}

.label-text.feat {
    background: #8493ca
}

.label-text.rate {
    background: var(--yellow)
}

.label-text.order {
    background: var(--blue)
}

.feature-wish {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: var(--gray-chalk);
    transition: .5s ease-in-out
}

.feature-wish:hover {
    color: var(--primary)
}

.feature-wish.active {
    color: var(--primary)
}

.feature-image img {
    width: 170px
}

.feature-widget {
    display: flex;
    align-items: center;
    justify-content: center;
/*    position: absolute;*/
    position:inherit;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    margin-top: 30px;
}

.feature-widget a {
    width: 40px;
    height: 40px;
    font-size: 15px;
    margin: 0 6px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    color: var(--white);
    background: var(--primary);
    text-shadow: var(-primary-tshadow);
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, .12)
}

.feature-content {
    width: 100%;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid var(--border);
    min-width: 60%;
}

.feature-content .product-add {
    width: 60px;
    height: 34px
}

.feature-content .product-add:hover {
    background: var(--primary);
    color: var(--white)
}

.feature-rating {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 3px
}

.feature-rating i, .feature-rating a {
    font-size: 1em;
    margin: 0 2px;
    color: var(--gray)
}

.feature-rating a {
    white-space: nowrap;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.feature-rating a:hover {
    color: var(--primary);
    text-decoration: underline
}

.feature-rating .active {
    color: var(--primary)
}

.feature-name {
    margin-bottom: 3px;
    text-transform: capitalize;
    height: 50px;
}

.feature-name a {
    color: var(--sub-heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.feature-name a:hover {
    color: var(--primary)
}

.feature-price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 10px;
    font-size: 1.2em;
    display: block;
    height: 40px;
}

.feature-price del {
    color: var(--red);
    margin-left: 8px
}

.feature-price span {
    color: var(--primary);
    white-space: nowrap;
    display: block;
}

.feature-price span small {
    font-weight: 400
}

.feature-desc {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: justify;
    height: 50px;
}

@media (max-width: 575px) {
    .feature-card {
        padding: 8px;
        margin-bottom: 15px
    }

    .feature-image img {
        width: 100%
    }

    .feature-name {
        font-size: 1.2em;
        line-height: 1.6em;
    }
}

@media (max-width: 450px) {
    .feature-card {
        align-items: center
    }

    .feature-content {
        width: 100%;
        padding-right: 5px;
        margin-right: 5px;
        border-right: 1px solid var(--border);
        min-width: 60%;
    }

    .feature-desc {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature-image img {
        width: 190px
    }

    .top-part .feature-image img {
        width: 72px !important
    }

    .top-part .feature-content {
        padding-right: 8px;
        margin-right: 8px
    }
}

.product-standard {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 8px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.product-standard:hover {
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .1)
}

.product-standard:hover .standard-widget {
    opacity: 1;
    bottom: 15px
}

.product-standard:hover .standard-add {
    color: var(--white);
    background: var(--primary)
}

.standard-media {
    position: relative
}

.standard-label-group {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1
}

.standard-label {
    font-size: 14px;
    padding: 5px 8px;
    line-height: 13px;
    border-radius: 3px;
    text-transform: capitalize;
    color: var(--white)
}

.standard-label.off {
    background: var(--red)
}

.standard-label.new {
    background: var(--green)
}

.standard-label.sale {
    background: var(--orange)
}

.standard-label.feat {
    background: var(--purple)
}

.standard-label.rate {
    background: var(--yellow)
}

.standard-image img {
    width: 220px
}

.standard-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.standard-widget a {
    width: 40px;
    height: 40px;
    font-size: 15px;
    margin: 0 6px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    color: var(--white);
    background: var(--primary);
    text-shadow: var(-primary-tshadow);
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, .12)
}

.standard-content {
    width: 100%;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid var(--border)
}

.standard-name {
    margin-bottom: 5px;
    text-transform: capitalize
}

.standard-name a {
    color: var(--sub-heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.standard-name a:hover {
    color: var(--primary)
}

.standard-price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 5px
}

.standard-price del {
    color: var(--red);
    margin-left: 12px
}

.standard-price span {
    color: var(--primary);
    white-space: nowrap
}

.standard-price span small {
    font-weight: 400
}

.standard-rating {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px
}

.standard-rating i, .standard-rating a {
    font-size: 14px;
    margin-left: 3px;
    color: var(--gray)
}

.standard-rating a {
    white-space: nowrap;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.standard-rating a:hover {
    color: var(--primary);
    text-decoration: underline
}

.standard-rating .active {
    color: var(--primary)
}

.standard-desc {
    margin-bottom: 20px
}

.standard-action-group {
    display: grid;
    grid-gap: 15px;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))
}

.standard-action-group .product-add, .standard-action-group .action-input {
    padding: 10px 0;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--white);
    background: var(--primary)
}

.standard-action-group .product-add {
    font-size: 14px;
    font-weight: 500
}
.product-add span {
    padding-right: 5px;
}
.standard-wish {
    padding: 10px 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.standard-wish i {
    font-size: 16px;
    margin-left: 6px
}

.standard-wish span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase
}

.standard-wish {
    color: var(--primary);
    background: var(--border)
}

.standard-wish.active {
    color: var(--white);
    background: var(--primary)
}

.standard-action {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}

.standard-action button i, .standard-action a i {
    width: 35px;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    color: var(--text);
    background: var(--border);
    text-shadow: var(--primary-tshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.standard-action button i:hover, .standard-action a i:hover {
    color: var(--white);
    background: var(--primary)
}

.standard-action input {
    width: 100%;
    height: 45px;
    margin: 0 8px;
    font-size: 15px;
    line-height: 14px;
    border-radius: 5px;
    letter-spacing: .3px;
    text-align: center;
    color: var(--white);
    background: var(--primary);
    text-shadow: var(--primary-tshadow)
}

@media (max-width: 575px) {
    .product-standard {
        padding: 10px
    }

    .standard-image img {
        width: 130px
    }

    .standard-content {
        margin-right: 10px;
        padding-right: 10px
    }

    .standard-name {
        font-size: 16px;
        margin-bottom: 3px
    }

    .standard-price {
        font-size: 15px;
        margin-bottom: 3px
    }

    .standard-rating {
        margin-bottom: 6px
    }

    .standard-desc {
        display: none
    }

    .standard-action-group {
        grid-gap: 10px;
        grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))
    }

    .standard-action input {
        height: 38px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .standard-image img {
        width: 150px
    }

    .standard-content {
        margin-right: 10px;
        padding-right: 10px
    }

    .standard-name {
        font-size: 18px
    }

    .standard-price {
        font-size: 16px
    }

    .standard-desc {
        display: none
    }

    .standard-action-group {
        grid-gap: 10px;
        grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))
    }

    .product-add, .standard-wish {
        padding: 8px 0
    }

    .product-add i, .standard-wish i {
        display: none
    }

    .standard-action input {
        height: 38px
    }
}

.choose-card {
    display: flex
}

.choose-card:hover i {
    color: var(--white);
    background: var(--primary)
}

.choose-icon i {
    width: 75px;
    height: 75px;
    font-size: 40px;
    line-height: 75px;
    border-radius: 50%;
    margin-left: 30px;
    text-align: center;
    display: inline-block;
    color: var(--primary);
    background: var(--white);
    text-shadow: var(--primary-tshadow);
    box-shadow: var(--primary-bshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.choose-text h4 {
    margin-bottom: 10px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-card {
    overflow: hidden;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 30px;
    background: var(--white)
}

.blog-card:hover .blog-img img {
    transform: scale(1.05)
}

.blog-media {
    position: relative
}

.blog-calender {
    position: absolute;
    bottom: -10px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100px;
    height: 60px;
    border-radius: 10px;
    color: var(--white);
    background: var(--primary);
}

.blog-calender span {
    line-height: 20px
}

.blog-date {
    font-size: 20px;
    font-weight: 500
}

.blog-month {
    font-size: 14px;
    letter-spacing: .3px;
    text-transform: uppercase;
    text-align: center;
}

.blog-img {
    overflow: hidden;
    width: 100%;
    border-radius: 20px
}

.blog-img img {
    width: 100%;
    border-radius: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-content {
    padding: 10px 15px 15px
}

.blog-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 15px
}

.blog-meta li {
    display: flex;
    align-items: center;
    margin-left: 30px
}

.blog-meta li:last-child {
    margin: 0
}

.blog-meta li i {
    color: var(--primary);
    margin-left: 8px;
    font-size: 15px
}

.blog-meta li a, .blog-meta li span {
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    text-transform: uppercase
}

.blog-meta li a {
    color: var(--text);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-meta li a:hover {
    color: var(--primary)
}

.blog-title {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
    height: 50px;
}

.blog-title a {
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-title a:hover {
    color: var(--primary)
}

.blog-desc {
    font-size: 17px;
    line-height: 28px;
    color: var(--gray);
    margin-bottom: 40px
}

.blog-btn {
    font-size: 15px;
    font-weight: 500;
    color: var(--primary);
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-btn i {
    font-size: 17px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-btn:hover {
    color: var(--primary)
}

.blog-btn:hover i {
    margin-right: 5px
}

.offer-card {
    margin-bottom: 30px;
    background: var(--white);
    border-radius: 10px
}

.offer-card a {
    width: 100%
}

.offer-card a img {
    width: 100%;
    border-radius: 10px
}

.offer-div {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-radius: 0 0 8px 8px
}

.offer-div h5 {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase
}

.offer-div button, .offer-div span {
    font-size: 15px;
    font-weight: 500;
    color: var(--primary);
    text-transform: capitalize
}

@media (min-width: 351px) and (max-width: 575px) {
    .offer-card {
        width: 320px;
        margin: 0 auto 30px
    }
}

.account-card {
    margin-bottom: 5px;
    border-radius: 8px;
    padding: 0 5px 5px;
    background: var(--white)
}

.account-title {
    padding: 10px 10px 10px 0;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border)
}

.account-title::before {
    position: absolute;
    content: "";
    bottom: -2px;
    right: 0;
    width: 100px;
    height: 3px;
    background: var(--primary)
}

.account-title h4 {
    text-transform: capitalize
}

.account-title button, .account-title a {
    border: none;
    font-weight: 500;
    border-radius: 1rem;
    letter-spacing: .3px;
    padding: 5px 15px;
    white-space: nowrap;
    text-transform: capitalize;
    color: var(--white);
    background: var(--primary);
    text-shadow: var(--primary-tshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.account-title button:hover, .account-title a:hover {
    color: var(--white);
    background: #8493ca
}

@media (max-width: 575px) {
    .account-card {
        padding: 0 15px 15px
    }
}

.profile-card {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 2px solid var(--white);
    background: var(--chalk);
    position: relative;
    cursor: pointer
}

.profile-card:hover ul {
    visibility: visible;
    opacity: 1
}

.profile-card h6 {
/*    color: var(--text);*/
    margin-bottom: 10px;
    text-transform: capitalize
}

.profile-card p {
    text-transform: capitalize
}

.profile-card ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 15px;
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.profile-card ul li {
    margin: 5px 0
}

.profile-card ul li button {
    width: 30px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    background: var(--white);
    text-shadow: var(--primary-tshadow);
    box-shadow: var(--primary-bshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.profile-card ul .edit {
    color: var(--green)
}

.profile-card ul .edit:hover {
    color: var(--white);
    background: var(--green)
}

.profile-card ul .trash {
    color: var(--red)
}

.profile-card ul .trash:hover {
    color: var(--white);
    background: var(--red)
}

.profile-card.active {
    border-color: var(--green);
    background-color: var(--green);
    color: #ffffff;
}

.payment-card {
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 25px;
    background: var(--chalk);
    border: 2px solid var(--white);
    position: relative;
    cursor: pointer
}

.payment-card:hover button {
    visibility: visible;
    opacity: 1
}

.payment-card img {
    margin-bottom: 18px
}

.payment-card h4 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.payment-card p {
    color: var(--heading);
    margin-bottom: 5px
}

.payment-card p span {
    font-size: 20px;
    margin-left: 10px;
    letter-spacing: 2px
}

.payment-card p sup {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px
}

.payment-card h5 {
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize
}

.payment-card button {
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: 0;
    visibility: hidden;
    width: 30px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    background: var(--white);
    text-shadow: var(--primary-tshadow);
    box-shadow: var(--primary-bshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.payment-card .trash {
    color: var(--red)
}

.payment-card .trash:hover {
    color: var(--white);
    background: var(--red)
}

.payment-card.active {
    border-color: var(--primary)
}

@media (max-width: 575px) {
    .payment-card p span {
        margin-left: 8px
    }
}

.contact-card {
    text-align: center;
    border-radius: 8px;
    margin: 0 2.5px;
    padding: 20px;
    background: var(--white);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.contact-card:hover {
    background: var(--primary)
}

.contact-card:hover i {
    color: var(--primary);
    background: var(--white)
}

.contact-card:hover h4, .contact-card:hover p, .contact-card:hover a {
    color: var(--white)
}

.contact-card i {
    width: 50px;
    height: 50px;
    font-size: 22px;
    line-height: 50px;
    border-radius: 50%;
    margin-bottom: 15px;
    text-align: center;
    display: inline-block;
    color: var(--white);
    background: var(--primary);
    text-shadow: var(--primary-tshadow);
    box-shadow: var(--primary-bshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.contact-card h4 {
    margin-bottom: 18px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.contact-card p {
    width: 250px;
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.contact-card p a {
    font-size: 18px;
    line-height: 30px;
    display: block;
    color: var(--text);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.contact-card.active {
    background: var(--primary)
}

.contact-card.active i {
    color: var(--primary);
    background: var(--white)
}

.contact-card.active h4, .contact-card.active p, .contact-card.active a {
    color: var(--white)
}

.branch-card {
    margin: 0 2.5px 30px;
    position: relative
}

.branch-card:hover::before {
    background: rgba(135, 64, 221, .85)
}

.branch-card:hover .branch-overlay {
    top: 50%
}

.branch-card:hover .branch-overlay p {
    opacity: 1
}

.branch-card::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(0, 0, 0, .45);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.branch-card img {
    width: 100%;
    border-radius: 8px
}

.branch-overlay {
    position: absolute;
    top: 60%;
    right: 0;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    transform: translateY(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.branch-overlay h3 {
    color: var(--white);
    letter-spacing: .3px;
    margin-bottom: 8px;
    text-transform: capitalize;
    text-shadow: var(--primary-tshadow)
}

.branch-overlay p {
    width: 200px;
    margin: 0 auto;
    letter-spacing: .3px;
    color: var(--white);
    opacity: 0;
    text-transform: capitalize;
    text-shadow: var(--primary-tshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.team-media {
    overflow: hidden;
    position: relative;
    border-radius: 8px
}

.team-media:hover img {
    transform: scale(1.05)
}

.team-media:hover .team-overlay {
    top: 0;
    opacity: 1
}

.team-media:hover .team-overlay a {
    padding-top: 0
}

.team-media img {
    width: 100%;
    border-radius: 8px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.team-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    opacity: 0;
    background: rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.team-overlay a {
    width: 36px;
    height: 36px;
    font-size: 15px;
    line-height: 36px;
    margin: 0 5px;
    text-align: center;
    border-radius: 50%;
    color: var(--text);
    background: var(--white);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.team-overlay a:hover {
    background: var(--primary);
    color: var(--white)
}

.team-meta {
    text-align: center
}

.team-meta h5 {
    text-transform: capitalize
}

.team-meta h5 a {
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.team-meta h5 a:hover {
    color: var(--primary)
}

.team-meta p {
    font-size: 15px;
    text-transform: capitalize
}

@media (max-width: 575px) {
    .team-card {
        width: 290px;
        margin: 0 auto 50px
    }
}

.header-top {
    padding: 8px 0;
    background: var(--primary)
}

.header-top-welcome p {
    font-size: 1em;
    color: var(--white);
    letter-spacing: .3px
}

.header-top-select {
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-select {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-select:last-child {
    border: none
}

.header-select i {
    font-size: 16px;
    margin-left: 8px;
    color: var(--white)
}

.header-select .nice-select {
    line-height: 20px
}

.header-select .nice-select .list {
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: absolute;
    border-radius: 8px;
    top: calc(100% + 0.4rem);
    background-color: #fff;
    box-shadow: rgb(0 0 0/16%) 0 6px 12px
}

.header-select .nice-select::after {
    border-left-color: var(--white);
    border-bottom-color: var(--white);
    height: 7px;
    width: 7px
}

.header-select .nice-select .current {
    color: var(--white)
}

.header-top-list {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-top-list li {
    margin-right: 35px
}

.header-top-list li a {
    font-size: 14px;
    color: var(--white);
    letter-spacing: .3px;
    white-space: nowrap;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.header-top-list li a:hover {
    color: var(--green-chalk)
}

@media (max-width: 767px) {
    .header-top-welcome, .header-top-list {
/*        display: none*/
    }

    .header-top-select {
        width: 270px;
        margin: 0 auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-top-welcome {
        text-align: center;
        margin-bottom: 10px
    }
}

.header-part {
    background: var(--white);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.header-part .container {
    padding: 18px 9px
}

.header-part.active {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 3;
    background: var(--white);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.header-part.active .header-widget:hover i {
    background: var(--primary)
}

.header-part.active .header-widget i {
    background: var(--chalk)
}

.header-part.active .header-widget sup {
    border-color: var(--white)
}

.header-part.active .header-form {
    border-color: var(--primary)
}


.navbar-part.active {
  position: fixed;
  top: 86px; /* ارتفاع .header-part ثابت بالا را لحاظ کن */
  width: 100%;
  z-index: 999;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 3;
}


.header-content-group {
    display: flex;
    align-items: center;
/*    justify-content: center;*/
    justify-content: space-around;
}

.header-logo {
    margin-left: 50px
}

.header-logo img {
    width: auto;
/*    height: 50px*/
    height: 80px
}

.header-widget-group {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-widget {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-widget:hover i {
    color: var(--white);
    background: var(--primary);
    text-shadow: var(--primary-tshadow)
}

.header-widget img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.header-widget i {
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: var(--text);
    background: var(--chalk);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.header-cate i {
    font-size: 18px;
    line-height: 50px
}

.header-widget span {
    font-weight: 400;
    margin-right: 8px;
    white-space: nowrap;
    text-transform: capitalize;
    color: var(--heading)
}

.header-widget sup {
    position: absolute;
    top: -12px;
    right: 20px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    background: var(--primary);
    border: 2px solid var(--white);
    text-shadow: var(--primary-tshadow)
}

.header-widget .icofont-shopping-cart {
    font-size: 18px
}

.header-form {
    width: 100%;
    max-width: 500px;
    margin: 0 50px;
    border-radius: 8px;
    background: var(--chalk);
    border: 2px solid var(--chalk);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.header-form:focus-within {
    border-color: var(--primary)
}

.header-form input {
    width: 100%;
    height: 45px;
    font-size: 12px;
    padding-right: 15px
}

.header-form button i {
    width: 45px;
    height: 45px;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    border-radius: 8px;
    color: var(--text);
    display: inline-block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.header-form button i:hover {
    color: var(--primary)
}

.header-widget-group.right .header-widget {
    margin-right: 20px
}

.header-widget-group.right .header-widget:first-child {
    margin-right: 0
}

.header-widget-group.left .header-src, .header-widget-group.left .header-user {
    display: none
}

@media (max-width: 991px) {
    .header-part .container-fluid {
        padding: 10px 15px
    }

    .header-content-group {
        flex-direction: column
    }

    .header-logo {
        margin: 0
    }

    .header-logo img {
        height: 45px
    }

    .header-widget-group.left .header-src, .header-widget-group.left .header-user {
        display: block
    }

    .header-widget-group.right, .header-cate {
        display: none
    }

    .header-widget-group {
        width: 100%;
        justify-content: space-between
    }

    .header-form {
        display: none;
        margin: 10px 0 0
    }

    .header-form.active {
        display: flex
    }

    .search-btn {
        display: block;
        text-align: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-widget span {
        display: none
    }
}

.navbar-part {
    background: var(--white);
    border-top: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

.navbar-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.navbar-list {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.navbar-item {
    margin-left: 10px;
}

.navbar-item:last-child {
    margin-left: 0
}

.navbar-link {
    padding: 22px 5px;
    font-weight: 500;
    color: var(--text);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.navbar-link:hover {
    color: var(--primary)
}

.navbar-focus-list {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.navbar-focus-list li {
    margin-right: 30px
}

.navbar-focus-list li:first-child {
    margin-right: 0
}

.navbar-focus-list li a {
    font-weight: 500;
    color: var(--text);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.navbar-focus-list li a:hover {
    color: var(--primary)
}

.navbar-focus-list li a i {
    font-size: 18px;
    margin-left: 5px
}

.navbar-info-group {
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-info {
    margin-left: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.navbar-info:last-child {
    margin-left: 0
}

.navbar-info i {
    font-size: 30px;
    margin-left: 15px;
    color: var(--primary)
}

.navbar-info p small {
    font-size: 14px;
    line-height: 16px;
    display: block;
    text-align: right;
    text-transform: capitalize
}

.navbar-info p span {
    font-size: 15px;
    font-weight: 500
}

@media (max-width: 991px) {
    .navbar-part {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-part .container-fluid {
        padding: 0 30px
    }

    .navbar-list li {
        margin-left: 18px
    }

    .navbar-link {
        font-size: 15px
    }

    .navbar-info {
        margin-left: 15px
    }

    .navbar-info p span {
        font-size: 14px
    }

    .navbar-info i {
        margin-left: 10px
    }
}

.category-part {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  transition: all linear .2s
}

.category-container {
  position: absolute;
  top: 0;
  right: -320px;
  width: 280px;
  height: 100vh;
  background: var(--white);
  box-shadow: -15px 0 25px 0 rgba(0, 0, 0, .15);
  transition: all linear .3s;
  display: flex; /* افزوده شده */
  flex-direction: column; /* افزوده شده */
}

.category-part.active {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .5)
}

.category-part.active .category-container {
  right: 0
}

.category-header {
  padding: 15px;
  position: relative;
  text-align: center;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

.category-header a img {
  width: auto;
  height: 40px
}

.category-close {
  position: absolute;
  top: 50%;
  left: -18px;
  transform: translateY(-50%)
}

.category-close i {
  width: 35px;
  height: 35px;
  font-size: 18px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: var(--text);
  background: var(--white);
  text-shadow: var(--primary-tshadow);
  transition: all linear .3s;
}

.category-close i:hover {
  color: var(--white);
  background: var(--primary)
}

.category-list {
  width: 100%;
  padding: 10px 18px;
  overflow-y: auto; /* تغییر داده‌شده */
  flex: 1; /* افزوده‌شده */
}

.category-list li {
  width: 100%
}

.cate-link {
  font-size: 16px;
  font-weight: 400;
  padding: 15px 0;
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: capitalize;
  transition: all linear .3s;
}

.cate-link:hover {
  color: var(--primary)
}

.cate-link i {
  font-size: 28px;
  margin-left: 15px
}

.category-footer {
  text-align: center;
  padding: 15px 10px; /* بهتر از margin-top */
  background: #fff;
  border-top: 1px solid var(--border);
  flex-shrink: 0;
}

.category-footer p {
  font-size: 10px;
  color: var(--gray)
}

.category-footer p a {
  color: var(--primary)
}


.cart-part {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    transition: all linear .2s
}

.cart-container {
    position: absolute;
    top: 0;
    left: -450px;
    width: 400px;
    height: 100vh;
    background: var(--white);
    box-shadow: 15px 0 25px 0 rgba(0, 0, 0, .15);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.cart-part.active {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.cart-part.active .cart-container {
    left: 0
}

.cart-header {
    padding: 18px 25px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid var(--border)
}

.cart-total {
    display: flex;
    align-items: center;
    justify-content: center
}

.cart-total i {
    font-size: 20px;
    margin-left: 8px;
    color: var(--primary)
}

.cart-total span {
    font-weight: 500;
    color: var(--primary);
    text-transform: capitalize
}

.cart-close {
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%)
}

.cart-close i {
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: var(--text);
    background: var(--white);
    text-shadow: var(--primary-tshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.cart-close i:hover {
    color: var(--white);
    background: var(--primary)
}

.cart-list {
    height: 100%;
    padding: 0 15px;
    max-height: calc(100vh - 210px);
    overflow-y: scroll
}

.cart-item {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid var(--border)
}

.cart-item:hover .cart-media button {
    transform: scale(1)
}

.cart-item:last-child {
    border-bottom: none
}

.cart-media {
    position: relative;
    margin-left: 25px
}

.cart-media a img {
    width: 80px;
    border-radius: 8px
}

.cart-media button {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(0, 0, 0, .2);
    transform: scale(0);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.cart-media button i {
    width: 28px;
    height: 28px;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    color: var(--red);
    background: rgba(255, 255, 255, .9);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.cart-media button i:hover {
    color: var(--white);
    background: var(--red)
}

.cart-info-group {
    width: 100%
}

.cart-info {
    margin-bottom: 13px
}

.cart-info h6 {
    font-weight: 400;
    text-transform: capitalize
}

.cart-info h6 a {
    color: var(--heading)
}

.cart-info p {
    font-size: 12px
}

.cart-action-group {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between
}

.cart-action-group .product-action {
    display: flex
}

.cart-action-group .product-action button i {
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    border-radius: 5px
}

.cart-action-group .product-action input {
    width: 45px;
    height: 30px;
    font-size: 14px;
    border-radius: 5px;
    color: var(--primary);
    background: var(--chalk)
}

.cart-action-group h6 {
    font-weight: 500;
    color: var(--primary)
}

.cart-footer {
    padding: 15px 15px 0;
    text-align: center;
    box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, .08)
}

.coupon-btn {
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--primary);
    text-shadow: var(--primary-tshadow)
}

.coupon-btn:hover {
    text-decoration: underline
}

.coupon-form {
    padding: 3px;
    border-radius: 8px;
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: none
}

.coupon-form:focus-within {
    border-color: var(--primary)
}

.coupon-form input {
    width: 100%;
    height: 28px;
    padding: 0 5px
}

.coupon-form button span {
    width: 70px;
    height: 28px;
    font-size: 10px;
    line-height: 28px;
    border-radius: 8px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    background: var(--primary)
}

.cart-checkout-btn {
    padding: 10px 0;
    border-radius: 8px;
    background: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.cart-checkout-btn:hover {
    background: var(--heading)
}

.checkout-label {
    width: 50%;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: .3px;
    text-align: center;
    text-transform: capitalize;
    color: var(--white)
}

.checkout-price {
    padding: 0 20px;
    letter-spacing: .3px;
    color: var(--white);
    border-right: 1px solid var(--border)
}

@media (max-width: 450px) {
    .cart-part {
        overflow-y: scroll;
        transform: scale(0);
        transition: all linear .3s;
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -ms-transition: all linear .3s;
        -o-transition: all linear .3s
    }

    .cart-container {
        left: 0;
        width: 100%;
        height: auto;
        margin: 80px 0 0;
        border-radius: 15px 15px 0 0
    }

    .cart-part.active {
        transform: scale(1);
        transform-origin: top
    }

    .cart-close {
        right: 50%;
        top: -45px;
        bottom: inherit;
        transform: translateX(50%);
        border-radius: 50px 50px 0 0;
        box-shadow: 0 -8px 10px 0 rgba(0, 0, 0, .15)
    }

    .cart-list {
        max-height: 100%
    }

    .cart-footer {
        margin-bottom: 30px
    }
}

.mobile-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 5;
    transition: all linear .2s
}

.nav-container {
    position: absolute;
    top: 0;
    right: -320px;
    padding: 0;
    width: 280px;
    height: 100vh;
    background: var(--white);
    box-shadow: -15px 0 25px 0 rgba(0, 0, 0, .15);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.mobile-nav.active {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.mobile-nav.active .nav-container {
    right: 0
}

.nav-header {
    padding: 15px 0;
    position: relative;
    text-align: center;
    border-bottom: 1px solid var(--border)
}

.nav-header a img {
    width: auto;
    height: 40px
}

.nav-close {
    position: absolute;
    top: 50%;
    left: -18px;
    transform: translateY(-50%)
}

.nav-close i {
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: var(--text);
    background: var(--white);
    text-shadow: var(--primary-tshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.nav-close i:hover {
    color: var(--white);
    background: var(--primary)
}

.nav-content {
    padding: 0 18px;
    overflow-y: scroll;
    max-height: calc(100vh - 100px)
}

.nav-profile {
    width: 100%;
    text-align: center;
    padding: 18px 0 0
}

.nav-user {
    margin-bottom: 10px;
    border-radius: 50%;
    border: 2px solid var(--primary)
}

.nav-user img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 2px solid var(--white)
}

.nav-name {
    margin-bottom: 18px;
    text-transform: capitalize
}

.nav-name a {
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.nav-name a:hover {
    color: var(--primary)
}

.nav-select-group {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border)
}

.nav-select {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 18px;
    padding-left: 18px;
    line-height: 20px;
    border-left: 1px solid var(--gray-chalk)
}

.nav-select:last-child {
    padding: 0;
    margin: 0;
    border: none
}

.nav-select i {
    margin-left: 5px
}

.nav-list {
    width: 100%
}

.nav-list li {
    width: 100%
}

.nav-link {
    width: 100%;
    font-weight: 500;
    padding: 5px 5px;
    border-radius: 8px;
    color: var(--text);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.nav-link:hover {
    color: var(--primary);
    background: var(--green-chalk)
}

.nav-link::before {
    left: 15px
}

.nav-link i {
    font-size: 20px;
    margin-left: 12px
}

.nav-info-group {
    padding: 20px 0;
    margin-top: 15px;
    margin-bottom: 25px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border)
}

.nav-info {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.nav-info:last-child {
    margin-bottom: 0
}

.nav-info i {
    font-size: 30px;
    margin-left: 15px;
    color: var(--primary)
}

.nav-info p small {
    line-height: 18px;
    display: block;
    text-align: right;
    text-transform: capitalize
}

.nav-info p span {
    font-weight: 500
}

.nav-footer {
    text-align: center
}

.nav-footer p {
    color: var(--gray)
}

.nav-footer p a {
    color: var(--primary)
}

.mobile-menu {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 3;
    background: var(--white);
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    display: none;
    border-radius: 20px 20px 0 0
}

.mobile-menu a, .mobile-menu button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 80px;
    padding: 10px 0;
    border-radius: 8px;
    position: relative
}

.mobile-menu a:hover, .mobile-menu button:hover {
    background: var(--chalk)
}

.mobile-menu a:hover i, .mobile-menu button:hover i {
    color: var(--primary)
}

.mobile-menu a:hover span, .mobile-menu button:hover span {
    color: var(--primary)
}

.mobile-menu a i, .mobile-menu button i {
    font-size: 15px;
    margin-bottom: 5px;
    color: var(--text);
    text-shadow: -2px 3px 8px rgba(0, 0, 0, .1)
}

.mobile-menu a span, .mobile-menu button span {
    font-size: 10px;
    line-height: 12px;
    color: var(--text);
    text-transform: uppercase
}

.mobile-menu a sup, .mobile-menu button sup {
    position: absolute;
    top: -5px;
    right: 75%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    transform: translateX(50%);
    color: var(--white);
    background: var(--primary);
    border: 2px solid var(--green-chalk);
    text-shadow: var(--primary-tshadow)
}

.mobile-menu a .icofont-shopping-cart, .mobile-menu button .icofont-shopping-cart {
    font-size: 18px
}

@media (max-width: 991px) {
    .mobile-menu {
        display: flex
    }
}

.product-view {
    max-width: 100%;
    border-radius: 8px;
    background: var(--white)
}

.view-gallery {
    margin: 30px;
    position: relative
}

.view-label-group {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.view-label {
    font-size: 15px;
    padding: 6px 10px;
    margin-bottom: 6px;
    line-height: 13px;
    border-radius: 3px;
    text-align: center;
    text-transform: capitalize;
    color: var(--white);
    z-index: 1;
}

.view-label:last-child {
    margin-bottom: 0
}

.view-label.off {
    background: var(--red)
}

.view-label.new {
    background: var(--green)
}

.view-label.sale {
    background: var(--orange)
}

.view-label.feat {
    background: var(--purple)
}

.view-label.rate {
    background: var(--yellow)
}

.view-details {
    margin: 30px
}

.view-name {
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.view-name a {
    color: var(--heading)
}

.view-name a:hover {
    color: var(--primary)
}

.view-meta {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.view-meta p {
    font-size: 13px;
    margin-left: 20px;
    text-transform: uppercase;
    color: var(--placeholder)
}

.view-meta span, .view-meta a {
    margin-right: 5px;
    color: var(--placeholder)
}

.view-meta a:hover {
/*    text-decoration: underline;*/
    color: var(--primary)
}

.view-rating {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px
}

.view-rating i, .view-rating a {
    font-size: 15px;
    margin-left: 3px;
    color: var(--gray)
}

.view-rating a {
    margin-right: 8px;
    white-space: nowrap;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.view-rating a:hover {
    color: var(--primary);
    text-decoration: underline
}

.view-rating .active {
    color: var(--primary)
}

.view-price {
    margin-bottom: 20px
}

.view-price del {
    color: var(--red);
    margin-left: 25px
}

.view-price span {
    color: var(--primary)
}

.view-price span small {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

.view-desc {
  margin-bottom: 25px;
  font-size: 11px;
  text-align: justify;
  max-height: 150px;
  overflow-y: auto; /* اضافه شده برای اسکرول عمودی */
}

.view-list-group {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    margin-bottom: 25px
}

.view-list-group:last-child {
    margin-bottom: 0
}

.view-list-title {
    font-weight: 500;
    margin-left: 15px;
    color: var(--heading);
    text-transform: capitalize
}

.view-tag-list {
    display: flex;
    align-items: center;
    justify-content: center
}

.view-tag-list li {
    margin-left: 8px
}

.view-tag-list li a {
    font-size: 14px;
    line-height: 12px;
    padding: 8px 10px;
    border-radius: 5px;
    letter-spacing: .3px;
    text-transform: capitalize;
    color: var(--text);
    background: var(--chalk);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.view-tag-list li a:hover {
    color: var(--white);
    background: var(--primary)
}

.view-share-list {
    display: flex;
    align-items: center;
    justify-content: center
}

.view-share-list li {
    margin-left: 8px
}

.view-share-list li a {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    color: var(--text);
    background: var(--chalk);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.view-share-list li a:hover {
    color: var(--white);
    background: var(--primary)
}

.view-add-group {
    margin: 45px 0 15px
}

.view-add-group .product-add, .view-add-group .action-input {
    height: 46px;
    line-height: 46px;
    letter-spacing: .3px;
    text-transform: uppercase;
/*
    color: var(--white);
    background: var(--primary)
*/
}

.view-action-group {
    display: grid;
    grid-gap: 15px;
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    position: relative
}

.view-action-group a, .view-action-group button{
    padding: 10px 0;
    border-radius: 8px;
    color: var(--text);
    background: var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.view-action-group a i, .view-action-group button i {
    font-size: 16px;
    margin-left: 8px
}

.view-action-group a span, .view-action-group button span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase
}

.view-wish.active {
    color: var(--white);
    background: var(--primary)
}

.preview-slider {
    margin-bottom: 20px
}

.preview-slider li img {
    width: 100%;
    border-radius: 8px
}

.thumb-slider li {
    margin: 0 10px;
    cursor: pointer
}

.thumb-slider li img {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--border)
}

.thumb-slider .slick-center img {
    border: 1px solid var(--primary)
}

@media (max-width: 500px) {
    .view-gallery, .view-details {
        margin: 25px
    }

    .view-list-group {
        align-items: flex-start;
        flex-direction: column
    }

    .view-list-title {
        margin: 0 0 10px
    }
}

@media (max-width: 767px) {
    .product-view {
        max-width: 480px
    }
}

.news-part {
    padding: 70px 0;
/*
    background: url(../img/newsletter.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
*/
    position: relative;
    z-index: 1
}

.news-part::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(6, 23, 56, 0.8), rgba(17, 151, 68, 0.8));
    z-index: -1
}

.news-text h2 {
    font-size: 35px;
    color: var(--white);
    margin-bottom: 5px
}

.news-text p {
    font-size: 15px;
    font-weight: 300;
    color: var(--white)
}

.news-form {
    width: 100%;
    padding: 6px;
    border-radius: 8px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center
}

.news-form input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    line-height: 50px
}

.news-form button span {
    width: 180px;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    color: var(--white);
    background: var(--primary);
    transition: .5s ease-in-out
}

.news-form button span:hover {
    color: var(--white);
    background: #32a768
}

.news-form button span i {
    margin-left: 5px
}

@media (max-width: 575px) {
    .news-form {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .news-text {
        margin-bottom: 30px
    }
}

@media (max-width: 991px) {
    .news-part {
        padding: 50px 30px 60px
    }

    .news-part .container-fluid {
        padding: 0
    }
}

.visual-part {
    padding: 50px 0;
    background: #f8fffa
}

.visual-wrap {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start
}

.visual-wrap:hover .visual-icon i {
    color: var(--white);
    background: var(--primary)
}

.visual-icon {
    margin-left: 20px
}

.visual-icon i {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 43px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: var(--primary);
    background: var(--white);
    border: 3px double var(--primary);
    box-shadow: var(--primary-bshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.visual-content h5 {
    font-size: 14px;
    margin-bottom: 8px;
    text-transform: capitalize
}

.visual-content p {
    font-size: 13px;
    line-height: 22px
}

@media (max-width: 767px) {
    .visual-part {
        padding: 30px 0 10px
    }

    .visual-wrap {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visual-part {
        padding: 40px 0 20px
    }

    .visual-wrap {
        margin-bottom: 30px
    }
}

.footer-part {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding-top: 50px;
    border-top: 2px solid #DDD;
}

.footer-widget {
    display: grid;
    grid-template-columns:100%
}

.footer-logo {
    margin-bottom: 5px;
    text-align: center;
}

.footer-logo img {
    width: auto;
    max-height: 80px;
}

.footer-desc {
    margin-bottom: 5px;
    text-align: justify;
    padding-left: 15px;
}

.footer-social {
    text-align: center;
}

.footer-social li {
    display: inline-block;
    margin-left: 7px
}

.footer-social li:last-child {
    margin-left: 0
}

.footer-social li a {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    color: var(--primary);
    background: var(--white);
    text-shadow: var(--primary-tshadow);
    box-shadow: var(--primary-bshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.footer-social li a:hover {
    color: var(--white);
    background: var(--primary)
}

.footer-title {
    margin-bottom: 25px;
    letter-spacing: -.3px;
    text-transform: capitalize
}

.footer-widget.contact {
    margin-right: 30px
}

.footer-contact li {
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.footer-contact li:last-child {
    margin-bottom: 0
}

.footer-contact li i {
    font-size: 20px;
    margin-left: 15px;
    color: var(--primary)
}

.footer-contact li p span {
    display: block
}

.footer-links {
    display: grid;
    grid-gap: 50px;
    grid-template-columns:1fr 1fr;
    text-wrap: nowrap;
}

.footer-links ul li {
    margin-bottom: 5px
}

.footer-links ul li:last-child {
    margin-bottom: 0
}

.footer-links ul li a {
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.footer-links ul li a:hover {
    color: var(--primary);
    padding-right: 5px
}

.footer-app {
    display: grid;
    grid-gap: 10px;
    grid-template-columns:1fr 1fr
}

.footer-app a img {
    width: 100%;
    border-radius: 10px;
    height: 50px
}

.footer-bottom {
    margin-top: 15px;
    padding: 30px 0;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer-copytext {
    font-size: 1em;
    color: yellow;
}

.footer-copytext a {
    color: yellow;
}

.footer-copytext a:hover {
    text-decoration: underline
}

.footer-card a, footer-link a, footer-links ul li a, .footer-contact li p span a, .footer-links ul li a {
    color: yellow;
}

.footer-card a img {
    width: 50px;
    border-radius: 3px
}

@media (max-width: 768px) {
    .footer-part .container-fluid {
        padding: 0 25px
    }

    .footer-widget.contact {
        margin-right: 0
    }
}

@media (max-width: 1199px) {
    .footer-part {
        padding-top: 50px
    }

    .footer-widget {
        margin-bottom: 40px
    }

    .footer-bottom {
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .footer-bottom {
        padding: 25px 15px 75px;
        flex-direction: column;
        text-align: center
    }

    .footer-copytext {
        margin-bottom: 10px
    }

    .footer-card a {
        margin: 0 3px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-bottom {
        padding: 25px 30px 75px
    }
}

.blog-filter {
    padding: 20px 30px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: var(--white);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-filter .nice-select {
    border-radius: 6px;
    background: var(--chalk);
    padding: 8px 20px 8px 35px;
    border: 1px solid var(--border)
}

.blog-filter .nice-select::after {
    left: 20px
}

.blog-filter .nice-select .current {
    font-size: 15px
}

.blog-filter .nice-select .list {
    top: 45px;
    align-items: flex-start;
    flex-direction: column
}

.blog-filter ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-filter ul li {
    margin: 0 5px
}

.blog-filter ul li a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    color: var(--text);
    background: var(--chalk)
}

.blog-filter ul li .active {
    color: var(--white);
    background: var(--primary)
}

.blog-filter p {
    font-size: 15px;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .blog-filter {
        flex-direction: column
    }

    .blog-filter .nice-select {
        margin-bottom: 15px
    }

    .blog-filter ul {
        margin-bottom: 15px
    }
}

.blog-widget {
    margin-bottom: 30px;
    margin-right: 5px;
    border-radius: 8px;
    padding: 18px 25px 25px;
    background: var(--white)
}

.blog-widget:last-child {
    margin-bottom: 0
}

.blog-widget-title {
    padding-bottom: 16px;
    margin-bottom: 20px;
    position: relative;
    text-transform: capitalize;
    border-bottom: 1px solid var(--border)
}

.blog-widget-title::before {
    position: absolute;
    content: "";
    bottom: -2px;
    right: 0;
    width: 50px;
    height: 2px;
    background: var(--primary)
}

.blog-widget-form {
    position: relative
}

.blog-widget-form input {
    width: 100%;
    height: 45px;
    padding: 0 15px 0 60px;
    border-radius: 8px;
    background: var(--chalk);
    border: 1px solid var(--border);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-widget-form input:focus-within {
    border-color: var(--primary)
}

.blog-widget-form button {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: var(--white);
    background: var(--primary);
    border-radius: 8px
}

.blog-widget-feed li {
    display: flex;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--border)
}

.blog-widget-feed li:last-child {
    margin: 0;
    padding: 0;
    border: none
}

.blog-widget-media img {
    width: 100px;
    border-radius: 8px;
    margin-left: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-widget-text {
    font-size: 13px;
    line-height: 24px
}

.blog-widget-text a {
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-widget-text a:hover {
    color: var(--primary)
}

.blog-widget-text span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.blog-widget-category li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border)
}

.blog-widget-category li:last-child {
    margin: 0;
    padding: 0;
    border: none
}

.blog-widget-category li:hover a {
    color: var(--primary)
}

.blog-widget-category li a {
    width: 100%;
    font-size: 13px;
    color: var(--text);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-widget-category li a span {
    font-size: 12px;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    color: var(--gray);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-widget-tag li {
    display: inline-block;
    margin: 0 0 12px 8px
}

.blog-widget-tag li a {
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 3px;
    color: var(--text);
    background: var(--chalk);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-widget-tag li a:hover {
    color: var(--white);
    background: var(--primary)
}

.blog-widget-social li {
    display: inline-block;
    margin-left: 10px
}

.blog-widget-social li a {
    width: 45px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    border-radius: 50px;
    color: var(--white);
    background: #8493ca;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-widget-social li a:hover {
    background: var(--primary)
}

@media (max-width: 575px) {
    .blog-widget-social li {
        margin-left: 5px
    }

    .blog-widget-social li a {
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 40px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-widget-media img {
        width: 95px
    }

    .blog-widget-social li {
        margin-left: 5px
    }

    .blog-widget-social li a {
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 40px
    }
}

@media (max-width: 991px) {
    .blog-widget {
        margin-right: 0
    }
}

.shop-filter {
    padding: 20px 30px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shop-filter .nice-select {
    border-radius: 6px;
    background: var(--chalk);
    padding: 8px 20px 8px 35px;
    border: 1px solid var(--border)
}

.shop-filter .nice-select::after {
    left: 20px;
    width: 8px;
    height: 8px;
    margin-top: -6px
}

.shop-filter .nice-select .current {
    font-size: 15px
}

.shop-filter .nice-select .list {
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: absolute;
    border-radius: 8px;
    top: calc(100% + 0.4rem);
    background-color: #fff;
    box-shadow: rgb(0 0 0/16%) 0 6px 12px
}

.shop-filter .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6;
    border-radius: 6px
}

.shop-filter ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.shop-filter ul li {
    margin: 0 5px
}

.shop-filter ul li a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    color: var(--text);
    background: var(--chalk)
}

.shop-filter ul li .active {
    color: var(--white);
    background: var(--primary)
}

.shop-filter p {
    font-size: 15px;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .shop-filter {
        flex-direction: column
    }

    .shop-filter .nice-select {
        margin-bottom: 15px
    }

    .shop-filter ul {
        margin-bottom: 15px
    }
}

.shop-widget-promo {
    margin-bottom: 25px;
    border-radius: 8px;
    text-align: center;
    overflow: hidden
}

.shop-widget-promo img {
    width: 100%;
    border-radius: 8px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.shop-widget-promo img:hover {
    transform: scale(1.05)
}

.shop-widget {
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: var(--white)
}

.shop-widget:last-child {
    margin-bottom: 0
}

.shop-widget-title {
    padding-bottom: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border)
}

.shop-widget-btn {
    width: 100%;
    padding: 8px 0;
    border-radius: 8px;
    color: var(--heading);
    background: var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.shop-widget-btn:hover {
    color: var(--white);
    background: var(--primary)
}

.shop-widget-btn i {
    margin-left: 8px
}

.shop-widget-btn span {
    text-transform: capitalize
}

.shop-widget-list {
    margin: 18px 0 20px;
    padding: 0;
    list-style: none;
}

.shop-widget-list li {
    margin-bottom: 12px;
    color: var(--gray);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all linear .3s;
}

.shop-widget-list li:hover {
    color: var(--primary);
}

.shop-widget-list li:last-child {
    margin-bottom: 0;
}

.shop-widget-number {
    font-size: 13px;
    color: #999;
}


.shop-widget-content {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.shop-widget-content label {
    text-transform: capitalize;
    cursor: pointer
}

.shop-widget-content label i {
    color: #019345
}

.shop-widget-content .form-check-input {
    cursor: pointer;
/*    margin-top: 5px*/
}

.shop-widget-content .form-check-input:checked {
    background-color: #019345;
    border-color: #019345
}

.shop-widget-number {
    font-size: 15px
}

.shop-widget-scroll {
    padding-left: 10px
}

.single-banner {
/*
    background: url(../img/single-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
*/
    margin-top: 10px;
    padding: 15px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.single-banner::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(6, 23, 56, 0.8), rgba(17, 151, 68, 0.8));
    z-index: -1
}

.single-banner h2 {
    font-size: 22px;
    margin-bottom: 5px;
    color: var(--white);
    text-transform: uppercase
}

@media (max-width: 767px) {
    .single-banner {
        padding: 30px 0
    }

    .single-banner h2 {
        font-size: 18px;
        margin-bottom: 8px
    }
}

.home-index-slider .slick-right {
    left: 30px
}

.home-index-slider .slick-left {
    right: 30px
}

.home-index-slider .slick-dots {
    bottom: 50px
}

.home-grid-slider a {
    width: 100%
}

.home-grid-slider a img {
    width: 100%;
    border-radius: 10px
}

.home-grid-promo a {
    width: 100%
}

.home-grid-promo a img {
    width: 100%;
    border-radius: 10px
}

.banner-part {
    padding: 20px 0 30px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1
}

.banner-part {
    position: relative;
    isolation: isolate;
}

.banner-part::before {
    position: absolute;
    content: "";
    inset: 0;
    z-index: -1;
    opacity: 1;
    background-image: url('../img/banner-shape2.png');
    background-repeat: repeat;
    background-position: center;
    background-size: auto;
    pointer-events: none;
}

.banner-1 {
    background: rgba(1, 147, 69, .8)
}

.banner-2 {
    background: rgba(1, 147, 69, .8)
}

.banner-2 .banner-content {
    text-align: left
}

.banner-content h1 {
    text-transform: capitalize;
    margin-bottom: 22px;
    color: var(--white)
}

.banner-content p {
    font-size: 1.2em;
    line-height: 28px;
    margin-bottom: 3em;
    color: var(--white)
}

.banner-btn .btn {
    margin-left: 15px
}

.banner-img img {
    width: 100%
}

@media (max-width: 767px) {
    .banner-content h1 {
        font-size: 18px;
        line-height: 28px
    }

    .banner-img {
        display: none
    }

    .banner-btn .btn {
        margin: 8px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-content h1 {
        font-size: 22px;
        line-height: 32px
    }

    .banner-btn .btn {
        padding: 14px 22px;
        margin-left: 10px
    }
}

.suggest-slider li {
    margin: 0 10px
}

@media (max-width: 575px) {
    .suggest-slider li {
        margin: 0 5px
    }
}

.promo-img {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 20px 5px rgb(0 0 0/10%)
}

.promo-img a {
    width: 100%
}

.promo-img a img {
    width: 100%;
    border-radius: 8px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.promo-img a img:hover {
    transform: scale(1.05)
}

@media (max-width: 950px) {
    .promo-img {
        margin: 12px 0
    }
}

.new-slider li {
    margin: 0 12px
}

@media (max-width: 575px) {
    .new-slider .product-card {
        width: 220px
    }
}

.countdown-part {
    padding: 80px 0;
    background: #f2cbe6;
}

.countdown-content {
    text-align: center
}

.countdown-content h3 {
    font-size: 3em;
    font-weight: 700;
    line-height: 4em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.countdown-content p {
    margin-bottom: 38px
}

.countdown-time {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 45px;
    direction: ltr;
}

.countdown-time span {
    font-size: 40px;
    padding: 0 30px;
    position: relative;
/*    color: var(--heading)*/
}

.countdown-time span::before {
    position: absolute;
    content: ":";
    top: 25%;
    right: 0;
    font-size: 25px;
    transform: translateY(-50%);
    color: var(--heading)
}

.countdown-time span:last-child::before {
    display: none
}

.countdown-time span small {
    display: block;
    font-size: 18px;
    font-weight: 400;
/*    color: var(--heading)*/
}

.countdown-img {
    position: relative
}

.countdown-img img {
    width: 100%
}

.countdown-off {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 35px 25px 30px;
    background: var(--red);
    position: absolute;
    top: 3px;
    right: 3px;
}

.countdown-off span {
    display: block;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: .5px;
/*    color: var(--white)*/
}

@media (max-width: 575px) {
    .countdown-time span {
        font-size: 25px;
        padding: 0 15px
    }

    .countdown-time span small {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .countdown-part {
        padding: 60px 0
    }

    .countdown-img {
        margin-top: 30px
    }
}

.top-part .feature-image img {
    width: 100%
}

.partner-part {
/*
    background: url(../img/banner-shape2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
*/
    padding: 20px 0 30px;
    position: relative;
}

.partner-part::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 1)
}

.partner-part h2 {
    color: var(--white)
}

.partner-slider li {
    margin: 0 10px
}

.partner-slider li a {
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    background: var(--white);
    text-align: center
}

.partner-slider li a img {
    width: 100%
}

.blog-slider .blog-card {
    margin: 0 15px
}

@media (max-width: 767px) {
    .blog-slider .blog-card {
        width: 295px;
        margin: 0 10px
    }
    .details-tag-list li a {
        font-size: 12px !important;
        padding: 8px 3px !important;
    }
}

.details-gallery {
    position: relative
}

.details-label-group {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.details-label {
    font-size: 14px;
    padding: 6px 10px;
    margin-bottom: 6px;
    line-height: 13px;
    border-radius: 3px;
    text-transform: capitalize;
    text-align: center;
    color: var(--white);
    z-index: 1;
}

.details-label:last-child {
    margin-bottom: 0
}

.details-label.off {
    background: var(--red)
}

.details-label.new {
    background: var(--green)
}

.details-label.sale {
    background: var(--orange)
}

.details-label.feat {
    background: var(--purple)
}

.details-label.rate {
    background: var(--yellow)
}

.details-preview {
    margin-bottom: 16px
}

.details-preview li img {
    width: 100%;
    border-radius: 8px;
    background: #fff
}

.details-thumb li {
    margin: 0 8px;
    cursor: pointer
}

.details-thumb li img {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--white);
    background: #fff
}

.details-thumb .slick-current img {
    border: 3px solid var(--primary)
}

.product-navigation {
    margin-bottom: 25px;
    padding: 20px 25px;
    border-radius: 8px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-navigation li a {
    color: var(--text);
    text-transform: capitalize;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.product-navigation li a:hover {
    color: var(--primary)
}

.product-navigation li a:hover .product-nav-popup {
    visibility: visible;
    opacity: 1
}

.product-nav-popup {
    position: absolute;
    top: 30px;
    right: 50%;
    z-index: 3;
    width: 100px;
    height: auto;
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    border-radius: 8px;
    transform: translateX(50%);
    background: var(--white);
    border: 1px solid var(--border);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .1);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.product-nav-popup::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: -3px;
    right: 50%;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    transform: rotate(-45deg) translateX(50%);
    background: var(--white);
    border-top: 1px solid var(--border);
    border-right: 1px solid var(--border)
}

.product-nav-popup img {
    width: 100%
}

.product-nav-popup small {
    font-size: 14px;
    line-height: 18px;
    display: inline-block
}

.details-content {
    padding: 35px;
    border-radius: 8px;
    background: var(--white)
}

.details-name {
    font-size: 1.2em;
    line-height: 2em;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.details-name a {
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.details-name a:hover {
    color: var(--primary)
}

.details-meta {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.details-meta p {
    font-size: 13px;
    margin-left: 40px;
/*    white-space: nowrap;*/
    white-space: wrap !important;
    text-transform: uppercase;
    color: var(--placeholder)
}

.details-meta span, .details-meta a {
    margin-right: 5px;
    color: var(--placeholder)
}

.details-meta a:hover {
    text-decoration: underline;
    color: var(--primary)
}

.details-rating {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.details-rating i, .details-rating a {
    font-size: 1.2em;
    margin-left: 3px;
    color: var(--gray);
}

.details-rating a {
    margin-right: 8px;
    white-space: nowrap;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.details-rating a:hover {
    color: var(--primary);
    text-decoration: underline
}

.details-rating .active {
    color: var(--primary)
}

.details-price {
    margin-bottom: 20px;
}

.details-price del {
    color: var(--red);
    margin-left: 20px
}

.details-price span {
    color: var(--primary);
    white-space: nowrap;
    font-size: 1em;
}

.details-price span small {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

.details-desc {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 1em;
    text-align: justify;
}

.details-list-group {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    margin-bottom: 25px
}

.details-list-group:last-child {
    margin-bottom: 0
}

.details-list-title {
    font-weight: 500;
    margin-left: 15px;
    color: var(--heading);
    text-transform: capitalize;
    text-wrap: nowrap;
}

.details-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: center;
    justify-content: flex-start;
    width: 80% !important;
}

.details-tag-list li {
    margin-left: 2px
}

.details-tag-list li a {
    font-size: 10px;
    line-height: 12px;
    padding: 8px 10px;
    border-radius: 5px;
    letter-spacing: .3px;
    text-transform: capitalize;
    color: var(--text);
    background: var(--chalk);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.details-tag-list li a:hover {
    color: var(--white);
    background: var(--primary)
}

.details-share-list {
    display: flex;
    align-items: center;
    justify-content: center
}

.details-share-list li {
    margin-left: 8px
}

.details-share-list li a {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    color: var(--text);
    background: var(--chalk);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.details-share-list li a:hover {
    color: var(--white);
    background: var(--primary)
}

.details-add-group {
    margin: 45px 0 15px
}

.details-add-group .product-add, .details-add-group .action-input {
    padding: 10px 0;
/*
    color: var(--white);
    background: var(--primary);
*/
    text-transform: uppercase
}

.details-add-group .action-minus i, .details-add-group .action-plus i {
    background: var(--chalk)
}

.details-action-group {
    display: grid;
    grid-gap: 15px;
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    position: relative
}

.details-action-group a, .details-action-group button {
    padding: 10px 0;
    border-radius: 8px;
    color: var(--text);
    background: var(--chalk);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.details-action-group a:hover, .details-action-group button:hover {
    color: var(--primary)
}

.details-action-group a i, .details-action-group button i {
    font-size: 16px;
    margin-left: 8px
}

.details-action-group a span, .details-action-group button span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase
}

.details-wish.active {
    color: var(--white);
    background: var(--primary)
}

.details-wish.active:hover {
    color: var(--white);
    background: var(--primary)
}

.product-details-frame {
    border-radius: 8px;
    margin-bottom: 30px;
    background: var(--white)
}

.product-details {
    padding: 35px
}

.product-details-frame:last-child {
    margin-bottom: 0
}

.frame-title {
    margin-bottom: 30px;
    text-transform: capitalize
}

.tab-descrip {
    position: relative
}

.tab-descrip p {
    margin-bottom: 25px
}

.tab-descrip ul {
    list-style: disc;
    margin-right: 20px
}

.tab-descrip ul li {
    margin-bottom: 8px
}

.tab-descrip ul li:last-child {
    margin-bottom: 0
}

.tab-descrip img {
    width: 100%;
    border-radius: 8px
}

.tab-descrip a {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    width: 80px;
    height: 80px;
    font-size: 22px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    background: rgba(15, 199, 86, .8);
    transform: translate(50%, -50%);
    box-shadow: var(--primary-bshadow);
    text-shadow: var(--primary-tshadow)
}

.table-bordered {
    margin-bottom: 0
}

.table-bordered th, .table-bordered td {
    padding: 5px 5px;
    text-align: right
}

.table-bordered th {
    font-weight: 500
}

.table-bordered td:last-child {
    border-left: 1px solid var(--border)
}

.review-item {
    padding: 30px 45px;
    border-radius: 8px;
    background: var(--white)
}

.review-item:last-child {
    margin-bottom: 0
}

.review-media {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.review-avatar {
    margin-left: 15px;
    border-radius: 50%;
    border: 2px solid var(--primary)
}

.review-avatar img {
    width: 65px;
    border-radius: 50%;
    border: 2px solid var(--white)
}

.review-meta {
    text-transform: capitalize
}

.review-meta a {
    color: var(--heading);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.review-meta a:hover {
    color: var(--primary)
}

.review-meta span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: var(--text)
}

.review-meta span b {
    font-weight: 500;
    color: var(--primary)
}

.review-rating {
    margin-bottom: 10px
}

.review-rating li {
    font-size: 16px;
    margin-left: 5px;
    color: var(--primary);
    display: inline-block
}

.review-reply {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.review-reply input {
    width: 100%;
    padding: 7px 18px;
    border-radius: 6px;
    margin-left: 20px;
    background: var(--white)
}

.review-reply button {
    font-size: 15px;
    padding: 6px 15px;
    border-radius: 6px;
    color: var(--white);
    background: var(--primary);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.review-reply button:hover {
    background: var(--heading)
}

.review-reply button i {
    margin-left: 5px
}

.review-reply-list {
    margin-right: 80px;
    margin-top: 35px;
    border-top: 1px solid var(--border)
}

.review-reply-item {
    padding: 30px 0;
    border-bottom: 1px solid var(--border)
}

.review-reply-item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.review-form .star-rating {
    text-align: right
}

@media (max-width: 991px) {
    .product-navigation {
        margin: 25px 0
    }
}

@media (max-width: 575px) {
    .details-content {
        padding: 20px
    }

    .details-name {
        font-size: 1.2em;
        line-height: 2em;
    }

    .product-details-frame {
        padding: 20px
    }

    .review-item {
        padding: 20px 15px
    }

    .review-reply {
        flex-direction: column
    }

    .review-reply input {
        margin: 0 0 15px
    }

    .review-reply-list {
        margin-right: 25px
    }

    .star-rating label {
        margin: 0 6px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .review-reply-list {
        margin-right: 30px
    }
}

.about-content h2 {
    margin-bottom: 25px
}

.about-content p {
    margin-bottom: 20px
}

.about-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--primary);
    border-radius: 8px;
    text-align: center
}

.about-list i {
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px
}

.about-list li {
    padding: 30px;
    width: 100%;
    border-right: 1px solid var(--green)
}

.about-list li:first-child {
    border-right: 0
}

.about-list li h3 {
    margin-bottom: 5px;
    color: var(--white)
}

.about-list li h6 {
    font-weight: 400;
    color: var(--white);
    text-transform: capitalize
}

.about-img-single img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 20px
}

.about-img {
    display: grid;
    grid-gap: 20px;
    grid-template-columns:1fr 1fr;
    margin-bottom: 20px
}

.about-img img {
    width: 100%;
    border-radius: 8px
}

.about-testimonial {
}

.testi-content {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 20px;
    margin: 20px;
    padding: 20px
}

.testi-img {
    margin-left: 30px;
    border-radius: 50%;
    box-shadow: var(--primary-bshadow)
}

.testi-img img {
    border-radius: 50%;
    border: 5px solid var(--white)
}

.testi-quote {
    width: 600px
}

.testi-quote i {
    font-size: 50px;
    color: var(--primary);
    display: inline-block;
    margin-bottom: 10px
}

.testi-quote h4 {
    text-transform: capitalize;
    margin-top: 10px
}

.testi-quote h6 {
    font-weight: 400;
    color: var(--text)
}

.about-choose {
    margin-bottom: 75px
}

.choose-card {
    margin: 25px 15px
}

.about-brand {
    background: var(--green-chalk);
    padding: 90px 0 100px
}

.brand-slider li {
    margin: 0 10px;
    padding: 20px 0;
    border-radius: 8px;
    background: var(--white)
}

.brand-slider li img {
    width: 100%
}

.team-slider li {
    margin: 0 12px
}

.team-slider .dandik, .team-slider .bamdik {
    top: 40%
}

@media (max-width: 575px) {
    .about-list li {
        padding-right: 15px
    }
}

@media (max-width: 767px) {
    .testi-content {
        flex-direction: column
    }

    .testi-img {
        margin-left: 0
    }

    .testi-quote {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .testi-img {
        margin-left: 50px
    }

    .testi-quote {
        width: 100%
    }
}

@media (max-width: 991px) {
    .about-list {
        margin-bottom: 30px
    }

    .about-img {
        margin-right: 0
    }
}

.contact-form {
    border-radius: 8px;
    padding: 30px;
    margin: 0 2.5px 30px;
    background: var(--white)
}

.contact-form h4 {
    margin-bottom: 25px
}

.contact-map {
    padding: 30px;
    margin: 0 2.5px 30px;
    border-radius: 8px;
    background: var(--white)
}

.contact-map iframe {
    height: 474px
}

.contact-social {
    text-align: center;
    margin-top: 20px
}

.contact-social h4 {
    margin-bottom: 20px
}

@media (max-width: 575px) {
    .contact-form, .contact-map {
        padding: 15px
    }
}

@media (min-width: 401px) and (max-width: 575px) {
    .contact-part .container {
        max-width: 400px
    }
}

.contact-form {
    border-radius: 8px;
    padding: 30px;
    margin: 0 2.5px 30px;
    background: var(--white)
}

.contact-form h4 {
    margin-bottom: 25px
}

.contact-map {
    padding: 30px;
    margin: 0 2.5px 30px;
    border-radius: 8px;
    background: var(--white)
}

.contact-map iframe {
    height: 474px;
    width: 100%
}

.contact-social {
    text-align: center;
    margin-top: 20px
}

.contact-social h4 {
    margin-bottom: 20px
}

@media (max-width: 575px) {
    .contact-form, .contact-map {
        padding: 15px
    }
}

@media (min-width: 401px) and (max-width: 575px) {
    .contact-part .container {
        max-width: 400px
    }
}

.faq-child {
    border-radius: 8px;
    margin-bottom: 30px;
    background: var(--white);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1)
}

.faq-child:hover .faq-que button {
    color: var(--primary)
}

.faq-child:last-child {
    margin-bottom: 0
}

.faq-que button {
    width: 100%;
    border: none;
    outline: none;
    background: 100% 0;
    text-align: right;
    padding: 22px 25px;
    color: var(--text);
    font-size: 18px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.faq-ans p {
    font-size: 16px;
    line-height: 26px;
    padding: 20px 25px;
    border-top: 1px solid var(--border)
}

.compare-part tbody tr td, .compare-part thead tr th {
    border: none
}

@media (max-width: 1199px) {
    .compare-part .container {
        max-width: 100%
    }
}

.coming-part .align-items-center {
    height: 100vh
}

.coming-content {
    text-align: center
}

.coming-title {
    font-weight: 700;
    letter-spacing: -.5px;
    text-transform: uppercase;
    margin-bottom: 45px;
    color: var(--primary)
}

.coming-timer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--gray-chalk);
    direction: ltr;
}

.coming-timer span {
    font-size: 40px;
    padding: 0 30px;
    position: relative
}

.coming-timer span::before {
    position: absolute;
    content: ":";
    top: 25%;
    right: 0;
    font-size: 25px;
    transform: translateY(-50%);
    color: var(--gray)
}

.coming-timer span:last-child::before {
    display: none
}

.coming-timer span small {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: var(--gray)
}

.coming-subtitle {
    font-weight: 400;
    margin-bottom: 30px
}

.coming-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px
}

.coming-form input {
    width: 400px;
    height: 50px;
    padding: 0 25px;
    border-radius: 10px;
    background: var(--white)
}

.coming-form button {
    margin-right: 15px
}

.coming-form button {
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    color: var(--white);
    background: var(--primary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.coming-form button:hover {
    color: var(--white);
    background: #8493ca
}

.coming-social a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 50%;
    margin: 0 4px;
    text-align: center;
    color: var(--primary);
    background: var(--white);
    text-shadow: var(--primary-tshadow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.coming-social a:hover {
    color: var(--white);
    background: var(--primary)
}

@media (max-width: 575px) {
    .coming-title {
        font-size: 35px;
        margin-bottom: 35px
    }

    .coming-timer span {
        font-size: 25px;
        padding: 0 15px
    }

    .coming-timer span small {
        font-size: 15px
    }

    .coming-form input {
        width: 100%
    }
}

@media (max-width: 991px) {
    .coming-part {
        padding: 50px 0
    }

    .align-items-center {
        height: auto
    }

    .coming-social {
        margin-bottom: 40px
    }
}

.error-part {
    padding-bottom: 100px;
    text-align: center
}

.error-part img {
    margin-bottom: 30px
}

.error-part h3 {
    text-transform: uppercase;
    margin-bottom: 3px
}

.error-part p {
    margin-bottom: 20px
}

.error-part a {
    font-size: 14px;
    padding: 10px 35px;
    border-radius: 8px;
    letter-spacing: .3px;
    color: var(--white);
    background: var(--primary);
    text-transform: uppercase
}

@media (max-width: 767px) {
    .error-part {
        padding: 60px 0
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .error-part {
        padding: 80px 0
    }
}

.chekout-coupon {
    text-align: center;
    padding-top: 30px
}

.chekout-coupon .coupon-form {
    margin: 0;
    display: flex;
    box-shadow: none;
    border-color: #019345
}

.checkout-part tbody tr td, .checkout-part thead tr th {
    border: none
}

.checkout-charge ul li {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border)
}

.checkout-charge ul li:last-child {
/*    border-bottom: none;*/
    border-bottom: 1px solid var(--border);
    margin-bottom: 10px;
}

.checkout-charge ul li:last-child span {
    font-size: 15px;
    font-weight: 500;
    color: var(--primary)
}

.checkout-charge ul li span {
    font-weight: 500;
    color: var(--heading);
    text-transform: capitalize;
    text-align: center;
}

.checkout-charge ul li span small {
    font-size: 10px;
    font-weight: 400;
    margin-right: 3px
}

.checkout-check {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 25px;
    margin-top: 50px
}

.checkout-check input {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-top: 4px;
    cursor: pointer
}

.checkout-check label {
    line-height: 22px
}

.checkout-check label a {
    color: var(--primary)
}

.checkout-check label a:hover {
    text-decoration: underline
}

.checkout-proced .btn {
    width: 100%
}

.checkout-proced .btn:hover {
    background: #8493ca;
    color: #fff
}

.table-action .view i, .table-action .trash i {
    background: var(--chalk)
}

@media (max-width: 767px) {
    .chekout-coupon, .checkout-charge {
        width: 100%
    }

    .checkout-check {
        margin-top: 15px
    }
}

.orderlist-filter {
    padding: 20px 25px;
    margin-bottom: 30px;
    border-radius: 8px;
    background: var(--white);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between
}

.orderlist-filter h5 {
    text-transform: capitalize
}

.filter-short {
    display: flex;
    align-items: center;
    justify-content: center
}

.filter-short .form-label {
    font-size: 18px;
    margin: 0 0 0 8px;
    color: var(--heading)
}

.filter-short .form-select {
    width: 150px;
    background: var(--chalk)
}

.orderlist {
    padding: 30px 30px 0;
    border-radius: 8px;
    margin-bottom: 30px;
    background: var(--white);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.orderlist-head {
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    cursor: pointer
}

.orderlist-head h5 {
    color: var(--primary);
    text-transform: capitalize
}

.orderlist-details {
    padding: 25px;
    border-radius: 8px;
    background: var(--chalk);
    margin-bottom: 25px
}

.orderlist-details li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    justify-content: space-between;
    margin-bottom: 20px
}

.orderlist-details li:last-child {
    margin-bottom: 0
}

.orderlist-details li h6 {
    line-height: 26px;
    white-space: nowrap;
    text-transform: capitalize
}

.orderlist-details li h6 small {
    font-size: 14px;
    font-weight: 400;
    margin-right: 3px
}

.orderlist-details li p {
    width: 250px;
    text-align: left
}

.orderlist-deliver {
    height: 215px;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: var(--chalk)
}

.orderlist-deliver h6 {
    margin-bottom: 15px;
    white-space: nowrap;
    text-transform: capitalize
}

.orderlist-deliver p {
    text-transform: capitalize
}

.order-part .table-list {
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 30px;
    background: var(--chalk)
}

@media (max-width: 575px) {
    .orderlist-filter {
        flex-direction: column;
        justify-content: center
    }

    .orderlist-filter h5 {
        margin-bottom: 15px
    }

    .orderlist {
        padding: 0 15px
    }

    .orderlist-head {
        padding: 15px 0
    }
}

.invoice-recieved {
    text-align: right;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    justify-content: space-between
}

.invoice-recieved h6 {
    text-transform: capitalize
}

.invoice-recieved h6 span {
    display: block;
    font-weight: 400;
    margin-top: 10px
}

.invoice-details li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    justify-content: space-between;
    margin-bottom: 20px
}

.invoice-details li:last-child {
    margin-bottom: 0
}

.invoice-details li h6 {
    line-height: 26px;
    white-space: nowrap
}

.invoice-details li h6 small {
    font-size: 14px;
    font-weight: 400;
    margin-right: 3px
}

.invoice-details li p {
    width: 250px;
    text-align: left
}

.invoice-part .table-scroll {
    padding: 35px;
    border-radius: 8px;
    background: var(--white)
}

@media (max-width: 767px) {
    .invoice-recieved {
        flex-wrap: wrap
    }

    .invoice-recieved h6 {
        margin-bottom: 25px;
        margin-left: 25px
    }
}

.profile-image {
    text-align: center
}

.profile-image a {
    border-radius: 50%;
    border: 2px solid var(--primary)
}

.profile-image a img {
    width: 100%;
    border-radius: 50%;
    border: 3px solid var(--white)
}

.profile-btn {
    margin-top: 33px
}

.profile-btn a {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 8px;
    text-align: center;
    text-transform: capitalize;
    color: var(--white);
    background: var(--primary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.profile-btn a:hover {
    background: var(--green)
}

@media (max-width: 991px) {
    .profile-btn {
        margin-top: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .profile-image {
        margin-bottom: 20px
    }
}

.user-form-part {
    margin-top: 30px;
    background-color: #ffffff;
    min-height: 300px;
}

.user-form-logo {
    text-align: center;
    margin-bottom: 25px
}

.user-form-logo img {
    width: 250px
}

.user-form-card {
    padding: 30px 40px;
    border-radius: 8px;
    margin-bottom: 20px;
    background: var(--white)
}

.user-form-title {
    text-align: center;
    margin-bottom: 25px;
    line-height: 2;
}

.user-form-title h6 {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 2px;
    color: var(--primary)
}

.user-form-title p {
    text-transform: capitalize
}

.user-form-group {
    display: flex;
    align-items: center;
    justify-content: center
}

.user-form-social {
    width: 100%
}

.user-form-social li {
    margin-bottom: 20px
}

.user-form-social li a {
    width: 100%;
    font-size: 15px;
    padding: 10px 0;
    border-radius: 8px;
    letter-spacing: .3px;
    text-align: center;
    text-transform: capitalize;
    color: var(--white);
    background: var(--primary)
}

.user-form-social li a i {
    font-size: 16px;
    margin-left: 10px
}

.user-form-social li:nth-child(1) a {
    background: #385998
}

.user-form-social li:nth-child(2) a {
    background: #00acee
}

.user-form-social li:nth-child(3) a {
    background: #e60023
}

.user-form-social li:last-child {
    margin-bottom: 0
}

.user-form-divider {
    margin: 0 50px;
    position: relative;
    z-index: 1
}

.user-form-divider::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 50%;
    width: 2px;
    height: 250px;
    z-index: -1;
    background: var(--border);
    transform: translate(50%, -50%)
}

.user-form-divider p {
    width: 40px;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    font-style: italic;
    line-height: 38px;
    border-radius: 50%;
    text-align: center;
    color: var(--gray);
    background: var(--white);
    border: 1px solid var(--border)
}

.user-form {
    width: 100%
}

.user-form .form-group {
    margin-bottom: 20px
}

.form-button {
    text-align: center
}

.form-button button {
    width: 100%;
    height: 45px;
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    border-radius: 8px;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    background: var(--primary)
}

.form-button p {
    font-size: 15px;
    margin-top: 12px;
    text-transform: capitalize
}

.form-button p a {
    font-weight: 500;
    margin-right: 5px;
    color: var(--primary)
}

.form-button p a:hover {
    text-decoration: underline
}

.user-form-remind {
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    background: var(--white);
    border: 1px solid var(--border)
}

.user-form-remind p {
    font-size: 15px;
    text-transform: capitalize
}

.user-form-remind p a {
    font-weight: 500;
    margin-right: 5px;
    color: var(--primary)
}

.user-form-remind p a:hover {
    text-decoration: underline
}

.forgot-pass {
    color: var(--primary)
}

.forgot-pass:hover {
    color: var(--primary);
    text-decoration: underline
}

.user-form-part .form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary)
}

.user-form-footer {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 40px
}

.user-form-footer p {
    font-size: 14px;
    color: var(--gray)
}

.user-form-footer p a {
    color: var(--primary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.user-form-footer p a:hover {
    text-decoration: underline
}

@media (max-width: 575px) {
    .user-form-card {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .user-form-group {
        display: inherit
    }

    .user-form-divider {
        margin: 25px 0;
        position: relative;
        z-index: 1
    }

    .user-form-divider::before {
        position: absolute;
        content: "";
        top: 50%;
        right: 50%;
        width: 100%;
        height: 2px;
        z-index: -1;
        background: var(--border);
        transform: translate(50%, -50%)
    }
}

.blog-card {
    margin: 0 2.5px 5px
}

@media (min-width: 421px) and (max-width: 767px) {
    .blog-grid .container {
        max-width: 420px
    }
}

@media (max-width: 991px) {
    .pagination {
        margin-bottom: 30px
    }
}

.blog-details {
    background: #fff
}

.blog-details-thumb {
    width: 100%
}

.blog-details-thumb img {
    width: 100%;
    border-radius: 10px
}

.blog-details-content {
    padding: 50px;
    margin-bottom: 30px;
    background: var(--white);
    border-radius: 0 0 10px 10px
}

.blog-details-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.blog-details-meta li {
    display: flex;
    align-items: center;
    margin-left: 40px
}

.blog-details-meta li:last-child {
    margin: 0
}

.blog-details-meta li i {
    color: var(--primary);
    margin-left: 10px;
    font-size: 16px
}

.blog-details-meta li a, .blog-details-meta li span {
    font-size: 13px;
    white-space: nowrap;
    text-transform: uppercase
}

.blog-details-meta li a {
    color: var(--text);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-details-meta li a:hover {
    color: var(--primary)
}

.blog-details-title {
    line-height: 44px;
    margin-bottom: 25px
}

.blog-details-desc {
    font-size: 13px;
    line-height: 30px;
    margin-bottom: 20px
}

.blog-details-quote {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    background: #8493ca;
    position: relative
}

.blog-details-quote p {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: var(--white)
}

.blog-details-quote footer {
    letter-spacing: 1px;
    color: var(--green-chalk);
    text-transform: uppercase
}

.blog-details-grid {
    margin-bottom: 30px
}

.blog-details-grid img {
    border-radius: 10px
}

.blog-details-grid p {
    font-size: 13px;
    line-height: 30px
}

.blog-details-subtitle {
    margin-bottom: 30px
}

.blog-details-subtitle h3 {
    margin-bottom: 10px
}

.blog-details-subtitle p {
    font-size: 13px;
    line-height: 30px
}

.blog-details-list {
    list-style-type: decimal;
    margin: 0 50px 0 30px
}

.blog-details-list li {
    margin-bottom: 25px
}

.blog-details-footer {
    padding-top: 45px;
    margin-top: 50px;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-details-share h4 {
    margin-bottom: 10px;
    text-transform: capitalize
}

.blog-details-share li {
    margin-left: 8px;
    display: inline-block
}

.blog-details-share li a {
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    color: var(--text);
    background: var(--chalk);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-details-share li a:hover {
    color: var(--white);
    background: var(--primary)
}

.blog-details-tag h4 {
    margin-bottom: 10px;
    text-transform: capitalize
}

.blog-details-tag li {
    margin-left: 8px;
    display: inline-block
}

.blog-details-tag li a {
    font-size: 14px;
    padding: 3px 12px;
    border-radius: 3px;
    color: var(--text);
    background: var(--chalk);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-details-tag li a:hover {
    color: var(--white);
    background: var(--primary)
}

.blog-details-profile {
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    background: var(--white);
    text-align: center
}

.blog-details-profile a img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
    border: 8px solid var(--chalk)
}

.blog-details-profile h3 {
    text-transform: capitalize
}

.blog-details-profile h4 {
    font-size: 15px;
    font-weight: 400;
    color: var(--primary);
    margin-bottom: 15px
}

.blog-details-profile ul {
    margin-bottom: 25px
}

.blog-details-profile ul li {
    display: inline-block;
    margin: 0 5px
}

.blog-details-profile ul li a {
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    color: var(--text);
    background: var(--chalk);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-details-profile ul li a:hover {
    color: var(--white);
    background: var(--primary)
}

.blog-details-profile p {
    font-size: 17px;
    line-height: 30px
}

.blog-details-navigate {
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    background: var(--white)
}

.blog-details-prev, .blog-details-next {
    margin: 15px
}

.blog-details-prev h4, .blog-details-next h4 {
    margin-bottom: 20px
}

.blog-details-prev h4 a, .blog-details-next h4 a {
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-details-prev h4 a:hover, .blog-details-next h4 a:hover {
    color: var(--primary)
}

.blog-details-prev .nav-arrow, .blog-details-next .nav-arrow {
    font-size: 14px;
    padding: 10px 25px;
    border-radius: 5px;
    color: var(--heading);
    background: var(--chalk);
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.blog-details-prev .nav-arrow:hover, .blog-details-next .nav-arrow:hover {
    color: var(--white);
    background: var(--primary)
}

.blog-details-next {
    text-align: left
}

.blog-details-comment {
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    background: var(--white)
}

.comment-title {
    margin-bottom: 30px;
    text-transform: capitalize
}

.comment-item {
    padding: 20px 40px;
    border-radius: 8px;
    margin-bottom: 30px;
    background: var(--chalk)
}

.comment-item:last-child {
    margin-bottom: 0
}

.comment-media {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.comment-avatar {
    border-radius: 50%;
    margin-left: 20px;
    border: 2px solid var(--primary)
}

.comment-avatar img {
    width: 65px;
    border-radius: 50%;
    border: 2px solid var(--white)
}

.comment-meta a {
    color: var(--heading);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.comment-meta a:hover {
    color: var(--primary)
}

.comment-meta span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--heading);
    text-transform: capitalize
}

.comment-reply {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.comment-reply input {
    width: 100%;
    padding: 7px 18px;
    border-radius: 6px;
    margin-left: 20px;
    background: var(--white)
}

.comment-reply button {
    font-size: 15px;
    padding: 6px 15px;
    border-radius: 6px;
    color: var(--white);
    background: var(--primary);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.comment-reply button:hover {
    background: var(--heading)
}

.comment-reply button i {
    margin-left: 5px
}

.comment-reply-list {
    margin-right: 80px;
    margin-top: 35px;
    border-top: 1px solid var(--border)
}

.comment-reply-item {
    padding: 30px 0;
    border-bottom: 1px solid var(--border)
}

.comment-reply-item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.blog-details-form {
    padding: 30px;
    border-radius: 10px;
    background: var(--white)
}

.details-form-title {
    margin-bottom: 30px;
    text-transform: capitalize
}

.form-group textarea {
    height: 100px
}

@media (max-width: 575px) {
    .blog-details-content {
        padding: 20px
    }

    .blog-details-title {
        font-size: 28px;
        line-height: 38px
    }

    .blog-details-quote {
        padding: 75px 25px 25px
    }

    .blog-details-quote::before {
        font-size: 50px;
        right: 25px;
        top: 25px
    }

    .blog-details-quote p {
        font-size: 22px
    }

    .blog-details-list {
        margin: 0 35px 0 15px
    }

    .blog-details-footer {
        margin-top: 0;
        padding-top: 25px;
        flex-direction: column
    }

    .blog-details-share {
        margin-bottom: 30px
    }

    .blog-details-navigate li a {
        padding: 13px
    }

    .blog-details-profile {
        padding: 25px 15px
    }

    .blog-details-comment {
        padding: 15px
    }

    .comment-item {
        padding: 20px
    }

    .comment-reply {
        flex-direction: column
    }

    .comment-reply input {
        margin-left: 0;
        margin-bottom: 10px
    }

    .comment-reply-list {
        margin-right: 15px
    }

    .blog-details-form {
        padding: 20px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .blog-details-quote {
        padding: 120px 60px 60px
    }

    .blog-details-footer {
        flex-direction: column
    }

    .blog-details-share {
        margin-bottom: 30px
    }

    .comment-reply-list {
        margin-right: 30px
    }
}

.home-classic-slider {
    margin-bottom: 30px
}

.home-classic-slider .dandik {
    left: 30px
}

.home-classic-slider .bamdik {
    right: 30px
}

.home-classic-slider .banner-part {
    padding: 210px 0 150px;
    position: relative;
    z-index: 1
}

.home-classic-slider .banner-part::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.home-classic-slider .banner-content h1 {
    text-transform: capitalize;
    margin-bottom: 22px;
    color: var(--white)
}

.home-classic-slider .banner-content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 50px;
    color: var(--white)
}

.home-classic-slider .banner-btn .btn {
    margin-left: 15px
}

.home-classic-slider .banner-btn .btn:last-child {
    margin-left: 0
}

.home-classic-slider .banner-1 {
    background: url(../img/slider/slider-5.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.home-classic-slider .banner-1::before {
    background: linear-gradient(to left, #08032354, #ffffff00)
}

.home-classic-slider .banner-2 {
    background: url(../img/slider/slider-6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.home-classic-slider .banner-2::before {
    background: linear-gradient(to left, #00000030, #00000059)
}

.home-classic-slider .banner-3 {
    background: url(../img/slider/slider-7.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.home-classic-slider .banner-3::before {
    background: linear-gradient(to left, #08032366, #ffffff00)
}

.home-classic-slider .slick-left {
    right: 20px
}

.home-classic-slider .slick-right {
    left: 20px
}

.home-classic-slider .banner-2 .banner-content {
    text-align: right
}

@media (max-width: 767px) {
    .home-classic-slider .banner-part {
        padding: 50px 0 60px
    }

    .home-classic-slider .banner-content h1 {
        font-size: 38px;
        line-height: 48px
    }

    .home-classic-slider .banner-btn .btn {
        margin: 8px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .home-classic-slider .banner-part {
        padding: 70px 0 80px
    }

    .home-classic-slider .banner-content h1 {
        font-size: 42px;
        line-height: 50px
    }
}


#toast-container-ace {
  position: fixed;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  align-items: flex-start; /* چپ چین */
}

.toast-ace {
  direction: rtl;
  background: #ffe082;
  color: #000;
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  min-width: 400px;
  max-width: 400px;
  animation: slide-in-left 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  pointer-events: all;
  position: relative;
}

/* ریسپانسیو برای موبایل: توست همیشه وسط */
@media (max-width: 768px) {
  #toast-container-ace {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    align-items: center;
      width: 95%;
  }
}



@keyframes slide-in-left {
  from { opacity: 0; transform: translateX(-20px); }
  to   { opacity: 1; transform: translateX(0); }
}


.discount-alert {
    margin-top: 2px;
}

.discount-box {
    background: #e8f5e9;
    border: 1px solid #4caf50;
    color: #2e7d32;
    padding: 3px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.discount-box .discount-text {
    display: flex;
    align-items: center;
    gap: 6px;
}

.discount-box i {
    font-size: 17px;
}

.discount-box .remove-discount-btn {
    background: none;
    border: none;
    color: #d32f2f;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.3s;
}

.discount-box .remove-discount-btn:hover {
    color: #b71c1c;
}

.text-inline-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-kazemi-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.btn-block {
    display: block;
    width: 100%;
}

.form-control {
    color: #696b6f;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 1rem;
    transition-duration: 120ms
}

.form-control:hover {
    border: 2px solid #010165;
}

.form-control:focus {
    box-shadow: 0 0 0 2px rgba(245, 153, 66, .2);
    color: #696969;
    border-color: #010165;
    background-color: #fff;
    outline: 0
}

.form-control[disabled] {
    color: #848484;
    background-color: #eee
}

.form-control[disabled]:hover {
    border-color: #d5d5d5
}

.form-control[readonly] {
    color: #939192;
    background: #f5f5f5;
    cursor: default
}

.form-control[readonly]:hover {
    border-color: #c4c4c4
}

.form-control[readonly]:focus {
    box-shadow: none;
    border-color: #aaa;
    background-color: #f9f9f9
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-ms-input-placeholder {
    color: #999
}

.form-control::placeholder {
    color: #999
}

.form-control[class*=brc-success]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(115, 189, 115, .2)
}

.form-control[class*=brc-danger]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(221, 106, 87, .2)
}

.form-control[class*=brc-warning]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(239, 174, 67, .2)
}

.form-control[class*=brc-primary]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(88, 153, 202, .2)
}

.form-control[class*=brc-info]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(87, 181, 218, .2)
}

.form-control[class*=brc-blue]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(83, 171, 228, .2)
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #73bd73
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    box-shadow: 0 0 0 2px rgba(115, 189, 115, .2)
}

.valid-feedback {
    color: #6bae47
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #FF0000
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: 0 0 0 2px rgba(221, 106, 87, .2)
}

.invalid-feedback {
    color: #da3737
}

label {
    cursor: pointer
}

label.disabled {
    cursor: default
}

input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
    cursor: default
}

.input-group-fade .input-group-append > .btn {
    opacity: .55
}

.input-group-fade .input-group-append > .btn.active,
.input-group-fade .input-group-append > .btn:active,
.input-group-fade .input-group-append > .btn:hover {
    opacity: 1
}

.input-group-fade .form-control:focus + .input-group-append > .btn {
    opacity: 1
}

.input-floating-label {
    position: relative
}

.input-floating-label .floating-label {
    pointer-events: none;
    padding-right: 1rem;
    padding-left: 1rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .15s;
    background-color: #fff;
/*     background: linear-gradient(to bottom, #f6f7f8 50%, #fff 0% 100%) !important; */
}

@media (prefers-reduced-motion:reduce) {
    .input-floating-label .floating-label {
        transition: none
    }
}

.input-floating-label .floating-label.active,
.input-floating-label input.has-content ~ .floating-label,
.input-floating-label input:focus ~ .floating-label {
    top: 0;
    font-size: 90%;
    opacity: 0.85
}

.input-floating-label[class*=text-] input:focus ~ .floating-label {
    color: inherit !important;
    opacity: .95
}

.input-floating-label[class*=brc-] input:focus {
    border-color: inherit;
    z-index: auto;
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}


.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background: rgba(0,0,0,0.7); /* background color in modal */
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 2rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    background-color:  #010165 !important;
    color: #ffffff !important;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem -1rem;
}

.modal-title {
    margin-bottom: 0;
    line-height: 2;
/*    font-weight: 900;*/
    font-size: 140%;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-start;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 770px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 500px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 900px;
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

/* انیمیشن پالس برای جلب توجه */
.pulse-animation {
    animation: pulse 0.6s ease-in-out;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* استایل برای شمارنده */
.favoritecounter {
    background: #dc3545;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.feature-action {
    text-align: left;
    float: left;
    margin-left: 1rem;
}

/* استایل‌های مخصوص بخش روش ارسال */
.shipping-method-card {
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.shipping-method-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(76, 175, 80, 0.1), transparent);
    transition: left 0.6s;
}

.shipping-method-card:hover::before {
    left: 100%;
}

.shipping-method-card:hover {
    border-color: #4CAF50;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(76, 175, 80, 0.15);
}

.shipping-method-card.active {
    border-color: #4CAF50;
    background: linear-gradient(135deg, #f1f8e9 0%, #e8f5e8 100%);
    box-shadow: 0 8px 25px rgba(76, 175, 80, 0.2);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 8px 25px rgba(76, 175, 80, 0.2); }
    50% { box-shadow: 0 8px 30px rgba(76, 175, 80, 0.3); }
    100% { box-shadow: 0 8px 25px rgba(76, 175, 80, 0.2); }
}

.shipping-method-card.active::after {
    content: '✓ انتخاب شده';
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: blue;
    color: white;
    padding: 4px 8px;
    border-radius: 1rem;
    font-size: 0.7em;
}

.profile-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.profile-header h6 {
    margin: 0;
    color: #2c3e50;
    font-size: 1.1em;
    flex: 1;
    margin-right: 10px;
}

.profile-badge {
    background: #15945b !important;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.9em;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.profile-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.85em;
    color: #6c757d;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 6px;
}

.profile-desc {
    line-height: 1.5;
    font-size: 0.8em;
    border-right: 3px solid #4CAF50;
    padding-right: 10px;
    background: #f8f9fa;
    padding: 8px 12px;
    border-radius: 6px;
}

/* استایل‌های انیمیشن برای تغییرات */
.shipping-update-animation {
    animation: highlight 1.5s ease-in-out;
}

@keyframes highlight {
    0% { background-color: transparent; }
    50% { background-color: #e8f5e8; }
    100% { background-color: transparent; }
}

/* استایل‌های رسپانسیو */
@media (max-width: 768px) {
    .shipping-method-card {
        padding: 15px;
        margin-bottom: 10px;
    }
    
    .profile-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .profile-header h6 {
        margin-bottom: 8px;
        margin-right: 0;
    }
    
    .profile-badge {
        align-self: flex-start;
        margin-bottom: 8px;
    }
    
    .profile-meta {
        flex-direction: column;
        gap: 5px;
    }
    
    .meta-item {
        justify-content: flex-start;
    }
}

/* استایل‌های مخصوص وضعیت انتخاب */
.shipping-method-card .form-check-input {
    position: absolute;
    opacity: 0;
}

.shipping-method-card.active .profile-header h6 {
    color: #2c3e50;
}

.shipping-method-card.active .profile-badge {
    background: #15945b !important;
    box-shadow: 0 3px 10px rgba(76, 175, 80, 0.4);
}

/* ace4_far.css */
html {
    --navbar-height: 4.5em;
    --navbar-sm-height: 8em;
    --navbar-mobile-height: 4em;
    --sidebar-width: 20em;
    --sidebar-collapsed-width: 5em;
    --sidebar-horizontal-height: 4.25em;
    --sidebar-horizontal-collapsed-height: 4em;
}

body,
html {
    height: 100%;
}

body {
    overflow-x: hidden;
    background-color: #e4e6e9;
    color: #000000;
    text-decoration:none!important;
}

.body-container {
    background-color: #fff;
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-container.container {
    padding: 0;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05)
}

.body-container:not(.container) {
    max-width: 100vw
}

.main-container {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 100vw
}

.main-content {
    max-width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media print {

    .body-container,
    .main-container,
    .main-content {
        display: block
    }

    .page-content {
        padding: 0 !important
    }
}

@media (min-width:1220px) {
    .container {
        max-width: calc(100vw - 4rem);
    }
}

@media (min-width:1440px) {
    .container {
        max-width: calc(100vw - 4rem)
    }
}

@media (min-width:1600px) {
    .container.container-plus {
        max-width: calc(100vw - 4rem)
    }
}

@media (max-width:1199.98px) {
    body {
        background-color: #fff
    }

    .container {
        max-width: none
    }

    .body-container {
        max-width: 100vw;
        overflow: hidden
    }
}

.page-content {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem 0;
}

@media (min-width:768px) {
    .page-content {
        padding: 1.25rem 0 0
    }
}

@media (min-width:1200px) {
    .page-content {
        padding: 0;
/*        padding: 1.25rem 0 0;*/
        min-height: auto;
        width:100%;
        overflow:hidden;
        background-color: #fff;
        /*    background-image: url('../images/bg.png');*/
/*         background-color: rgb(246, 247, 248); */
        /*     background: linear-gradient(to bottom , #393738 20%,#cccccc 20% 100%) !important; 
        background: linear-gradient(to bottom , #393738 30%,#cccccc 0% 100%) !important; */
    }
}

.page-header {
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    padding-top: .5rem;
    border-bottom: 1px dotted #e2e2e2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.page-header .page-tools {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.page-title {
    padding: 0;
    margin: 0;
    font-size: 1.75rem;
    font-weight: 300
}

.page-title .page-info {
    margin: 0 .25rem;
    font-size: 1.0625rem;
    font-weight: 400;
    display: block
}

@media (min-width:768px) {
    .page-header .page-info {
        display: inline-block
    }
}

.text-black {
    color: #000000 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-primary {
    color: #2d7bd0 !important
}

a.text-primary[href]:focus,
a.text-primary[href]:hover {
    color: #286fbb !important
}

.text-primary-m1 {
    color: #4087d4 !important
}

a.text-primary-m1:focus,
a.text-primary-m1:hover {
    color: #2e7acc !important
}

.text-primary-m2 {
    color: #5393d8 !important
}

a.text-primary-m2:focus,
a.text-primary-m2:hover {
    color: #3e86d3 !important
}

.text-primary-m3 {
    color: #669fdd !important
}

a.text-primary-m3:focus,
a.text-primary-m3:hover {
    color: #5192d8 !important
}

.text-primary-d1 {
    color: #397cc4 !important
}

a.text-primary-d1:focus,
a.text-primary-d1:hover {
    color: #3370b0 !important
}

.text-primary-d2 {
    color: #296fbb !important
}

a.text-primary-d2:focus,
a.text-primary-d2:hover {
    color: #2463a6 !important
}

.text-primary-d3 {
    color: #2462a6 !important
}

a.text-primary-d3:focus,
a.text-primary-d3:hover {
    color: #1f5691 !important
}

.text-primary-l1 {
    color: #81b0e3 !important
}

a.text-primary-l1:focus,
a.text-primary-l1:hover {
    color: #6ca3de !important
}

.text-primary-l2 {
    color: #94bce7 !important
}

a.text-primary-l2:focus,
a.text-primary-l2:hover {
    color: #7fafe2 !important
}

.text-primary-l3 {
    color: #a7c8eb !important
}

a.text-primary-l3:focus,
a.text-primary-l3:hover {
    color: #92bbe6 !important
}

.text-primary-l4 {
    color: #bad3ef !important
}

a.text-primary-l4:focus,
a.text-primary-l4:hover {
    color: #a5c6ea !important
}

.text-primary-l5 {
    color: #cddff4 !important
}

a.text-primary-l5:focus,
a.text-primary-l5:hover {
    color: #b8d2ef !important
}

.text-caroop {
    color: #191970 !important
}

a.text-caroop[href]:focus,
a.text-caroop[href]:hover {
    color: #336699 !important
}

.text-red {
    color: #dc3545 !important
}

a.text-red[href]:focus,
a.text-red[href]:hover {
    color: #dc3545 !important
}


.text-blue {
    color: #478fcc !important
}

a.text-blue[href]:focus,
a.text-blue[href]:hover {
    color: #3683c3 !important
}

.text-blue-m1 {
    color: #5899d1 !important
}

a.text-blue-m1:focus,
a.text-blue-m1:hover {
    color: #448dcb !important
}

.text-blue-m2 {
    color: #68a3d5 !important
}

a.text-blue-m2:focus,
a.text-blue-m2:hover {
    color: #5497cf !important
}

.text-blue-m3 {
    color: #79adda !important
}

a.text-blue-m3:focus,
a.text-blue-m3:hover {
    color: #65a1d4 !important
}

.text-blue-d1 {
    color: #191970 !important;
}

a.text-blue-d1:focus,
a.text-blue-d1:hover {
    color: #4180b7 !important
}

.text-blue-d2 {
    color: #4081b8 !important
}

a.text-blue-d2:focus,
a.text-blue-d2:hover {
    color: #3974a5 !important
}

.text-blue-d3 {
    color: #3972a3 !important
}

a.text-blue-d3:focus,
a.text-blue-d3:hover {
    color: #326590 !important
}

.text-blue-l1 {
    color: #91bce0 !important
}

a.text-blue-l1:focus,
a.text-blue-l1:hover {
    color: #7db0da !important
}

.text-blue-l2 {
    color: #a1c6e5 !important
}

a.text-blue-l2:focus,
a.text-blue-l2:hover {
    color: #8dbadf !important
}

.text-blue-l3 {
    color: #b2d0ea !important
}

a.text-blue-l3:focus,
a.text-blue-l3:hover {
    color: #9ec4e5 !important
}

.text-blue-l4 {
    color: #c2daee !important
}

a.text-blue-l4:focus,
a.text-blue-l4:hover {
    color: #aecee8 !important
}

.text-blue-l5 {
    color: #d3e4f3 !important
}

a.text-blue-l5:focus,
a.text-blue-l5:hover {
    color: #bfd8ee !important
}

.text-blue2 {
    color: #3299ed !important
}

a.text-blue2[href]:focus,
a.text-blue2[href]:hover {
    color: #1b8deb !important
}

.text-blue2-m1 {
    color: #44a2ef !important
}

a.text-blue2-m1:focus,
a.text-blue2-m1:hover {
    color: #2d96ed !important
}

.text-blue2-m2 {
    color: #57abf0 !important
}

a.text-blue2-m2:focus,
a.text-blue2-m2:hover {
    color: #409fee !important
}

.text-blue2-m3 {
    color: #69b5f2 !important
}

a.text-blue2-m3:focus,
a.text-blue2-m3:hover {
    color: #52a9f0 !important
}

.text-blue2-d1 {
    color: #3e95dd !important
}

a.text-blue2-d1:focus,
a.text-blue2-d1:hover {
    color: #2889d9 !important
}

.text-blue2-d2 {
    color: #2d8ad5 !important
}

a.text-blue2-d2:focus,
a.text-blue2-d2:hover {
    color: #277dc2 !important
}

.text-blue2-d3 {
    color: #287abe !important
}

a.text-blue2-d3:focus,
a.text-blue2-d3:hover {
    color: #246ca9 !important
}

.text-blue2-l1 {
    color: #84c2f4 !important
}

a.text-blue2-l1:focus,
a.text-blue2-l1:hover {
    color: #6db6f2 !important
}

.text-blue2-l2 {
    color: #96cbf6 !important
}

a.text-blue2-l2:focus,
a.text-blue2-l2:hover {
    color: #7fbff4 !important
}

.text-blue2-l3 {
    color: #a9d4f7 !important
}

a.text-blue2-l3:focus,
a.text-blue2-l3:hover {
    color: #92c8f5 !important
}

.text-blue2-l4 {
    color: #bbddf9 !important
}

a.text-blue2-l4:focus,
a.text-blue2-l4:hover {
    color: #a4d1f7 !important
}

.text-blue2-l5 {
    color: #cee7fb !important
}

a.text-blue2-l5:focus,
a.text-blue2-l5:hover {
    color: #b6dbf9 !important
}

.text-info {
    color: #2daccb !important
}

a.text-info[href]:focus,
a.text-info[href]:hover {
    color: #289ab6 !important
}

.text-info-m1 {
    color: #40b3d0 !important
}

a.text-info-m1:focus,
a.text-info-m1:hover {
    color: #31a8c6 !important
}

.text-info-m2 {
    color: #53bbd4 !important
}

a.text-info-m2:focus,
a.text-info-m2:hover {
    color: #3fb3cf !important
}

.text-info-m3 {
    color: #66c2d9 !important
}

a.text-info-m3:focus,
a.text-info-m3:hover {
    color: #52bad4 !important
}

.text-info-d1 {
    color: #39a5c0 !important
}

a.text-info-d1:focus,
a.text-info-d1:hover {
    color: #3394ac !important
}

.text-info-d2 {
    color: #299bb7 !important
}

a.text-info-d2:focus,
a.text-info-d2:hover {
    color: #2489a2 !important
}

.text-info-d3 {
    color: #248aa2 !important
}

a.text-info-d3:focus,
a.text-info-d3:hover {
    color: #1f788d !important
}

.text-info-l1 {
    color: #81cde0 !important
}

a.text-info-l1:focus,
a.text-info-l1:hover {
    color: #6dc5db !important
}

.text-info-l2 {
    color: #94d5e4 !important
}

a.text-info-l2:focus,
a.text-info-l2:hover {
    color: #80cddf !important
}

.text-info-l3 {
    color: #a7dce9 !important
}

a.text-info-l3:focus,
a.text-info-l3:hover {
    color: #93d4e4 !important
}

.text-info-l4 {
    color: #bae4ee !important
}

a.text-info-l4:focus,
a.text-info-l4:hover {
    color: #a6dce9 !important
}

.text-info-l5 {
    color: #cdebf3 !important
}

a.text-info-l5:focus,
a.text-info-l5:hover {
    color: #b8e3ee !important
}

.text-secondary {
    color: #6f829d !important
}

a.text-secondary[href]:focus,
a.text-secondary[href]:hover {
    color: #627590 !important
}

.text-secondary-m1 {
    color: #7c8da6 !important
}

a.text-secondary-m1:focus,
a.text-secondary-m1:hover {
    color: #6d809c !important
}

.text-secondary-m2 {
    color: #8999af !important
}

a.text-secondary-m2:focus,
a.text-secondary-m2:hover {
    color: #7a8ca5 !important
}

.text-secondary-m3 {
    color: #96a4b7 !important
}

a.text-secondary-m3:focus,
a.text-secondary-m3:hover {
    color: #8797ad !important
}

.text-secondary-d1 {
    color: #728299 !important
}

a.text-secondary-d1:focus,
a.text-secondary-d1:hover {
    color: #65758c !important
}

.text-secondary-d2 {
    color: #64758d !important
}

a.text-secondary-d2:focus,
a.text-secondary-d2:hover {
    color: #59697e !important
}

.text-secondary-d3 {
    color: #59687e !important
}

a.text-secondary-d3:focus,
a.text-secondary-d3:hover {
    color: #4e5c6f !important
}

.text-secondary-l1 {
    color: #a9b4c4 !important
}

a.text-secondary-l1:focus,
a.text-secondary-l1:hover {
    color: #9aa7ba !important
}

.text-secondary-l2 {
    color: #b6bfcd !important
}

a.text-secondary-l2:focus,
a.text-secondary-l2:hover {
    color: #a7b2c3 !important
}

.text-secondary-l3 {
    color: #c3cbd6 !important
}

a.text-secondary-l3:focus,
a.text-secondary-l3:hover {
    color: #b4becc !important
}

.text-secondary-l4 {
    color: #cfd6df !important
}

a.text-secondary-l4:focus,
a.text-secondary-l4:hover {
    color: #c0c9d5 !important
}

.text-secondary-l5 {
    color: #dce1e7 !important
}

a.text-secondary-l5:focus,
a.text-secondary-l5:hover {
    color: #cdd4dd !important
}

.text-default {
    color: #6b97af !important
}

a.text-default[href]:focus,
a.text-default[href]:hover {
    color: #5a8ba6 !important
}

.text-default-m1 {
    color: #78a0b6 !important
}

a.text-default-m1:focus,
a.text-default-m1:hover {
    color: #6794ad !important
}

.text-default-m2 {
    color: #86aabd !important
}

a.text-default-m2:focus,
a.text-default-m2:hover {
    color: #769eb4 !important
}

.text-default-m3 {
    color: #93b3c5 !important
}

a.text-default-m3:focus,
a.text-default-m3:hover {
    color: #82a7bc !important
}

.text-default-d1 {
    color: #6e94a8 !important
}

a.text-default-d1:focus,
a.text-default-d1:hover {
    color: #5f889e !important
}

.text-default-d2 {
    color: #60889e !important
}

a.text-default-d2:focus,
a.text-default-d2:hover {
    color: #567a8e !important
}

.text-default-d3 {
    color: #56798c !important
}

a.text-default-d3:focus,
a.text-default-d3:hover {
    color: #4c6b7c !important
}

.text-default-l1 {
    color: #a6c1cf !important
}

a.text-default-l1:focus,
a.text-default-l1:hover {
    color: #95b5c6 !important
}

.text-default-l2 {
    color: #b4cad6 !important
}

a.text-default-l2:focus,
a.text-default-l2:hover {
    color: #a4becd !important
}

.text-default-l3 {
    color: #c1d3dd !important
}

a.text-default-l3:focus,
a.text-default-l3:hover {
    color: #b1c7d4 !important
}

.text-default-l4 {
    color: #cedde5 !important
}

a.text-default-l4:focus,
a.text-default-l4:hover {
    color: #bdd1dc !important
}

.text-default-l5 {
    color: #dbe6ec !important
}

a.text-default-l5:focus,
a.text-default-l5:hover {
    color: #cadae3 !important
}

.text-success {
    color: #6bae47 !important
}

a.text-success[href]:focus,
a.text-success[href]:hover {
    color: #609c40 !important
}

.text-success-m1 {
    color: #78b558 !important
}

a.text-success-m1:focus,
a.text-success-m1:hover {
    color: #6ba94b !important
}

.text-success-m2 {
    color: #86bd68 !important
}

a.text-success-m2:focus,
a.text-success-m2:hover {
    color: #78b556 !important
}

.text-success-m3 {
    color: #93c479 !important
}

a.text-success-m3:focus,
a.text-success-m3:hover {
    color: #85bc67 !important
}

.text-success-d1 {
    color: #6ea750 !important
}

a.text-success-d1:focus,
a.text-success-d1:hover {
    color: #639648 !important
}

.text-success-d2 {
    color: #609d40 !important
}

a.text-success-d2:focus,
a.text-success-d2:hover {
    color: #558b39 !important
}

.text-success-d3 {
    color: #568b39 !important
}

a.text-success-d3:focus,
a.text-success-d3:hover {
    color: #4b7932 !important
}

.text-success-l1 {
    color: #a6ce91 !important
}

a.text-success-l1:focus,
a.text-success-l1:hover {
    color: #98c67f !important
}

.text-success-l2 {
    color: #b4d6a1 !important
}

a.text-success-l2:focus,
a.text-success-l2:hover {
    color: #a6ce8f !important
}

.text-success-l3 {
    color: #c1ddb2 !important
}

a.text-success-l3:focus,
a.text-success-l3:hover {
    color: #b3d5a0 !important
}

.text-success-l4 {
    color: #cee4c2 !important
}

a.text-success-l4:focus,
a.text-success-l4:hover {
    color: #c0dcb0 !important
}

.text-success-l5 {
    color: #dbecd3 !important
}

a.text-success-l5:focus,
a.text-success-l5:hover {
    color: #cce4c1 !important
}

.text-danger {
    color: #da3737 !important
}

a.text-danger[href]:focus,
a.text-danger[href]:hover {
    color: #d12727 !important
}

.text-danger-m1 {
    color: #dd4949 !important
}

a.text-danger-m1:focus,
a.text-danger-m1:hover {
    color: #d93434 !important
}

.text-danger-m2 {
    color: #e15b5b !important
}

a.text-danger-m2:focus,
a.text-danger-m2:hover {
    color: #dd4545 !important
}

.text-danger-m3 {
    color: #e46d6d !important
}

a.text-danger-m3:focus,
a.text-danger-m3:hover {
    color: #e05757 !important
}

.text-danger-d1 {
    color: #cd4242 !important
}

a.text-danger-d1:focus,
a.text-danger-d1:hover {
    color: #c23333 !important
}

.text-danger-d2 {
    color: #c43232 !important
}

a.text-danger-d2:focus,
a.text-danger-d2:hover {
    color: #b02d2d !important
}

.text-danger-d3 {
    color: #ae2c2c !important
}

a.text-danger-d3:focus,
a.text-danger-d3:hover {
    color: #9a2727 !important
}

.text-danger-l1 {
    color: #e98787 !important
}

a.text-danger-l1:focus,
a.text-danger-l1:hover {
    color: #e57171 !important
}

.text-danger-l2 {
    color: #ec9999 !important
}

a.text-danger-l2:focus,
a.text-danger-l2:hover {
    color: #e88484 !important
}

.text-danger-l3 {
    color: #efabab !important
}

a.text-danger-l3:focus,
a.text-danger-l3:hover {
    color: #eb9696 !important
}

.text-danger-l4 {
    color: #f3bdbd !important
}

a.text-danger-l4:focus,
a.text-danger-l4:hover {
    color: #efa7a7 !important
}

.text-danger-l5 {
    color: #f6cfcf !important
}

a.text-danger-l5:focus,
a.text-danger-l5:hover {
    color: #f2baba !important
}

.text-warning {
    color: #feb902 !important
}

a.text-warning[href]:focus,
a.text-warning[href]:hover {
    color: #e6a701 !important
}

.text-warning-m1 {
    color: #febf19 !important
}

a.text-warning-m1:focus,
a.text-warning-m1:hover {
    color: #fcb701 !important
}

.text-warning-m2 {
    color: #fec630 !important
}

a.text-warning-m2:focus,
a.text-warning-m2:hover {
    color: #febf17 !important
}

.text-warning-m3 {
    color: #fecc46 !important
}

a.text-warning-m3:focus,
a.text-warning-m3:hover {
    color: #fec52d !important
}

.text-warning-d1 {
    color: #ebb015 !important
}

a.text-warning-d1:focus,
a.text-warning-d1:hover {
    color: #d49f12 !important
}

.text-warning-d2 {
    color: #e5a702 !important
}

a.text-warning-d2:focus,
a.text-warning-d2:hover {
    color: #cc9502 !important
}

.text-warning-d3 {
    color: #cb9402 !important
}

a.text-warning-d3:focus,
a.text-warning-d3:hover {
    color: #b28202 !important
}

.text-warning-l1 {
    color: #fed567 !important
}

a.text-warning-l1:focus,
a.text-warning-l1:hover {
    color: #fece4e !important
}

.text-warning-l2 {
    color: #fedb7e !important
}

a.text-warning-l2:focus,
a.text-warning-l2:hover {
    color: #fed465 !important
}

.text-warning-l3 {
    color: #ffe295 !important
}

a.text-warning-l3:focus,
a.text-warning-l3:hover {
    color: #ffdb7c !important
}

.text-warning-l4 {
    color: #ffe8ac !important
}

a.text-warning-l4:focus,
a.text-warning-l4:hover {
    color: #ffe193 !important
}

.text-warning-l5 {
    color: #ffeec2 !important
}

a.text-warning-l5:focus,
a.text-warning-l5:hover {
    color: #ffe7a9 !important
}

.text-orange {
    color: #ff9716 !important
}

a.text-orange[href]:focus,
a.text-orange[href]:hover {
    color: #fc8b00 !important
}

.text-orange-m1 {
    color: #ffa02b !important
}

a.text-orange-m1:focus,
a.text-orange-m1:hover {
    color: #ff9512 !important
}

.text-orange-m2 {
    color: #ffaa40 !important
}

a.text-orange-m2:focus,
a.text-orange-m2:hover {
    color: #ff9f27 !important
}

.text-orange-m3 {
    color: #ffb355 !important
}

a.text-orange-m3:focus,
a.text-orange-m3:hover {
    color: #ffa83c !important
}

.text-orange-d1 {
    color: #ec9426 !important
}

a.text-orange-d1:focus,
a.text-orange-d1:hover {
    color: #e48814 !important
}

.text-orange-d2 {
    color: #e68814 !important
}

a.text-orange-d2:focus,
a.text-orange-d2:hover {
    color: #cf7a12 !important
}

.text-orange-d3 {
    color: #cc7912 !important
}

a.text-orange-d3:focus,
a.text-orange-d3:hover {
    color: #b56b10 !important
}

.text-orange-l1 {
    color: #ffc173 !important
}

a.text-orange-l1:focus,
a.text-orange-l1:hover {
    color: #ffb65a !important
}

.text-orange-l2 {
    color: #ffca88 !important
}

a.text-orange-l2:focus,
a.text-orange-l2:hover {
    color: #ffbf6f !important
}

.text-orange-l3 {
    color: #ffd39d !important
}

a.text-orange-l3:focus,
a.text-orange-l3:hover {
    color: #ffc884 !important
}

.text-orange-l4 {
    color: #ffddb2 !important
}

a.text-orange-l4:focus,
a.text-orange-l4:hover {
    color: #ffd299 !important
}

.text-orange-l5 {
    color: #ffe6c7 !important
}

a.text-orange-l5:focus,
a.text-orange-l5:hover {
    color: #ffdbae !important
}

.text-brown {
    color: #c36446 !important
}

a.text-brown[href]:focus,
a.text-brown[href]:hover {
    color: #b5583b !important
}

.text-brown-m1 {
    color: #c87257 !important
}

a.text-brown-m1:focus,
a.text-brown-m1:hover {
    color: #c26244 !important
}

.text-brown-m2 {
    color: #ce8067 !important
}

a.text-brown-m2:focus,
a.text-brown-m2:hover {
    color: #c87054 !important
}

.text-brown-m3 {
    color: #d38e78 !important
}

a.text-brown-m3:focus,
a.text-brown-m3:hover {
    color: #cd7e65 !important
}

.text-brown-d1 {
    color: #b9684f !important
}

a.text-brown-d1:focus,
a.text-brown-d1:hover {
    color: #ab5c44 !important
}

.text-brown-d2 {
    color: #b05a3f !important
}

a.text-brown-d2:focus,
a.text-brown-d2:hover {
    color: #9d5038 !important
}

.text-brown-d3 {
    color: #9c5038 !important
}

a.text-brown-d3:focus,
a.text-brown-d3:hover {
    color: #894631 !important
}

.text-brown-l1 {
    color: #dba290 !important
}

a.text-brown-l1:focus,
a.text-brown-l1:hover {
    color: #d5927d !important
}

.text-brown-l2 {
    color: #e0b0a1 !important
}

a.text-brown-l2:focus,
a.text-brown-l2:hover {
    color: #daa08e !important
}

.text-brown-l3 {
    color: #e6beb1 !important
}

a.text-brown-l3:focus,
a.text-brown-l3:hover {
    color: #e0ae9e !important
}

.text-brown-l4 {
    color: #ebccc2 !important
}

a.text-brown-l4:focus,
a.text-brown-l4:hover {
    color: #e5bcaf !important
}

.text-brown-l5 {
    color: #f1dad3 !important
}

a.text-brown-l5:focus,
a.text-brown-l5:hover {
    color: #ebcac0 !important
}

.text-yellow {
    color: #f3d61f !important
}

a.text-yellow[href]:focus,
a.text-yellow[href]:hover {
    color: #eccd0d !important
}

.text-yellow-m1 {
    color: #f4da33 !important
}

a.text-yellow-m1:focus,
a.text-yellow-m1:hover {
    color: #f3d61b !important
}

.text-yellow-m2 {
    color: #f5dd47 !important
}

a.text-yellow-m2:focus,
a.text-yellow-m2:hover {
    color: #f4d92f !important
}

.text-yellow-m3 {
    color: #f6e15b !important
}

a.text-yellow-m3:focus,
a.text-yellow-m3:hover {
    color: #f5dd43 !important
}

.text-yellow-d1 {
    color: #e2c92e !important
}

a.text-yellow-d1:focus,
a.text-yellow-d1:hover {
    color: #d8bf1e !important
}

.text-yellow-d2 {
    color: #dbc11c !important
}

a.text-yellow-d2:focus,
a.text-yellow-d2:hover {
    color: #c4ad19 !important
}

.text-yellow-d3 {
    color: #c2ab19 !important
}

a.text-yellow-d3:focus,
a.text-yellow-d3:hover {
    color: #ab9716 !important
}

.text-yellow-l1 {
    color: #f8e679 !important
}

a.text-yellow-l1:focus,
a.text-yellow-l1:hover {
    color: #f7e161 !important
}

.text-yellow-l2 {
    color: #f9ea8d !important
}

a.text-yellow-l2:focus,
a.text-yellow-l2:hover {
    color: #f8e675 !important
}

.text-yellow-l3 {
    color: #faeea1 !important
}

a.text-yellow-l3:focus,
a.text-yellow-l3:hover {
    color: #f9ea89 !important
}

.text-yellow-l4 {
    color: #fbf1b5 !important
}

a.text-yellow-l4:focus,
a.text-yellow-l4:hover {
    color: #faec9d !important
}

.text-yellow-l5 {
    color: #fcf5c9 !important
}

a.text-yellow-l5:focus,
a.text-yellow-l5:hover {
    color: #fbf1b1 !important
}

.text-purple {
    color: #8e58b8 !important
}

a.text-purple[href]:focus,
a.text-purple[href]:hover {
    color: #814aad !important
}

.text-purple-m1 {
    color: #9867be !important
}

a.text-purple-m1:focus,
a.text-purple-m1:hover {
    color: #8c55b6 !important
}

.text-purple-m2 {
    color: #a276c5 !important
}

a.text-purple-m2:focus,
a.text-purple-m2:hover {
    color: #9664bd !important
}

.text-purple-m3 {
    color: #ad85cb !important
}

a.text-purple-m3:focus,
a.text-purple-m3:hover {
    color: #a173c3 !important
}

.text-purple-d1 {
    color: #8c5eb0 !important
}

a.text-purple-d1:focus,
a.text-purple-d1:hover {
    color: #7f50a4 !important
}

.text-purple-d2 {
    color: #804fa6 !important
}

a.text-purple-d2:focus,
a.text-purple-d2:hover {
    color: #734795 !important
}

.text-purple-d3 {
    color: #724693 !important
}

a.text-purple-d3:focus,
a.text-purple-d3:hover {
    color: #653e82 !important
}

.text-purple-l1 {
    color: #bb9bd4 !important
}

a.text-purple-l1:focus,
a.text-purple-l1:hover {
    color: #af89cc !important
}

.text-purple-l2 {
    color: #c5aadb !important
}

a.text-purple-l2:focus,
a.text-purple-l2:hover {
    color: #b998d3 !important
}

.text-purple-l3 {
    color: #d0b9e1 !important
}

a.text-purple-l3:focus,
a.text-purple-l3:hover {
    color: #c4a7d9 !important
}

.text-purple-l4 {
    color: #dac8e8 !important
}

a.text-purple-l4:focus,
a.text-purple-l4:hover {
    color: #ceb6e0 !important
}

.text-purple-l5 {
    color: #e4d7ee !important
}

a.text-purple-l5:focus,
a.text-purple-l5:hover {
    color: #d8c5e6 !important
}

.text-pink {
    color: #d3407f !important
}

a.text-pink[href]:focus,
a.text-pink[href]:hover {
    color: #cb2f72 !important
}

.text-pink-m1 {
    color: #d7518b !important
}

a.text-pink-m1:focus,
a.text-pink-m1:hover {
    color: #d23c7d !important
}

.text-pink-m2 {
    color: #db6296 !important
}

a.text-pink-m2:focus,
a.text-pink-m2:hover {
    color: #d64d88 !important
}

.text-pink-m3 {
    color: #df74a2 !important
}

a.text-pink-m3:focus,
a.text-pink-m3:hover {
    color: #da5f94 !important
}

.text-pink-d1 {
    color: #c74a7f !important
}

a.text-pink-d1:focus,
a.text-pink-d1:hover {
    color: #bd3a72 !important
}

.text-pink-d2 {
    color: #be3a72 !important
}

a.text-pink-d2:focus,
a.text-pink-d2:hover {
    color: #aa3466 !important
}

.text-pink-d3 {
    color: #a93366 !important
}

a.text-pink-d3:focus,
a.text-pink-d3:hover {
    color: #952d5a !important
}

.text-pink-l1 {
    color: #e58cb2 !important
}

a.text-pink-l1:focus,
a.text-pink-l1:hover {
    color: #e077a4 !important
}

.text-pink-l2 {
    color: #e99ebe !important
}

a.text-pink-l2:focus,
a.text-pink-l2:hover {
    color: #e489b0 !important
}

.text-pink-l3 {
    color: #edafc9 !important
}

a.text-pink-l3:focus,
a.text-pink-l3:hover {
    color: #e89abb !important
}

.text-pink-l4 {
    color: #f0c0d5 !important
}

a.text-pink-l4:focus,
a.text-pink-l4:hover {
    color: #ebabc7 !important
}

.text-pink-l5 {
    color: #f4d1e0 !important
}

a.text-pink-l5:focus,
a.text-pink-l5:hover {
    color: #efbcd2 !important
}

.text-grey {
    color: #6e7074 !important
}

a.text-grey[href]:focus,
a.text-grey[href]:hover {
    color: #626367 !important
}

.text-grey-m1 {
    color: #7b7d81 !important
}

a.text-grey-m1:focus,
a.text-grey-m1:hover {
    color: #6f7074 !important
}

.text-grey-m2 {
    color: #888a8d !important
}

a.text-grey-m2:focus,
a.text-grey-m2:hover {
    color: #7b7d80 !important
}

.text-grey-m3 {
    color: #95979a !important
}

a.text-grey-m3:focus,
a.text-grey-m3:hover {
    color: #888a8e !important
}

.text-grey-d1 {
    color: #717276 !important
}

a.text-grey-d1:focus,
a.text-grey-d1:hover {
    color: #656569 !important
}

.text-grey-d2 {
    color: #636568 !important
}

a.text-grey-d2:focus,
a.text-grey-d2:hover {
    color: #57585b !important
}

.text-grey-d3 {
    color: #585a5d !important
}

a.text-grey-d3:focus,
a.text-grey-d3:hover {
    color: #4c4d50 !important
}

.text-grey-l1 {
    color: #a8a9ac !important
}

a.text-grey-l1:focus,
a.text-grey-l1:hover {
    color: #9b9ca0 !important
}

.text-grey-l2 {
    color: #b5b6b8 !important
}

a.text-grey-l2:focus,
a.text-grey-l2:hover {
    color: #a8a9ac !important
}

.text-grey-l3 {
    color: #c2c3c5 !important
}

a.text-grey-l3:focus,
a.text-grey-l3:hover {
    color: #b5b6b9 !important
}

.text-grey-l4 {
    color: #cfd0d1 !important
}

a.text-grey-l4:focus,
a.text-grey-l4:hover {
    color: #c2c3c5 !important
}

.text-grey-l5 {
    color: #dcddde !important
}

a.text-grey-l5:focus,
a.text-grey-l5:hover {
    color: #cfd0d2 !important
}

.text-dark {
    color: #323337 !important
}

a.text-dark[href]:focus,
a.text-dark[href]:hover {
    color: #26272a !important
}

.text-dark-m1 {
    color: #444549 !important
}

a.text-dark-m1:focus,
a.text-dark-m1:hover {
    color: #38393c !important
}

.text-dark-m2 {
    color: #57585b !important
}

a.text-dark-m2:focus,
a.text-dark-m2:hover {
    color: #4b4b4e !important
}

.text-dark-m3 {
    color: #696a6d !important
}

a.text-dark-m3:focus,
a.text-dark-m3:hover {
    color: #5c5d60 !important
}

.text-dark-d1 {
    color: #3e3f42 !important
}

a.text-dark-d1:focus,
a.text-dark-d1:hover {
    color: #323235 !important
}

.text-dark-d2 {
    color: #2d2e32 !important
}

a.text-dark-d2:focus,
a.text-dark-d2:hover {
    color: #212225 !important
}

.text-dark-d3 {
    color: #28292c !important
}

a.text-dark-d3:focus,
a.text-dark-d3:hover {
    color: #1c1d1f !important
}

.text-dark-l1 {
    color: #848587 !important
}

a.text-dark-l1:focus,
a.text-dark-l1:hover {
    color: #77787a !important
}

.text-dark-l2 {
    color: #969799 !important
}

a.text-dark-l2:focus,
a.text-dark-l2:hover {
    color: #898a8c !important
}

.text-dark-l3 {
    color: #a9a9ab !important
}

a.text-dark-l3:focus,
a.text-dark-l3:hover {
    color: #9c9c9e !important
}

.text-dark-l4 {
    color: #bbbcbd !important
}

a.text-dark-l4:focus,
a.text-dark-l4:hover {
    color: #aeafb0 !important
}

.text-dark-l5 {
    color: #cececf !important
}

a.text-dark-l5:focus,
a.text-dark-l5:hover {
    color: #c1c1c2 !important
}

.text-white-tp1 {
    color: rgba(255, 255, 255, .93) !important
}

.text-white-tp2 {
    color: rgba(255, 255, 255, .87) !important
}

.text-white-tp3 {
    color: rgba(255, 255, 255, .8) !important
}

.text-white-tp4 {
    color: rgba(255, 255, 255, .73) !important
}

.text-dark-tp1 {
    color: rgba(0, 0, 0, .9) !important
}

.text-dark-tp2 {
    color: rgba(0, 0, 0, .79) !important
}

.text-dark-tp3 {
    color: rgba(0, 0, 0, .68) !important
}

.text-dark-tp4 {
    color: rgba(0, 0, 0, .57) !important
}

.text-dark-tp5 {
    color: rgba(0, 0, 0, .46) !important
}

.text-body {
    color: #484b51 !important
}

.opacity-1 {
    opacity: .91
}

.opacity-2 {
    opacity: .82
}

.opacity-3 {
    opacity: .73
}

.opacity-4 {
    opacity: .64
}

a {
    color: #191970
}

a:hover {
    color: #38a063;
}

.text-40 {
    font-size: 40% !important
}

.text-50 {
    font-size: 50% !important
}

.text-60 {
    font-size: 60% !important
}

.text-70 {
    font-size: 70% !important
}

.text-80 {
    font-size: 80% !important
}

.text-90 {
    font-size: 90% !important
}

.text-100 {
    font-size: 100% !important
}

.text-110 {
    font-size: 110% !important
}

.text-120 {
    font-size: 120% !important
}

.text-130 {
    font-size: 130% !important
}

.text-140 {
    font-size: 140% !important
}

.text-150 {
    font-size: 150% !important
}

.text-160 {
    font-size: 160% !important
}

.text-170 {
    font-size: 170% !important
}

.text-180 {
    font-size: 180% !important
}

.text-190 {
    font-size: 190% !important
}

.text-200 {
    font-size: 200% !important
}
.text-210 {
    font-size: 210% !important
}
.text-220 {
    font-size: 220% !important
}
.text-230 {
    font-size: 230% !important
}
.text-240 {
    font-size: 240% !important
}
.text-250 {
    font-size: 250% !important
}
.text-260 {
    font-size: 260% !important
}
.text-270 {
    font-size: 270% !important
}
.text-280 {
    font-size: 280% !important
}
.text-290 {
    font-size: 290% !important
}
.text-300 {
    font-size: 300% !important
}

.text-95 {
    font-size: 95% !important
}

.text-85 {
    font-size: 85% !important
}

.text-75 {
    font-size: 75% !important
}

.text-105 {
    font-size: 105% !important
}

.text-115 {
    font-size: 115% !important
}

.text-125 {
    font-size: 125% !important
}

.text-xs {
    font-size: .625rem !important
}

.text-sm {
    font-size: .875rem !important
}

.text-md {
    font-size: 1rem !important
}

.text-lg {
    font-size: 1.25rem !important
}

.text-xl {
    font-size: 1.5rem !important
}

.text-900, .font-900 {
    font-weight: 900 !important;
}

.font-bold,
.text-700 {
    font-weight: 700 !important
}

.font-bolder,
.text-600 {
    font-weight: 600 !important
}

.font-medium,
.text-500 {
    font-weight: 500 !important
}

.font-normal,
.text-400 {
    font-weight: 400 !important
}

.font-light,
.font-lighter,
.text-300 {
    font-weight: 300 !important
}

.no-underline {
    text-decoration: none !important
}

.line-through {
    text-decoration: line-through !important
}

.line-height-n {
    line-height: normal !important
}

.letter-spacing {
    letter-spacing: .5px !important
}

.letter-spacing-1 {
    letter-spacing: 1px !important
}

.letter-spacing-2 {
    letter-spacing: 1.5px !important
}

.letter-spacing-3 {
    letter-spacing: 2px !important
}

.letter-spacing-4 {
    letter-spacing: 2.5px !important
}

.bgc-default {
    background-color: #79a9c5 !important
}

.brc-default {
    border-color: #79a9c5 !important
}

.bgc-default-tp1 {
    background-color: rgba(121, 169, 197, .92) !important
}

.brc-default-tp1 {
    border-color: rgba(121, 169, 197, .92) !important
}

.bgc-default-tp2 {
    background-color: rgba(121, 169, 197, .84) !important
}

.brc-default-tp2 {
    border-color: rgba(121, 169, 197, .84) !important
}

.bgc-default-tp3 {
    background-color: rgba(121, 169, 197, .76) !important
}

.brc-default-tp3 {
    border-color: rgba(121, 169, 197, .76) !important
}

.bgc-default-tp4 {
    background-color: rgba(121, 169, 197, .68) !important
}

.brc-default-tp4 {
    border-color: rgba(121, 169, 197, .68) !important
}

.bgc-default-d1 {
    background-color: #6da1c0 !important
}

.bgc-default-d2 {
    background-color: #6099ba !important
}

.bgc-default-m1 {
    background-color: #8db6ce !important
}

.brc-default-m1,
.brc-h-default-m1:hover {
    border-color: #8db6ce !important
}

.bgc-default-m2 {
    background-color: #a1c3d6 !important
}

.brc-default-m2,
.brc-h-default-m2:hover {
    border-color: #a1c3d6 !important
}

.bgc-default-m3 {
    background-color: #b5d0df !important
}

.brc-default-m3,
.brc-h-default-m3:hover {
    border-color: #b5d0df !important
}

.bgc-default-m4 {
    background-color: #c9dce8 !important
}

.brc-default-m4,
.brc-h-default-m4:hover {
    border-color: #c9dce8 !important
}

.bgc-default-l1,
.bgc-h-default-l1:hover {
    background-color: #dce9f0 !important
}

.brc-default-l1 {
    border-color: #dce9f0 !important
}

.bgc-default-l2,
.bgc-h-default-l2:hover {
    background-color: #e6eff4 !important
}

.brc-default-l2 {
    border-color: #e6eff4 !important
}

.bgc-default-l3,
.bgc-h-default-l3:hover {
    background-color: #eef4f8 !important
}

.brc-default-l3 {
    border-color: #eef4f8 !important
}

.bgc-default-l4,
.bgc-h-default-l4:hover {
    background-color: #f3f8fa !important
}

.brc-default-l4 {
    border-color: #f3f8fa !important
}

.bgc-default-l5,
.bgc-h-default-l5:hover {
    background-color: #f9fbfc !important
}

.brc-default-l5 {
    border-color: #f9fbfc !important
}

.bgc-primary {
    background-color: #5899ca !important
}

.brc-primary {
    border-color: #5899ca !important
}

.bgc-primary-tp1 {
    background-color: rgba(88, 153, 202, .92) !important
}

.brc-primary-tp1 {
    border-color: rgba(88, 153, 202, .92) !important
}

.bgc-primary-tp2 {
    background-color: rgba(88, 153, 202, .84) !important
}

.brc-primary-tp2 {
    border-color: rgba(88, 153, 202, .84) !important
}

.bgc-primary-tp3 {
    background-color: rgba(88, 153, 202, .76) !important
}

.brc-primary-tp3 {
    border-color: rgba(88, 153, 202, .76) !important
}

.bgc-primary-tp4 {
    background-color: rgba(88, 153, 202, .68) !important
}

.brc-primary-tp4 {
    border-color: rgba(88, 153, 202, .68) !important
}

.bgc-primary-d1 {
    background-color: #4a91c6 !important
}

.bgc-primary-d2 {
    background-color: #3d88c1 !important
}

.bgc-primary-m1 {
    background-color: #71a8d2 !important
}

.brc-h-primary-m1:hover,
.brc-primary-m1 {
    border-color: #71a8d2 !important
}

.bgc-primary-m2 {
    background-color: #8bb8da !important
}

.brc-h-primary-m2:hover,
.brc-primary-m2 {
    border-color: #8bb8da !important
}

.bgc-primary-m3 {
    background-color: #a4c7e2 !important
}

.brc-h-primary-m3:hover,
.brc-primary-m3 {
    border-color: #a4c7e2 !important
}

.bgc-primary-m4 {
    background-color: #bdd7ea !important
}

.brc-h-primary-m4:hover,
.brc-primary-m4 {
    border-color: #bdd7ea !important
}

.bgc-h-primary-l1:hover,
.bgc-primary-l1 {
    background-color: #d5e5f2 !important
}

.brc-primary-l1 {
    border-color: #d5e5f2 !important
}

.bgc-h-primary-l2:hover,
.bgc-primary-l2 {
    background-color: #e2edf6 !important
}

.brc-primary-l2 {
    border-color: #e2edf6 !important
}

.bgc-h-primary-l3:hover,
.bgc-primary-l3 {
    background-color: #ebf3f9 !important
}

.brc-primary-l3 {
    border-color: #ebf3f9 !important
}

.bgc-h-primary-l4:hover,
.bgc-primary-l4 {
    background-color: #f2f7fb !important
}

.brc-primary-l4 {
    border-color: #f2f7fb !important
}

.bgc-h-primary-l5:hover,
.bgc-primary-l5 {
    background-color: #f9fcfd !important
}

.brc-primary-l5 {
    border-color: #f9fcfd !important
}

.bgc-secondary {
    background-color: #91a3ac !important
}

.brc-secondary {
    border-color: #91a3ac !important
}

.bgc-secondary-tp1 {
    background-color: rgba(145, 163, 172, .92) !important
}

.brc-secondary-tp1 {
    border-color: rgba(145, 163, 172, .92) !important
}

.bgc-secondary-tp2 {
    background-color: rgba(145, 163, 172, .84) !important
}

.brc-secondary-tp2 {
    border-color: rgba(145, 163, 172, .84) !important
}

.bgc-secondary-tp3 {
    background-color: rgba(145, 163, 172, .76) !important
}

.brc-secondary-tp3 {
    border-color: rgba(145, 163, 172, .76) !important
}

.bgc-secondary-tp4 {
    background-color: rgba(145, 163, 172, .68) !important
}

.brc-secondary-tp4 {
    border-color: rgba(145, 163, 172, .68) !important
}

.bgc-secondary-d1 {
    background-color: #879aa4 !important
}

.bgc-secondary-d2 {
    background-color: #7d929d !important
}

.bgc-secondary-m1 {
    background-color: #a1b1b8 !important
}

.brc-h-secondary-m1:hover,
.brc-secondary-m1 {
    border-color: #a1b1b8 !important
}

.bgc-secondary-m2 {
    background-color: #b2bec5 !important
}

.brc-h-secondary-m2:hover,
.brc-secondary-m2 {
    border-color: #b2bec5 !important
}

.bgc-secondary-m3 {
    background-color: #c2ccd1 !important
}

.brc-h-secondary-m3:hover,
.brc-secondary-m3 {
    border-color: #c2ccd1 !important
}

.bgc-secondary-m4 {
    background-color: #d2dadd !important
}

.brc-h-secondary-m4:hover,
.brc-secondary-m4 {
    border-color: #d2dadd !important
}

.bgc-h-secondary-l1:hover,
.bgc-secondary-l1 {
    background-color: #e2e7e9 !important
}

.brc-secondary-l1 {
    border-color: #e2e7e9 !important
}

.bgc-h-secondary-l2:hover,
.bgc-secondary-l2 {
    background-color: #eaedef !important
}

.brc-secondary-l2 {
    border-color: #eaedef !important
}

.bgc-h-secondary-l3:hover,
.bgc-secondary-l3 {
    background-color: #f0f3f4 !important
}

.brc-secondary-l3 {
    border-color: #f0f3f4 !important
}

.bgc-h-secondary-l4:hover,
.bgc-secondary-l4 {
    background-color: #f5f7f7 !important
}

.brc-secondary-l4 {
    border-color: #f5f7f7 !important
}

.bgc-h-secondary-l5:hover,
.bgc-secondary-l5 {
    background-color: #f9fafb !important
}

.brc-secondary-l5 {
    border-color: #f9fafb !important
}

.bgc-info {
    background-color: #57b5da !important
}

.brc-info {
    border-color: #57b5da !important
}

.bgc-info-tp1 {
    background-color: rgba(87, 181, 218, .92) !important
}

.brc-info-tp1 {
    border-color: rgba(87, 181, 218, .92) !important
}

.bgc-info-tp2 {
    background-color: rgba(87, 181, 218, .84) !important
}

.brc-info-tp2 {
    border-color: rgba(87, 181, 218, .84) !important
}

.bgc-info-tp3 {
    background-color: rgba(87, 181, 218, .76) !important
}

.brc-info-tp3 {
    border-color: rgba(87, 181, 218, .76) !important
}

.bgc-info-tp4 {
    background-color: rgba(87, 181, 218, .68) !important
}

.brc-info-tp4 {
    border-color: rgba(87, 181, 218, .68) !important
}

.bgc-info-d1 {
    background-color: #48afd7 !important
}

.bgc-info-d2 {
    background-color: #3aa8d4 !important
}

.bgc-info-m1 {
    background-color: #70c0e0 !important
}

.brc-h-info-m1:hover,
.brc-info-m1 {
    border-color: #70c0e0 !important
}

.bgc-info-m2 {
    background-color: #8acbe5 !important
}

.brc-h-info-m2:hover,
.brc-info-m2 {
    border-color: #8acbe5 !important
}

.bgc-info-m3 {
    background-color: #a3d7eb !important
}

.brc-h-info-m3:hover,
.brc-info-m3 {
    border-color: #a3d7eb !important
}

.bgc-info-m4 {
    background-color: #bde2f0 !important
}

.brc-h-info-m4:hover,
.brc-info-m4 {
    border-color: #bde2f0 !important
}

.bgc-h-info-l1:hover,
.bgc-info-l1 {
    background-color: #d5ecf6 !important
}

.brc-info-l1 {
    border-color: #d5ecf6 !important
}

.bgc-h-info-l2:hover,
.bgc-info-l2 {
    background-color: #e1f2f8 !important
}

.brc-info-l2 {
    border-color: #e1f2f8 !important
}

.bgc-h-info-l3:hover,
.bgc-info-l3 {
    background-color: #ebf6fb !important
}

.brc-info-l3 {
    border-color: #ebf6fb !important
}

.bgc-h-info-l4:hover,
.bgc-info-l4 {
    background-color: #f2f9fc !important
}

.brc-info-l4 {
    border-color: #f2f9fc !important
}

.bgc-h-info-l5:hover,
.bgc-info-l5 {
    background-color: #f9fcfe !important
}

.brc-info-l5 {
    border-color: #f9fcfe !important
}

.bgc-success {
    background-color: #73bd73 !important
}

.brc-success {
    border-color: #73bd73 !important
}

.bgc-success-tp1 {
    background-color: rgba(115, 189, 115, .92) !important
}

.brc-success-tp1 {
    border-color: rgba(115, 189, 115, .92) !important
}

.bgc-success-tp2 {
    background-color: rgba(115, 189, 115, .84) !important
}

.brc-success-tp2 {
    border-color: rgba(115, 189, 115, .84) !important
}

.bgc-success-tp3 {
    background-color: rgba(115, 189, 115, .76) !important
}

.brc-success-tp3 {
    border-color: rgba(115, 189, 115, .76) !important
}

.bgc-success-tp4 {
    background-color: rgba(115, 189, 115, .68) !important
}

.brc-success-tp4 {
    border-color: rgba(115, 189, 115, .68) !important
}

.bgc-success-d1 {
    background-color: #67b767 !important
}

.bgc-success-d2 {
    background-color: #5bb25b !important
}

.bgc-success-m1 {
    background-color: #25a06f !important
}

.brc-h-success-m1:hover,
.brc-success-m1 {
    border-color: #88c788 !important
}

.bgc-success-m2 {
    background-color: #9dd19d !important
}

.brc-h-success-m2:hover,
.brc-success-m2 {
    border-color: #9dd19d !important
}

.bgc-success-m3 {
    background-color: #b2dbb2 !important
}

.brc-h-success-m3:hover,
.brc-success-m3 {
    border-color: #b2dbb2 !important
}

.bgc-success-m4 {
    background-color: #c7e5c7 !important
}

.brc-h-success-m4:hover,
.brc-success-m4 {
    border-color: #c7e5c7 !important
}

.bgc-h-success-l1:hover,
.bgc-success-l1 {
    background-color: #dbeedb !important
}

.brc-success-l1 {
    border-color: #dbeedb !important
}

.bgc-h-success-l2:hover,
.bgc-success-l2 {
    background-color: #e6f3e6 !important
}

.brc-success-l2 {
    border-color: #e6f3e6 !important
}

.bgc-h-success-l3:hover,
.bgc-success-l3 {
    background-color: #eef7ee !important
}

.brc-success-l3 {
    border-color: #eef7ee !important
}

.bgc-h-success-l4:hover,
.bgc-success-l4 {
    background-color: #f4faf4 !important
}

.brc-success-l4 {
    border-color: #f4faf4 !important
}

.bgc-h-success-l5:hover,
.bgc-success-l5 {
    background-color: #fafcfa !important
}

.brc-success-l5 {
    border-color: #fafcfa !important
}

.bgc-danger {
    background-color: #FF0000 !important
}

.brc-danger {
    border-color: #FF0000 !important
}

.bgc-danger-tp1 {
    background-color: rgba(221, 106, 87, .92) !important
}

.brc-danger-tp1 {
    border-color: rgba(221, 106, 87, .92) !important
}

.bgc-danger-tp2 {
    background-color: rgba(221, 106, 87, .84) !important
}

.brc-danger-tp2 {
    border-color: rgba(221, 106, 87, .84) !important
}

.bgc-danger-tp3 {
    background-color: rgba(221, 106, 87, .76) !important
}

.brc-danger-tp3 {
    border-color: rgba(221, 106, 87, .76) !important
}

.bgc-danger-tp4 {
    background-color: rgba(221, 106, 87, .68) !important
}

.brc-danger-tp4 {
    border-color: rgba(221, 106, 87, .68) !important
}

.bgc-danger-d1 {
    background-color: #da5d48 !important
}

.bgc-danger-d2 {
    background-color: #d75039 !important
}

.bgc-danger-m1 {
    background-color: #a01800 !important
}

.brc-danger-m1,
.brc-h-danger-m1:hover {
    border-color: #e28171 !important
}

.bgc-danger-m2 {
    background-color: #e7988b !important
}

.brc-danger-m2,
.brc-h-danger-m2:hover {
    border-color: #e7988b !important
}

.bgc-danger-m3 {
    background-color: #edafa4 !important
}

.brc-danger-m3,
.brc-h-danger-m3:hover {
    border-color: #edafa4 !important
}

.bgc-danger-m4 {
    background-color: #f2c5be !important
}

.brc-danger-m4,
.brc-h-danger-m4:hover {
    border-color: #f2c5be !important
}

.bgc-danger-l1,
.bgc-h-danger-l1:hover {
    background-color: #f7dbd6 !important
}

.brc-danger-l1 {
    border-color: #f7dbd6 !important
}

.bgc-danger-l2,
.bgc-h-danger-l2:hover {
    background-color: #f9e6e3 !important
}

.brc-danger-l2 {
    border-color: #f9e6e3 !important
}

.bgc-danger-l3,
.bgc-h-danger-l3:hover {
    background-color: #fbefed !important
}

.brc-danger-l3 {
    border-color: #fbefed !important
}

.bgc-danger-l4,
.bgc-h-danger-l4:hover {
    background-color: #fdf6f4 !important
}

.brc-danger-l4 {
    border-color: #fdf6f4 !important
}

.bgc-danger-l5,
.bgc-h-danger-l5:hover {
    background-color: #fefcfc !important
}

.brc-danger-l5 {
    border-color: #fefcfc !important
}

.bgc-warning {
    background-color: #FF9800 !important
}

.brc-warning {
    border-color: #FF9800 !important
}

.bgc-warning-tp1 {
    background-color: rgba(239, 174, 67, .92) !important
}

.brc-warning-tp1 {
    border-color: rgba(239, 174, 67, .92) !important
}

.bgc-warning-tp2 {
    background-color: rgba(239, 174, 67, .84) !important
}

.brc-warning-tp2 {
    border-color: rgba(239, 174, 67, .84) !important
}

.bgc-warning-tp3 {
    background-color: rgba(239, 174, 67, .76) !important
}

.brc-warning-tp3 {
    border-color: rgba(239, 174, 67, .76) !important
}

.bgc-warning-tp4 {
    background-color: rgba(239, 174, 67, .68) !important
}

.brc-warning-tp4 {
    border-color: rgba(239, 174, 67, .68) !important
}

.bgc-warning-d1 {
    background-color: #eea733 !important
}

.bgc-warning-d2 {
    background-color: #eca022 !important
}

.bgc-warning-m1 {
    background-color: #f1ba60 !important
}

.brc-h-warning-m1:hover,
.brc-warning-m1 {
    border-color: #f1ba60 !important
}

.bgc-warning-m2 {
    background-color: #f4c77c !important
}

.brc-h-warning-m2:hover,
.brc-warning-m2 {
    border-color: #f4c77c !important
}

.bgc-warning-m3 {
    background-color: #f6d399 !important
}

.brc-h-warning-m3:hover,
.brc-warning-m3 {
    border-color: #f6d399 !important
}

.bgc-warning-m4 {
    background-color: #f9dfb5 !important
}

.brc-h-warning-m4:hover,
.brc-warning-m4 {
    border-color: #f9dfb5 !important
}

.bgc-h-warning-l1:hover,
.bgc-warning-l1 {
    background-color: #fbebd0 !important
}

.brc-warning-l1 {
    border-color: #fbebd0 !important
}

.bgc-h-warning-l2:hover,
.bgc-warning-l2 {
    background-color: #fcf1de !important
}

.brc-warning-l2 {
    border-color: #fcf1de !important
}

.bgc-h-warning-l3:hover,
.bgc-warning-l3 {
    background-color: #fdf6ea !important
}

.brc-warning-l3 {
    border-color: #fdf6ea !important
}

.bgc-h-warning-l4:hover,
.bgc-warning-l4 {
    background-color: #fef9f1 !important
}

.brc-warning-l4 {
    border-color: #fef9f1 !important
}

.bgc-h-warning-l5:hover,
.bgc-warning-l5 {
    background-color: #fffdf9 !important
}

.brc-warning-l5 {
    border-color: #fffdf9 !important
}

.bgc-dark {
    background-color: #515559 !important
}

.brc-dark {
    border-color: #515559 !important
}

/* .bgc-dark-tp1 {
    background-color: rgba(81, 85, 89, .92) !important
} */

.bgc-dark-tp1 {
    background-color: #191970;
}

.brc-dark-tp1 {
    border-color: rgba(81, 85, 89, .92) !important
}

.bgc-dark-tp2 {
    background-color: rgba(81, 85, 89, .84) !important
}

.brc-dark-tp2 {
    border-color: rgba(81, 85, 89, .84) !important
}

.bgc-dark-tp3 {
    background-color: rgba(81, 85, 89, .76) !important
}

.brc-dark-tp3 {
    border-color: rgba(81, 85, 89, .76) !important
}

.bgc-dark-tp4 {
    background-color: rgba(81, 85, 89, .68) !important
}

.brc-dark-tp4 {
    border-color: rgba(81, 85, 89, .68) !important
}

.bgc-dark-d1 {
    background-color: #484c50 !important
}

.bgc-dark-d2 {
    background-color: #404346 !important
}

.bgc-dark-m1 {
    background-color: #6a6f74 !important
}

.brc-dark-m1,
.brc-h-dark-m1:hover {
    border-color: #6a6f74 !important
}

.bgc-dark-m2 {
    background-color: #83898e !important
}

.brc-dark-m2,
.brc-h-dark-m2:hover {
    border-color: #83898e !important
}

.bgc-dark-m3 {
    background-color: #9ea2a7 !important
}

.brc-dark-m3,
.brc-h-dark-m3:hover {
    border-color: #9ea2a7 !important
}

.bgc-dark-m4 {
    background-color: #b9bcbf !important
}

.brc-dark-m4,
.brc-h-dark-m4:hover {
    border-color: #b9bcbf !important
}

.bgc-dark-l1,
.bgc-h-dark-l1:hover {
    background-color: #d3d5d7 !important
}

.brc-dark-l1 {
    border-color: #d3d5d7 !important
}

.bgc-dark-l2,
.bgc-h-dark-l2:hover {
    background-color: #e0e2e3 !important
}

.brc-dark-l2 {
    border-color: #e0e2e3 !important
}

.bgc-dark-l3,
.bgc-h-dark-l3:hover {
    background-color: #ebeced !important
}

.brc-dark-l3 {
    border-color: #ebeced !important
}

.bgc-dark-l4,
.bgc-h-dark-l4:hover {
    background-color: #f2f3f3 !important
}

.brc-dark-l4 {
    border-color: #f2f3f3 !important
}

.bgc-dark-l5,
.bgc-h-dark-l5:hover {
    background-color: #fafafa !important
}

.brc-dark-l5 {
    border-color: #fafafa !important
}

.bgc-light {
    background-color: #f5f6f9 !important
}

.brc-light {
    border-color: #f5f6f9 !important
}

.bgc-light-tp1 {
    background-color: rgba(245, 246, 249, .92) !important
}

.brc-light-tp1 {
    border-color: rgba(245, 246, 249, .92) !important
}

.bgc-light-tp2 {
    background-color: rgba(245, 246, 249, .84) !important
}

.brc-light-tp2 {
    border-color: rgba(245, 246, 249, .84) !important
}

.bgc-light-tp3 {
    background-color: rgba(245, 246, 249, .76) !important
}

.brc-light-tp3 {
    border-color: rgba(245, 246, 249, .76) !important
}

.bgc-light-tp4 {
    background-color: rgba(245, 246, 249, .68) !important
}

.brc-light-tp4 {
    border-color: rgba(245, 246, 249, .68) !important
}

.bgc-light-d1 {
    background-color: #eaecf2 !important
}

.bgc-light-d2 {
    background-color: #dfe2ec !important
}

.bgc-light-m1 {
    background-color: #f6f7fa !important
}

.brc-h-light-m1:hover,
.brc-light-m1 {
    border-color: #f6f7fa !important
}

.bgc-light-m2 {
    background-color: #f8f9fb !important
}

.brc-h-light-m2:hover,
.brc-light-m2 {
    border-color: #f8f9fb !important
}

.bgc-light-m3 {
    background-color: #f9fafc !important
}

.brc-h-light-m3:hover,
.brc-light-m3 {
    border-color: #f9fafc !important
}

.bgc-light-m4 {
    background-color: #fbfbfc !important
}

.brc-h-light-m4:hover,
.brc-light-m4 {
    border-color: #fbfbfc !important
}

.bgc-h-light-l1:hover,
.bgc-light-l1 {
    background-color: #fcfcfd !important
}

.brc-light-l1 {
    border-color: #fcfcfd !important
}

.bgc-h-light-l2:hover,
.bgc-light-l2 {
    background-color: #fdfdfe !important
}

.brc-light-l2 {
    border-color: #fdfdfe !important
}

.bgc-h-light-l3:hover,
.bgc-light-l3 {
    background-color: #fdfefe !important
}

.brc-light-l3 {
    border-color: #fdfefe !important
}

.bgc-h-light-l4:hover,
.bgc-light-l4 {
    background-color: #fefefe !important
}

.brc-light-l4 {
    border-color: #fefefe !important
}

.bgc-h-light-l5:hover,
.bgc-light-l5 {
    background-color: #fefefe !important
}

.brc-light-l5 {
    border-color: #fefefe !important
}

.bgc-white {
    background-color: #fff !important
}

.brc-white {
    border-color: #fff !important
}

.bgc-white-d1 {
    background-color: #f6f6f6 !important
}

.bgc-white-d2 {
    background-color: #ededed !important
}

.bgc-black {
    background-color: #313539 !important
}

.brc-black {
    border-color: #313539 !important
}

.bgc-black-d1 {
    background-color: #292c2f !important
}

.bgc-black-d2 {
    background-color: #202326 !important
}

.bgc-black-m1 {
    background-color: #4d535a !important
}

.brc-black-m1,
.brc-h-black-m1:hover {
    border-color: #4d535a !important
}

.bgc-black-m2 {
    background-color: #69727a !important
}

.brc-black-m2,
.brc-h-black-m2:hover {
    border-color: #69727a !important
}

.bgc-black-m3 {
    background-color: #889099 !important
}

.brc-black-m3,
.brc-h-black-m3:hover {
    border-color: #889099 !important
}

.bgc-black-m4 {
    background-color: #a9afb5 !important
}

.brc-black-m4,
.brc-h-black-m4:hover {
    border-color: #a9afb5 !important
}

.bgc-black-l1,
.bgc-h-black-l1:hover {
    background-color: #c7cbcf !important
}

.brc-black-l1 {
    border-color: #c7cbcf !important
}

.bgc-black-l2,
.bgc-h-black-l2:hover {
    background-color: #d8dbdd !important
}

.brc-black-l2 {
    border-color: #d8dbdd !important
}

.bgc-black-l3,
.bgc-h-black-l3:hover {
    background-color: #e5e6e8 !important
}

.brc-black-l3 {
    border-color: #e5e6e8 !important
}

.bgc-black-l4,
.bgc-h-black-l4:hover {
    background-color: #eeeff0 !important
}

.brc-black-l4 {
    border-color: #eeeff0 !important
}

.bgc-black-l5,
.bgc-h-black-l5:hover {
    background-color: #f7f7f8 !important
}

.brc-black-l5 {
    border-color: #f7f7f8 !important
}

.bgc-grey {
    background-color: #8d8f95 !important
}

.brc-grey {
    border-color: #8d8f95 !important
}

.bgc-grey-tp1 {
    background-color: rgba(141, 143, 149, .92) !important
}

.brc-grey-tp1 {
    border-color: rgba(141, 143, 149, .92) !important
}

.bgc-grey-tp2 {
    background-color: rgba(141, 143, 149, .84) !important
}

.brc-grey-tp2 {
    border-color: rgba(141, 143, 149, .84) !important
}

.bgc-grey-tp3 {
    background-color: rgba(141, 143, 149, .76) !important
}

.brc-grey-tp3 {
    border-color: rgba(141, 143, 149, .76) !important
}

.bgc-grey-tp4 {
    background-color: rgba(141, 143, 149, .68) !important
}

.brc-grey-tp4 {
    border-color: rgba(141, 143, 149, .68) !important
}

.bgc-grey-d1 {
    background-color: #84868c !important
}

.bgc-grey-d2 {
    background-color: #7b7d84 !important
}

.bgc-grey-m1 {
    background-color: #9ea0a5 !important
}

.brc-grey-m1,
.brc-h-grey-m1:hover {
    border-color: #9ea0a5 !important
}

.bgc-grey-m2 {
    background-color: #afb1b5 !important
}

.brc-grey-m2,
.brc-h-grey-m2:hover {
    border-color: #afb1b5 !important
}

.bgc-grey-m3 {
    background-color: #c1c2c5 !important
}

.brc-grey-m3,
.brc-h-grey-m3:hover {
    border-color: #c1c2c5 !important
}

.bgc-grey-m4 {
    background-color: #d2d3d5 !important
}

.brc-grey-m4,
.brc-h-grey-m4:hover {
    border-color: #d2d3d5 !important
}

.bgc-grey-l1,
.bgc-h-grey-l1:hover {
    background-color: #e2e3e4 !important
}

.brc-grey-l1 {
    border-color: #e2e3e4 !important
}

.bgc-grey-l2,
.bgc-h-grey-l2:hover {
    background-color: #ebebec !important
}

.brc-grey-l2 {
    border-color: #ebebec !important
}

.bgc-grey-l3,
.bgc-h-grey-l3:hover {
    background-color: #f2f2f3 !important
}

.brc-grey-l3 {
    border-color: #f2f2f3 !important
}

.bgc-grey-l4,
.bgc-h-grey-l4:hover {
    background-color: #f6f7f7 !important
}

.brc-grey-l4 {
    border-color: #f6f7f7 !important
}

.bgc-grey-l5,
.bgc-h-grey-l5:hover {
    background-color: #fbfbfb !important
}

.brc-grey-l5 {
    border-color: #fbfbfb !important
}

.bgc-purple {
    background-color: #8d7bbd !important
}

.brc-purple {
    border-color: #8d7bbd !important
}

.bgc-purple-tp1 {
    background-color: rgba(141, 123, 189, .92) !important
}

.brc-purple-tp1 {
    border-color: rgba(141, 123, 189, .92) !important
}

.bgc-purple-tp2 {
    background-color: rgba(141, 123, 189, .84) !important
}

.brc-purple-tp2 {
    border-color: rgba(141, 123, 189, .84) !important
}

.bgc-purple-tp3 {
    background-color: rgba(141, 123, 189, .76) !important
}

.brc-purple-tp3 {
    border-color: rgba(141, 123, 189, .76) !important
}

.bgc-purple-tp4 {
    background-color: rgba(141, 123, 189, .68) !important
}

.brc-purple-tp4 {
    border-color: rgba(141, 123, 189, .68) !important
}

.bgc-purple-d1 {
    background-color: #836fb7 !important
}

.bgc-purple-d2 {
    background-color: #7863b1 !important
}

.bgc-purple-m1 {
    background-color: #9e8fc7 !important
}

.brc-h-purple-m1:hover,
.brc-purple-m1 {
    border-color: #9e8fc7 !important
}

.bgc-purple-m2 {
    background-color: #afa3d1 !important
}

.brc-h-purple-m2:hover,
.brc-purple-m2 {
    border-color: #afa3d1 !important
}

.bgc-purple-m3 {
    background-color: #c1b7db !important
}

.brc-h-purple-m3:hover,
.brc-purple-m3 {
    border-color: #c1b7db !important
}

.bgc-purple-m4 {
    background-color: #d2cbe5 !important
}

.brc-h-purple-m4:hover,
.brc-purple-m4 {
    border-color: #d2cbe5 !important
}

.bgc-h-purple-l1:hover,
.bgc-purple-l1 {
    background-color: #e2ddee !important
}

.brc-purple-l1 {
    border-color: #e2ddee !important
}

.bgc-h-purple-l2:hover,
.bgc-purple-l2 {
    background-color: #ebe7f3 !important
}

.brc-purple-l2 {
    border-color: #ebe7f3 !important
}

.bgc-h-purple-l3:hover,
.bgc-purple-l3 {
    background-color: #f1eff7 !important
}

.brc-purple-l3 {
    border-color: #f1eff7 !important
}

.bgc-h-purple-l4:hover,
.bgc-purple-l4 {
    background-color: #f6f5fa !important
}

.brc-purple-l4 {
    border-color: #f6f5fa !important
}

.bgc-h-purple-l5:hover,
.bgc-purple-l5 {
    background-color: #fbfafd !important
}

.brc-purple-l5 {
    border-color: #fbfafd !important
}

.bgc-pink {
    background-color: #d65c8b !important
}

.brc-pink {
    border-color: #d65c8b !important
}

.bgc-pink-tp1 {
    background-color: rgba(214, 92, 139, .92) !important
}

.brc-pink-tp1 {
    border-color: rgba(214, 92, 139, .92) !important
}

.bgc-pink-tp2 {
    background-color: rgba(214, 92, 139, .84) !important
}

.brc-pink-tp2 {
    border-color: rgba(214, 92, 139, .84) !important
}

.bgc-pink-tp3 {
    background-color: rgba(214, 92, 139, .76) !important
}

.brc-pink-tp3 {
    border-color: rgba(214, 92, 139, .76) !important
}

.bgc-pink-tp4 {
    background-color: rgba(214, 92, 139, .68) !important
}

.brc-pink-tp4 {
    border-color: rgba(214, 92, 139, .68) !important
}

.bgc-pink-d1 {
    background-color: #d24e81 !important
}

.bgc-pink-d2 {
    background-color: #cf3f77 !important
}

.bgc-pink-m1 {
    background-color: #dc759d !important
}

.brc-h-pink-m1:hover,
.brc-pink-m1 {
    border-color: #dc759d !important
}

.bgc-pink-m2 {
    background-color: #e28eae !important
}

.brc-h-pink-m2:hover,
.brc-pink-m2 {
    border-color: #e28eae !important
}

.bgc-pink-m3 {
    background-color: #e9a6c0 !important
}

.brc-h-pink-m3:hover,
.brc-pink-m3 {
    border-color: #e9a6c0 !important
}

.bgc-pink-m4 {
    background-color: #efbfd1 !important
}

.brc-h-pink-m4:hover,
.brc-pink-m4 {
    border-color: #efbfd1 !important
}

.bgc-h-pink-l1:hover,
.bgc-pink-l1 {
    background-color: #f5d6e2 !important
}

.brc-pink-l1 {
    border-color: #f5d6e2 !important
}

.bgc-h-pink-l2:hover,
.bgc-pink-l2 {
    background-color: #f8e3eb !important
}

.brc-pink-l2 {
    border-color: #f8e3eb !important
}

.bgc-h-pink-l3:hover,
.bgc-pink-l3 {
    background-color: #faecf2 !important
}

.brc-pink-l3 {
    border-color: #faecf2 !important
}

.bgc-h-pink-l4:hover,
.bgc-pink-l4 {
    background-color: #fcf3f7 !important
}

.brc-pink-l4 {
    border-color: #fcf3f7 !important
}

.bgc-h-pink-l5:hover,
.bgc-pink-l5 {
    background-color: #fefafc !important
}

.brc-pink-l5 {
    border-color: #fefafc !important
}

.bgc-yellow {
    background-color: #f4e47c !important
}

.brc-yellow {
    border-color: #f4e47c !important
}

.bgc-yellow-radvin {
    background-color: #ffff00 !important
}

.brc-yellow-radvin {
    background-color: #ffff00 !important
}

.bgc-yellow-tp1 {
    background-color: rgba(244, 228, 124, .92) !important
}

.brc-yellow-tp1 {
    border-color: rgba(244, 228, 124, .92) !important
}

.bgc-yellow-tp2 {
    background-color: rgba(244, 228, 124, .84) !important
}

.brc-yellow-tp2 {
    border-color: rgba(244, 228, 124, .84) !important
}

.bgc-yellow-tp3 {
    background-color: rgba(244, 228, 124, .76) !important
}

.brc-yellow-tp3 {
    border-color: rgba(244, 228, 124, .76) !important
}

.bgc-yellow-tp4 {
    background-color: rgba(244, 228, 124, .68) !important
}

.brc-yellow-tp4 {
    border-color: rgba(244, 228, 124, .68) !important
}

.bgc-yellow-d1 {
    background-color: #f3e16c !important
}

.bgc-yellow-d2 {
    background-color: #f1dd5b !important
}

.bgc-yellow-m1 {
    background-color: #f6e890 !important
}

.brc-h-yellow-m1:hover,
.brc-yellow-m1 {
    border-color: #f6e890 !important
}

.bgc-yellow-m2 {
    background-color: #f7eca4 !important
}

.brc-h-yellow-m2:hover,
.brc-yellow-m2 {
    border-color: #f7eca4 !important
}

.bgc-yellow-m3 {
    background-color: #f9f0b8 !important
}

.brc-h-yellow-m3:hover,
.brc-yellow-m3 {
    border-color: #f9f0b8 !important
}

.bgc-yellow-m4 {
    background-color: #fbf5cc !important
}

.brc-h-yellow-m4:hover,
.brc-yellow-m4 {
    border-color: #fbf5cc !important
}

.bgc-h-yellow-l1:hover,
.bgc-yellow-l1 {
    background-color: #fcf8df !important
}

.brc-yellow-l1 {
    border-color: #fcf8df !important
}

.bgc-h-yellow-l2:hover,
.bgc-yellow-l2 {
    background-color: #fdfbea !important
}

.brc-yellow-l2 {
    border-color: #fdfbea !important
}

.bgc-h-yellow-l3:hover,
.bgc-yellow-l3 {
    background-color: #fefcf1 !important
}

.brc-yellow-l3 {
    border-color: #fefcf1 !important
}

.bgc-h-yellow-l4:hover,
.bgc-yellow-l4 {
    background-color: #fefdf7 !important
}

.brc-yellow-l4 {
    border-color: #fefdf7 !important
}

.bgc-h-yellow-l5:hover,
.bgc-yellow-l5 {
    background-color: #fffefd !important
}

.brc-yellow-l5 {
    border-color: #fffefd !important
}

.bgc-lightgrey {
    background-color: #a9adb3 !important
}

.brc-lightgrey {
    border-color: #a9adb3 !important
}

.bgc-lightgrey-tp1 {
    background-color: rgba(169, 173, 179, .92) !important
}

.brc-lightgrey-tp1 {
    border-color: rgba(169, 173, 179, .92) !important
}

.bgc-lightgrey-tp2 {
    background-color: rgba(169, 173, 179, .84) !important
}

.brc-lightgrey-tp2 {
    border-color: rgba(169, 173, 179, .84) !important
}

.bgc-lightgrey-tp3 {
    background-color: rgba(169, 173, 179, .76) !important
}

.brc-lightgrey-tp3 {
    border-color: rgba(169, 173, 179, .76) !important
}

.bgc-lightgrey-tp4 {
    background-color: rgba(169, 173, 179, .68) !important
}

.brc-lightgrey-tp4 {
    border-color: rgba(169, 173, 179, .68) !important
}

.bgc-lightgrey-d1 {
    background-color: #a0a4ab !important
}

.bgc-lightgrey-d2 {
    background-color: #969ba2 !important
}

.bgc-lightgrey-m1 {
    background-color: #b6b9be !important
}

.brc-h-lightgrey-m1:hover,
.brc-lightgrey-m1 {
    border-color: #b6b9be !important
}

.bgc-lightgrey-m2 {
    background-color: #c3c5ca !important
}

.brc-h-lightgrey-m2:hover,
.brc-lightgrey-m2 {
    border-color: #c3c5ca !important
}

.bgc-lightgrey-m3 {
    background-color: #cfd2d5 !important
}

.brc-h-lightgrey-m3:hover,
.brc-lightgrey-m3 {
    border-color: #cfd2d5 !important
}

.bgc-lightgrey-m4 {
    background-color: #dcdee0 !important
}

.brc-h-lightgrey-m4:hover,
.brc-lightgrey-m4 {
    border-color: #dcdee0 !important
}

.bgc-h-lightgrey-l1:hover,
.bgc-lightgrey-l1 {
    background-color: #e8e9eb !important
}

.brc-lightgrey-l1 {
    border-color: #e8e9eb !important
}

.bgc-h-lightgrey-l2:hover,
.bgc-lightgrey-l2 {
    background-color: #efeff1 !important
}

.brc-lightgrey-l2 {
    border-color: #efeff1 !important
}

.bgc-h-lightgrey-l3:hover,
.bgc-lightgrey-l3 {
    background-color: #f4f4f5 !important
}

.brc-lightgrey-l3 {
    border-color: #f4f4f5 !important
}

.bgc-h-lightgrey-l4:hover,
.bgc-lightgrey-l4 {
    background-color: #f7f8f8 !important
}

.brc-lightgrey-l4 {
    border-color: #f7f8f8 !important
}

.bgc-h-lightgrey-l5:hover,
.bgc-lightgrey-l5 {
    background-color: #fbfbfb !important
}

.brc-lightgrey-l5 {
    border-color: #fbfbfb !important
}

.bgc-brown {
    background-color: #c59c6b !important
}

.brc-brown {
    border-color: #c59c6b !important
}

.bgc-brown-tp1 {
    background-color: rgba(197, 156, 107, .92) !important
}

.brc-brown-tp1 {
    border-color: rgba(197, 156, 107, .92) !important
}

.bgc-brown-tp2 {
    background-color: rgba(197, 156, 107, .84) !important
}

.brc-brown-tp2 {
    border-color: rgba(197, 156, 107, .84) !important
}

.bgc-brown-tp3 {
    background-color: rgba(197, 156, 107, .76) !important
}

.brc-brown-tp3 {
    border-color: rgba(197, 156, 107, .76) !important
}

.bgc-brown-tp4 {
    background-color: rgba(197, 156, 107, .68) !important
}

.brc-brown-tp4 {
    border-color: rgba(197, 156, 107, .68) !important
}

.bgc-brown-d1 {
    background-color: #c0935e !important
}

.bgc-brown-d2 {
    background-color: #bb8b51 !important
}

.bgc-brown-m1 {
    background-color: #ceab81 !important
}

.brc-brown-m1,
.brc-h-brown-m1:hover {
    border-color: #ceab81 !important
}

.bgc-brown-m2 {
    background-color: #d6ba98 !important
}

.brc-brown-m2,
.brc-h-brown-m2:hover {
    border-color: #d6ba98 !important
}

.bgc-brown-m3 {
    background-color: #dfc9ae !important
}

.brc-brown-m3,
.brc-h-brown-m3:hover {
    border-color: #dfc9ae !important
}

.bgc-brown-m4 {
    background-color: #e8d8c4 !important
}

.brc-brown-m4,
.brc-h-brown-m4:hover {
    border-color: #e8d8c4 !important
}

.bgc-brown-l1,
.bgc-h-brown-l1:hover {
    background-color: #f0e6d9 !important
}

.brc-brown-l1 {
    border-color: #f0e6d9 !important
}

.bgc-brown-l2,
.bgc-h-brown-l2:hover {
    background-color: #f4ede4 !important
}

.brc-brown-l2 {
    border-color: #f4ede4 !important
}

.bgc-brown-l3,
.bgc-h-brown-l3:hover {
    background-color: #f8f3ed !important
}

.brc-brown-l3 {
    border-color: #f8f3ed !important
}

.bgc-brown-l4,
.bgc-h-brown-l4:hover {
    background-color: #faf7f3 !important
}

.brc-brown-l4 {
    border-color: #faf7f3 !important
}

.bgc-brown-l5,
.bgc-h-brown-l5:hover {
    background-color: #fdfbf9 !important
}

.brc-brown-l5 {
    border-color: #fdfbf9 !important
}

.bgc-blue {
    background-color: #53abe4 !important
}

.brc-blue {
    border-color: #53abe4 !important
}

.bgc-blue-tp1 {
    background-color: rgba(83, 171, 228, .92) !important
}

.brc-blue-tp1 {
    border-color: rgba(83, 171, 228, .92) !important
}

.bgc-blue-tp2 {
    background-color: rgba(83, 171, 228, .84) !important
}

.brc-blue-tp2 {
    border-color: rgba(83, 171, 228, .84) !important
}

.bgc-blue-tp3 {
    background-color: rgba(83, 171, 228, .76) !important
}

.brc-blue-tp3 {
    border-color: rgba(83, 171, 228, .76) !important
}

.bgc-blue-tp4 {
    background-color: rgba(83, 171, 228, .68) !important
}

.brc-blue-tp4 {
    border-color: rgba(83, 171, 228, .68) !important
}

.bgc-blue-d1 {
    background-color: #44a3e2 !important
}

.bgc-blue-d2 {
    background-color: #349cdf !important
}

.bgc-blue-m1 {
    background-color: #6db8e8 !important
}

.brc-blue-m1,
.brc-h-blue-m1:hover {
    border-color: #191970 !important;
}

.bgc-blue-m2 {
    background-color: #87c4ec !important
}

.brc-blue-m2,
.brc-h-blue-m2:hover {
    border-color: #87c4ec !important
}

.bgc-blue-m3 {
    background-color: #a0d1f0 !important
}

.brc-blue-m3,
.brc-h-blue-m3:hover {
    border-color: #a0d1f0 !important
}

.bgc-blue-m4 {
    background-color: #baddf4 !important
}

.brc-blue-m4,
.brc-h-blue-m4:hover {
    border-color: #baddf4 !important
}

.bgc-blue-l1,
.bgc-h-blue-l1:hover {
    background-color: #d3e9f8 !important
}

.brc-blue-l1 {
    border-color: #d3e9f8 !important
}

.bgc-blue-l2,
.bgc-h-blue-l2:hover {
    background-color: #dff0fa !important
}

.brc-blue-l2 {
    border-color: #dff0fa !important
}

.bgc-blue-l3,
.bgc-h-blue-l3:hover {
    background-color: #e9f4fc !important
}

.brc-blue-l3 {
    border-color: #e9f4fc !important
}

.bgc-blue-l4,
.bgc-h-blue-l4:hover {
    background-color: #f1f8fd !important
}

.brc-blue-l4 {
    border-color: #f1f8fd !important
}

.bgc-blue-l5,
.bgc-h-blue-l5:hover {
    background-color: #f8fbfe !important
}

.brc-blue-l5 {
    border-color: #f8fbfe !important
}

.bgc-red {
    background-color: #ed6565 !important
}

.brc-red {
    border-color: #ed6565 !important
}

.bgc-red-tp1 {
    background-color: rgba(237, 101, 101, .92) !important
}

.brc-red-tp1 {
    border-color: rgba(237, 101, 101, .92) !important
}

.bgc-red-tp2 {
    background-color: rgba(237, 101, 101, .84) !important
}

.brc-red-tp2 {
    border-color: rgba(237, 101, 101, .84) !important
}

.bgc-red-tp3 {
    background-color: rgba(237, 101, 101, .76) !important
}

.brc-red-tp3 {
    border-color: rgba(237, 101, 101, .76) !important
}

.bgc-red-tp4 {
    background-color: rgba(237, 101, 101, .68) !important
}

.brc-red-tp4 {
    border-color: rgba(237, 101, 101, .68) !important
}

.bgc-red-d1 {
    background-color: #eb5555 !important
}

.bgc-red-d2 {
    background-color: #e94545 !important
}

.bgc-red-m1 {
    background-color: #f07d7d !important
}

.brc-h-red-m1:hover,
.brc-red-m1 {
    border-color: #f07d7d !important
}

.bgc-red-m2 {
    background-color: #f39494 !important
}

.brc-h-red-m2:hover,
.brc-red-m2 {
    border-color: #f39494 !important
}

.bgc-red-m3 {
    background-color: #f5acac !important
}

.brc-h-red-m3:hover,
.brc-red-m3 {
    border-color: #f5acac !important
}

.bgc-red-m4 {
    background-color: #f8c4c4 !important
}

.brc-h-red-m4:hover,
.brc-red-m4 {
    border-color: #f8c4c4 !important
}

.bgc-h-red-l1:hover,
.bgc-red-l1 {
    background-color: #fbdada !important
}

.brc-red-l1 {
    border-color: #fbdada !important
}

.bgc-h-red-l2:hover,
.bgc-red-l2 {
    background-color: #fce6e6 !important
}

.brc-red-l2 {
    border-color: #fce6e6 !important
}

.bgc-h-red-l3:hover,
.bgc-red-l3 {
    background-color: #fdefef !important
}

.brc-red-l3 {
    border-color: #fdefef !important
}

.bgc-h-red-l4:hover,
.bgc-red-l4 {
    background-color: #fef5f5 !important
}

.brc-red-l4 {
    border-color: #fef5f5 !important
}

.bgc-h-red-l5:hover,
.bgc-red-l5 {
    background-color: #fffcfc !important
}

.brc-red-l5 {
    border-color: #fffcfc !important
}

.bgc-green {
    background-color: #62cb9f !important
}

.brc-green {
    border-color: #62cb9f !important
}

.bgc-green-tp1 {
    background-color: rgba(98, 203, 159, .92) !important
}

.brc-green-tp1 {
    border-color: rgba(98, 203, 159, .92) !important
}

.bgc-green-tp2 {
    background-color: rgba(98, 203, 159, .84) !important
}

.brc-green-tp2 {
    border-color: rgba(98, 203, 159, .84) !important
}

.bgc-green-tp3 {
    background-color: rgba(98, 203, 159, .76) !important
}

.brc-green-tp3 {
    border-color: rgba(98, 203, 159, .76) !important
}

.bgc-green-tp4 {
    background-color: rgba(98, 203, 159, .68) !important
}

.brc-green-tp4 {
    border-color: rgba(98, 203, 159, .68) !important
}

.bgc-green-d1 {
    background-color: #55c797 !important
}

.bgc-green-d2 {
    background-color: #47c28f !important
}

.bgc-green-m1 {
    background-color: #79d3ad !important
}

.brc-green-m1,
.brc-h-green-m1:hover {
    border-color: #79d3ad !important
}

.bgc-green-m2 {
    background-color: #91dabb !important
}

.brc-green-m2,
.brc-h-green-m2:hover {
    border-color: #91dabb !important
}

.bgc-green-m3 {
    background-color: #a8e2ca !important
}

.brc-green-m3,
.brc-h-green-m3:hover {
    border-color: #a8e2ca !important
}

.bgc-green-m4 {
    background-color: #bfead8 !important
}

.brc-green-m4,
.brc-h-green-m4:hover {
    border-color: #bfead8 !important
}

.bgc-green-l1,
.bgc-h-green-l1:hover {
    background-color: #d5f1e5 !important
}

.brc-green-l1 {
    border-color: #d5f1e5 !important
}

.bgc-green-l2,
.bgc-h-green-l2:hover {
    background-color: #e1f5ec !important
}

.brc-green-l2 {
    border-color: #e1f5ec !important
}

.bgc-green-l3,
.bgc-h-green-l3:hover {
    background-color: #eaf8f2 !important
}

.brc-green-l3 {
    border-color: #eaf8f2 !important
}

.bgc-green-l4,
.bgc-h-green-l4:hover {
    background-color: #f0faf6 !important
}

.brc-green-l4 {
    border-color: #f0faf6 !important
}

.bgc-green-l5,
.bgc-h-green-l5:hover {
    background-color: #f7fcfa !important
}

.brc-green-l5 {
    border-color: #f7fcfa !important
}

.bgc-transparent {
    background-color: transparent !important
}

[class*=bgc-h-] {
    transition: background-color .15s
}

.brc-transparent {
    border-color: transparent !important
}

[class*=brc-h-] {
    transition: border-color .15s
}

.brc-black {
    border-color: #000 !important
}

.brc-white {
    border-color: #fff !important
}

.bgc-current {
    background-color: currentColor !important
}

.brc-current {
    border-color: currentColor !important
}

.bgc-black-tp1,
.bgc-h-black-tp1:hover {
    background-color: rgba(0, 0, 0, .9075) !important
}

.bgc-h-white-tp1:hover,
.bgc-white-tp1 {
    background-color: rgba(255, 255, 255, .9075) !important
}

.bgc-black-tp2,
.bgc-h-black-tp2:hover {
    background-color: rgba(0, 0, 0, .815) !important
}

.bgc-h-white-tp2:hover,
.bgc-white-tp2 {
    background-color: rgba(255, 255, 255, .815) !important
}

.bgc-black-tp3,
.bgc-h-black-tp3:hover {
    background-color: rgba(0, 0, 0, .7225) !important
}

.bgc-h-white-tp3:hover,
.bgc-white-tp3 {
    background-color: rgba(255, 255, 255, .7225) !important
}

.bgc-black-tp4,
.bgc-h-black-tp4:hover {
    background-color: rgba(0, 0, 0, .63) !important
}

.bgc-h-white-tp4:hover,
.bgc-white-tp4 {
    background-color: rgba(255, 255, 255, .63) !important
}

.bgc-black-tp5,
.bgc-h-black-tp5:hover {
    background-color: rgba(0, 0, 0, .5375) !important
}

.bgc-h-white-tp5:hover,
.bgc-white-tp5 {
    background-color: rgba(255, 255, 255, .5375) !important
}

.bgc-black-tp6,
.bgc-h-black-tp6:hover {
    background-color: rgba(0, 0, 0, .445) !important
}

.bgc-h-white-tp6:hover,
.bgc-white-tp6 {
    background-color: rgba(255, 255, 255, .445) !important
}

.bgc-black-tp7,
.bgc-h-black-tp7:hover {
    background-color: rgba(0, 0, 0, .3525) !important
}

.bgc-h-white-tp7:hover,
.bgc-white-tp7 {
    background-color: rgba(255, 255, 255, .3525) !important
}

.bgc-black-tp8,
.bgc-h-black-tp8:hover {
    background-color: rgba(0, 0, 0, .26) !important
}

.bgc-h-white-tp8:hover,
.bgc-white-tp8 {
    background-color: rgba(255, 255, 255, .26) !important
}

.bgc-black-tp9,
.bgc-h-black-tp9:hover {
    background-color: rgba(0, 0, 0, .1675) !important
}

.bgc-h-white-tp9:hover,
.bgc-white-tp9 {
    background-color: rgba(255, 255, 255, .1675) !important
}

.bgc-black-tp10,
.bgc-h-black-tp10:hover {
    background-color: rgba(0, 0, 0, .075) !important
}

.bgc-h-white-tp10:hover,
.bgc-white-tp10 {
    background-color: rgba(255, 255, 255, .075) !important
}

.brc-black-tp1 {
    border-color: rgba(0, 0, 0, .9075) !important
}

.brc-white-tp1 {
    border-color: rgba(255, 255, 255, .9075) !important
}

.brc-black-tp2 {
    border-color: rgba(0, 0, 0, .815) !important
}

.brc-white-tp2 {
    border-color: rgba(255, 255, 255, .815) !important
}

.brc-black-tp3 {
    border-color: rgba(0, 0, 0, .7225) !important
}

.brc-white-tp3 {
    border-color: rgba(255, 255, 255, .7225) !important
}

.brc-black-tp4 {
    border-color: rgba(0, 0, 0, .63) !important
}

.brc-white-tp4 {
    border-color: rgba(255, 255, 255, .63) !important
}

.brc-black-tp5 {
    border-color: rgba(0, 0, 0, .5375) !important
}

.brc-white-tp5 {
    border-color: rgba(255, 255, 255, .5375) !important
}

.brc-black-tp6 {
    border-color: rgba(0, 0, 0, .445) !important
}

.brc-white-tp6 {
    border-color: rgba(255, 255, 255, .445) !important
}

.brc-black-tp7 {
    border-color: rgba(0, 0, 0, .3525) !important
}

.brc-white-tp7 {
    border-color: rgba(255, 255, 255, .3525) !important
}

.brc-black-tp8 {
    border-color: rgba(0, 0, 0, .26) !important
}

.brc-white-tp8 {
    border-color: rgba(255, 255, 255, .26) !important
}

.brc-black-tp9 {
    border-color: rgba(0, 0, 0, .1675) !important
}

.brc-white-tp9 {
    border-color: rgba(255, 255, 255, .1675) !important
}

.brc-black-tp10 {
    border-color: rgba(0, 0, 0, .075) !important
}

.brc-white-tp10 {
    border-color: rgba(255, 255, 255, .075) !important
}

.bgc-dark-grad {
    background-image: linear-gradient(rgba(0, 0, 0, .33) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .33) 100%)
}

.bgc-light-grad {
    background-image: linear-gradient(rgba(255, 255, 255, .33) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .33) 100%)
}

.bgc-white-grad {
    background-image: linear-gradient(rgba(255, 255, 255, .87) 0, rgba(255, 255, 255, .33) 50%, rgba(255, 255, 255, .87) 100%)
}

.bg-none {
    background-image: none !important
}

.border-0 {
    border-width: 0 !important;
    border-style: solid !important;
    border-color: transparent
}

.border-none {
    border-width: 0 !important;
    border-style: solid;
    border-color: transparent
}

.border-1 {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent
}

.border-2 {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: transparent
}

.border-3 {
    border-width: 3px !important;
    border-style: solid !important;
    border-color: transparent
}

.border-4 {
    border-width: 4px !important;
    border-style: solid !important;
    border-color: transparent
}

.border-t-0,
.border-y-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-0,
.border-y-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-0,
.border-x-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-0,
.border-x-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-t-1,
.border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-1,
.border-y-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-1,
.border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-1,
.border-x-1 {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-t-2,
.border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-2,
.border-y-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-2,
.border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-2,
.border-x-2 {
    border-right-width: 2px !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-t-3,
.border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-3,
.border-y-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-3,
.border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-3,
.border-x-3 {
    border-right-width: 3px !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-t-4,
.border-y-4 {
    border-top-width: 4px !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-4,
.border-y-4 {
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-4,
.border-x-4 {
    border-left-width: 4px !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-4,
.border-x-4 {
    border-right-width: 4px !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-solid {
    border-style: solid !important
}

.border-dotted {
    border-style: dotted !important
}

.border-double {
    border-style: double !important
}

.border-dashed {
    border-style: dashed !important
}

[class*=b-underline-] {
    position: relative
}

[class*=b-underline-]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -.25rem;
    right: 1px;
    border-bottom: 2px solid;
    border-color: currentColor;
    opacity: .55;
    max-width: 80%
}

[class*=b-underline-n]::after {
    max-width: none
}

.b-centered::after {
    right: 0;
    left: 0;
    margin: 0 auto
}

.b-underline-0::after {
    width: 0
}

.b-underline-n0::after {
    width: calc(100% - 0rem)
}

.b-underline-1::after {
    width: 1rem
}

.b-underline-n1::after {
    width: calc(100% - 1rem)
}

.b-underline-2::after {
    width: 2rem
}

.b-underline-n2::after {
    width: calc(100% - 2rem)
}

.b-underline-3::after {
    width: 3rem
}

.b-underline-n3::after {
    width: calc(100% - 3rem)
}

.b-underline-4::after {
    width: 4rem
}

.b-underline-n4::after {
    width: calc(100% - 4rem)
}

.b-underline-5::after {
    width: 5rem
}

.b-underline-n5::after {
    width: calc(100% - 5rem)
}

.b-hovered::after {
    transition: width .15s, max-width 0s .15s
}

@media (prefers-reduced-motion:reduce) {
    .b-hovered::after {
        transition: none
    }
}

.b-hovered:hover::after {
    width: 100%;
    max-width: 100%;
    transition-delay: 0s, 0s
}

.radius-0 {
    border-radius: 0 !important
}

.radius-1 {
    border-radius: .25rem !important
}

.radius-2 {
    border-radius: .5rem !important
}

.radius-3 {
    border-radius: .75rem !important
}

.radius-4 {
    border-radius: 1rem !important
}

.radius-5 {
    border-radius: 1.25rem !important
}

.radius-1px {
    border-radius: 1px !important
}

.radius-2px {
    border-radius: 2px !important
}

.radius-3px {
    border-radius: 3px !important
}

.radius-5px {
    border-radius:  5px !important;
}

.radius-10rem {
    border-radius:  10rem !important;
}


.radius-l-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.radius-t-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.radius-r-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.radius-b-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.radius-l-1 {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.radius-t-1 {
    border-top-right-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.radius-r-1 {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.radius-b-1 {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.radius-l-2 {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.radius-t-2 {
    border-top-right-radius: .5rem !important;
    border-top-left-radius: .5rem !important
}

.radius-r-2 {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
}

.radius-b-2 {
    border-bottom-right-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important
}

.radius-l-3 {
    border-top-right-radius: .75rem !important;
    border-bottom-right-radius: .75rem !important
}

.radius-t-3 {
    border-top-right-radius: .75rem !important;
    border-top-left-radius: .75rem !important
}

.radius-r-3 {
    border-bottom-left-radius: .75rem !important;
    border-top-left-radius: .75rem !important
}

.radius-b-3 {
    border-bottom-right-radius: .75rem !important;
    border-bottom-left-radius: .75rem !important
}

.radius-l-4 {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important
}

.radius-t-4 {
    border-top-right-radius: 1rem !important;
    border-top-left-radius: 1rem !important
}

.radius-r-4 {
    border-bottom-left-radius: 1rem !important;
    border-top-left-radius: 1rem !important
}

.radius-b-4 {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important
}

.radius-l-5 {
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important
}

.radius-t-5 {
    border-top-right-radius: 1.25rem !important;
    border-top-left-radius: 1.25rem !important
}

.radius-r-5 {
    border-bottom-left-radius: 1.25rem !important;
    border-top-left-radius: 1.25rem !important
}

.radius-b-5 {
    border-bottom-right-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important
}

.radius-round {
    border-radius: 4rem !important
}

.radius-l-round {
    border-top-right-radius: 4rem !important;
    border-bottom-right-radius: 4rem !important
}

.radius-t-round {
    border-top-right-radius: 4rem !important;
    border-top-left-radius: 4rem !important
}

.radius-r-round {
    border-bottom-left-radius: 4rem !important;
    border-top-left-radius: 4rem !important
}

.radius-b-round {
    border-bottom-right-radius: 4rem !important;
    border-bottom-left-radius: 4rem !important
}

.radius-100 {
    border-radius: 100% !important
}

.mw-auto {
    min-width: auto !important
}

.mw-none {
    max-width: none !important
}

.mh-auto {
    min-height: auto !important
}

.mh-none {
    max-height: none !important
}

.minh-100 {
    min-height: 100% !important
}

.minw-100 {
    min-width: 100% !important
}

.w-90 {
    width: 90% !important
}

.h-90 {
    height: 90% !important
}

.w-95 {
    width: 95% !important
}

.h-95 {
    height: 95% !important
}

.w-101 {
    width: calc(100% + 1px) !important
}

.h-101 {
    height: calc(100% + 1px) !important
}

.w-102 {
    width: calc(100% + 2px) !important
}

.h-102 {
    height: calc(100% + 2px) !important
}

.w-1 {
    width: .5rem
}

.w-2 {
    width: 1rem
}

.w-3 {
    width: 1.5rem
}

.w-4 {
    width: 2rem
}

.w-5 {
    width: 2.5rem
}

.w-6 {
    width: 3rem
}

.h-1 {
    height: .5rem
}

.h-2 {
    height: 1rem
}

.h-3 {
    height: 1.5rem
}

.h-4 {
    height: 2rem
}

.h-5 {
    height: 2.5rem
}

.h-6 {
    height: 3rem
}

.m-1px {
    margin: 1px !important
}

.m-n1px {
    margin: -1px !important
}

.ml-1px,
.mx-1px {
    margin-left: 1px !important
}

.mr-1px,
.mx-1px {
    margin-right: 1px !important
}

.ml-n1px,
.mx-n1px {
    margin-left: -1px !important
}

.mr-n1px,
.mx-n1px {
    margin-right: -1px !important
}

.mt-1px,
.my-1px {
    margin-top: 1px !important
}

.mb-1px,
.my-1px {
    margin-bottom: 1px !important
}

.mt-n1px,
.my-n1px {
    margin-top: -1px !important
}

.mb-n1px,
.my-n1px {
    margin-bottom: -1px !important
}

.p-1px {
    padding: 1px !important
}

.pl-1px,
.px-1px {
    padding-left: 1px !important
}

.pr-1px,
.px-1px {
    padding-right: 1px !important
}

.pt-1px,
.py-1px {
    padding-top: 1px !important
}

.pb-1px,
.py-1px {
    padding-bottom: 1px !important
}

.m-2px {
    margin: 2px !important
}

.m-n2px {
    margin: -2px !important
}

.ml-2px,
.mx-2px {
    margin-left: 2px !important
}

.mr-2px,
.mx-2px {
    margin-right: 2px !important
}

.ml-n2px,
.mx-n2px {
    margin-left: -2px !important
}

.mr-n2px,
.mx-n2px {
    margin-right: -2px !important
}

.mt-2px,
.my-2px {
    margin-top: 2px !important
}

.mb-2px,
.my-2px {
    margin-bottom: 2px !important
}

.mt-n2px,
.my-n2px {
    margin-top: -2px !important
}

.mb-n2px,
.my-n2px {
    margin-bottom: -2px !important
}

.p-2px {
    padding: 2px !important
}

.pl-2px,
.px-2px {
    padding-left: 2px !important
}

.pr-2px,
.px-2px {
    padding-right: 2px !important
}

.pt-2px,
.py-2px {
    padding-top: 2px !important
}

.pb-2px,
.py-2px {
    padding-bottom: 2px !important
}

.m-3px {
    margin: 3px !important
}

.m-n3px {
    margin: -3px !important
}

.ml-3px,
.mx-3px {
    margin-left: 3px !important
}

.mr-3px,
.mx-3px {
    margin-right: 3px !important
}

.ml-n3px,
.mx-n3px {
    margin-left: -3px !important
}

.mr-n3px,
.mx-n3px {
    margin-right: -3px !important
}

.mt-3px,
.my-3px {
    margin-top: 3px !important
}

.mb-3px,
.my-3px {
    margin-bottom: 3px !important
}

.mt-n3px,
.my-n3px {
    margin-top: -3px !important
}

.mb-n3px,
.my-n3px {
    margin-bottom: -3px !important
}

.p-3px {
    padding: 3px !important
}

.pl-3px,
.px-3px {
    padding-left: 3px !important
}

.pr-3px,
.px-3px {
    padding-right: 3px !important
}

.pt-3px,
.py-3px {
    padding-top: 3px !important
}

.pb-3px,
.py-3px {
    padding-bottom: 3px !important
}

.m-15 {
    margin: .375rem !important
}

.mt-15,
.my-15 {
    margin-top: .375rem !important
}

.mr-15,
.mx-15 {
    margin-right: .375rem !important
}

.mb-15,
.my-15 {
    margin-bottom: .375rem !important
}

.ml-15,
.mx-15 {
    margin-left: .375rem !important
}

.m-25 {
    margin: .75rem !important
}

.mt-25,
.my-25 {
    margin-top: .75rem !important
}

.mr-25,
.mx-25 {
    margin-right: .75rem !important
}

.mb-25,
.my-25 {
    margin-bottom: .75rem !important
}

.ml-25,
.mx-25 {
    margin-left: .75rem !important
}

.m-35 {
    margin: 1.25rem !important
}

.mt-35,
.my-35 {
    margin-top: 1.25rem !important
}

.mr-35,
.mx-35 {
    margin-right: 1.25rem !important
}

.mb-35,
.my-35 {
    margin-bottom: 1.25rem !important
}

.ml-35,
.mx-35 {
    margin-left: 1.25rem !important
}

.m-425 {
    margin: 1.75rem !important
}

.mt-425,
.my-425 {
    margin-top: 1.75rem !important
}

.mr-425,
.mx-425 {
    margin-right: 1.75rem !important
}

.mb-425,
.my-425 {
    margin-bottom: 1.75rem !important
}

.ml-425,
.mx-425 {
    margin-left: 1.75rem !important
}

.m-45 {
    margin: 2rem !important
}

.mt-45,
.my-45 {
    margin-top: 2rem !important
}

.mr-45,
.mx-45 {
    margin-right: 2rem !important
}

.mb-45,
.my-45 {
    margin-bottom: 2rem !important
}

.ml-45,
.mx-45 {
    margin-left: 2rem !important
}

.p-15 {
    padding: .375rem !important
}

.pt-15,
.py-15 {
    padding-top: .375rem !important
}

.pr-15,
.px-15 {
    padding-right: .375rem !important
}

.pb-15,
.py-15 {
    padding-bottom: .375rem !important
}

.pl-15,
.px-15 {
    padding-left: .375rem !important
}

.p-25 {
    padding: .75rem !important
}

.pt-25,
.py-25 {
    padding-top: .75rem !important
}

.pr-25,
.px-25 {
    padding-right: .75rem !important
}

.pb-25,
.py-25 {
    padding-bottom: .75rem !important
}

.pl-25,
.px-25 {
    padding-left: .75rem !important
}

.p-35 {
    padding: 1.25rem !important
}

.pt-35,
.py-35 {
    padding-top: 1.25rem !important
}

.pr-35,
.px-35 {
    padding-right: 1.25rem !important
}

.pb-35,
.py-35 {
    padding-bottom: 1.25rem !important
}

.pl-35,
.px-35 {
    padding-left: 1.25rem !important
}

.p-425 {
    padding: 1.75rem !important
}

.pt-425,
.py-425 {
    padding-top: 1.75rem !important
}

.pr-425,
.px-425 {
    padding-right: 1.75rem !important
}

.pb-425,
.py-425 {
    padding-bottom: 1.75rem !important
}

.pl-425,
.px-425 {
    padding-left: 1.75rem !important
}

.p-45 {
    padding: 2rem !important
}

.pt-45,
.py-45 {
    padding-top: 2rem !important
}

.pr-45,
.px-45 {
    padding-right: 2rem !important
}

.pb-45,
.py-45 {
    padding-bottom: 2rem !important
}

.pl-45,
.px-45 {
    padding-left: 2rem !important
}

.m-n15 {
    margin: -.375rem !important
}

.mt-n15,
.my-n15 {
    margin-top: -.375rem !important
}

.mr-n15,
.mx-n15 {
    margin-right: -.375rem !important
}

.mb-n15,
.my-n15 {
    margin-bottom: -.375rem !important
}

.ml-n15,
.mx-n15 {
    margin-left: -.375rem !important
}

.m-n25 {
    margin: -.75rem !important
}

.mt-n25,
.my-n25 {
    margin-top: -.75rem !important
}

.mr-n25,
.mx-n25 {
    margin-right: -.75rem !important
}

.mb-n25,
.my-n25 {
    margin-bottom: -.75rem !important
}

.ml-n25,
.mx-n25 {
    margin-left: -.75rem !important
}

.m-n35 {
    margin: -1.25rem !important
}

.mt-n35,
.my-n35 {
    margin-top: -1.25rem !important
}

.mr-n35,
.mx-n35 {
    margin-right: -1.25rem !important
}

.mb-n35,
.my-n35 {
    margin-bottom: -1.25rem !important
}

.ml-n35,
.mx-n35 {
    margin-left: -1.25rem !important
}

.m-n425 {
    margin: -1.75rem !important
}

.mt-n425,
.my-n425 {
    margin-top: -1.75rem !important
}

.mr-n425,
.mx-n425 {
    margin-right: -1.75rem !important
}

.mb-n425,
.my-n425 {
    margin-bottom: -1.75rem !important
}

.ml-n425,
.mx-n425 {
    margin-left: -1.75rem !important
}

.m-n45 {
    margin: -2rem !important
}

.mt-n45,
.my-n45 {
    margin-top: -2rem !important
}

.mr-n45,
.mx-n45 {
    margin-right: -2rem !important
}

.mb-n45,
.my-n45 {
    margin-bottom: -2rem !important
}

.ml-n45,
.mx-n45 {
    margin-left: -2rem !important
}

.d-style.active .d-n-active,
.d-style.collapsed .d-n-collapsed,
.d-style.show .d-n-show,
.d-style:hover .d-n-hover,
.d-style:not(.active) .d-active,
.d-style:not(.collapsed) .d-collapsed,
.d-style:not(.show) .d-show,
.d-style:not(:hover) .d-hover {
    display: none !important
}

.v-active,
.v-collapsed,
.v-hover,
.v-n-active,
.v-n-collapsed,
.v-n-hover,
.v-n-show,
.v-show {
    transition: opacity 120ms, visibility 0s;
    transition-delay: 0s
}

@media (prefers-reduced-motion:reduce) {

    .v-active,
    .v-collapsed,
    .v-hover,
    .v-n-active,
    .v-n-collapsed,
    .v-n-hover,
    .v-n-show,
    .v-show {
        transition: none
    }
}

.d-style.active .v-n-active,
.d-style.collapsed .v-n-collapsed,
.d-style.show .v-n-show,
.d-style:hover .v-n-hover,
.d-style:not(.active) .v-active,
.d-style:not(.collapsed) .v-collapsed,
.d-style:not(.show) .v-show,
.d-style:not(:hover) .v-hover {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.mb-hover,
.mb-n-hover,
.ml-hover,
.ml-n-hover,
.mr-hover,
.mr-n-hover,
.mt-hover,
.mt-n-hover {
    transition: visibility 0s, -webkit-transform 120ms;
    transition: transform 120ms, visibility 0s;
    transition: transform 120ms, visibility 0s, -webkit-transform 120ms;
    transition-delay: 0s
}

@media (prefers-reduced-motion:reduce) {

    .mb-hover,
    .mb-n-hover,
    .ml-hover,
    .ml-n-hover,
    .mr-hover,
    .mr-n-hover,
    .mt-hover,
    .mt-n-hover {
        transition: none
    }
}

.d-style:hover .mb-n-hover,
.d-style:not(:hover) .mb-hover {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.d-style:hover .mt-n-hover,
.d-style:not(:hover) .mt-hover {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.d-style:hover .mr-n-hover,
.d-style:not(:hover) .mr-hover {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.d-style:hover .ml-n-hover,
.d-style:not(:hover) .ml-hover {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.d-zoom-1,
.d-zoom-2,
.d-zoom-3,
.dh-zoom-1,
.dh-zoom-2,
.dh-zoom-3 {
    transition: -webkit-transform 180ms;
    transition: transform 180ms;
    transition: transform 180ms, -webkit-transform 180ms
}

@media (prefers-reduced-motion:reduce) {

    .d-zoom-1,
    .d-zoom-2,
    .d-zoom-3,
    .dh-zoom-1,
    .dh-zoom-2,
    .dh-zoom-3 {
        transition: none
    }
}

.d-style:hover .d-zoom-1,
.dh-zoom-1:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.d-style:hover .d-zoom-2,
.dh-zoom-2:hover {
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

.d-style:hover .d-zoom-3,
.dh-zoom-3:hover {
    -webkit-transform: scale(1.18);
    transform: scale(1.18)
}

.pos-rel {
    position: relative !important
}

.pos-abs {
    position: absolute !important
}

position-bc,
.position-bl,
.position-br,
.position-center,
.position-lc,
.position-rc,
.position-tc,
.position-tl,
.position-tr {
    position: absolute !important;
    display: block
}

.position-center {
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.position-tr {
    right: 0;
    top: 0
}

.position-tl {
    left: 0;
    top: 0
}

.position-br {
    right: 0;
    bottom: 0
}

.position-bl {
    left: 0;
    bottom: 0
}

.position-lc {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.position-rc {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.position-tc {
    top: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.position-bc {
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.rotate-45 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotate-n45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.align-sub {
    vertical-align: sub !important
}

.overflow-visible {
    overflow: visible !important
}

.flex-equal > * {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-fill > * {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.ace-scroll-mob {
    overflow-y: auto
}

.ace-scroll {
    scrollbar-width: thin;
    scrollbar-color: #9dbad5 #dce3ea;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.ace-scroll::-webkit-scrollbar {
    width: 8px;
    -webkit-appearance: none;
    appearance: none
}

.ace-scroll::-webkit-scrollbar-thumb {
    background-color: #9dbad5
}

.ace-scroll::-webkit-scrollbar-track {
    background-color: #dce3ea
}

@media (hover:hover) {
    .ace-scrollbar:not(.ace-scroll-mob) {
        scrollbar-width: thin;
        scrollbar-color: #9dbad5 #dce3ea
    }

    .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar {
        width: 8px;
        -webkit-appearance: none;
        appearance: none
    }

    .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar-thumb {
        background-color: #9dbad5
    }

    .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar-track {
        background-color: #dce3ea
    }
}

.ace-scroll {
    overflow-y: hidden
}

.ace-scroll:hover {
    overflow-y: auto;
    overflow-y: overlay
}

.ace-scroll-lock {
    overscroll-behavior-y: none;
    -ms-scroll-chaining: none
}

.ace-scroll-wrap {
    overflow-x: hidden
}

@supports (-webkit-appearance:none) and (overflow:overlay) {
    .ace-scroll-wrap {
        overflow-y: overlay;
        color: transparent;
        transition: color .15s .4s
    }

    @media (prefers-reduced-motion:reduce) {
        .ace-scroll-wrap {
            transition: none
        }
    }

    .ace-scroll-wrap:hover {
        color: #9dbad5;
        transition-delay: 0s
    }

    .ace-scroll-wrap::-webkit-scrollbar-thumb {
        background-color: currentColor;
        border-radius: .5rem;
        border: 1px solid transparent;
        background-clip: content-box
    }

    .ace-scroll-wrap::-webkit-scrollbar-track {
        background-color: transparent
    }
}

@supports (-moz-appearance:none) and (scrollbar-width:none) {
    :root {
        --moz-scrollbar-thin: 8px
    }

    .ace-scroll-wrap {
        overflow-y: scroll;
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
        transition: scrollbar-color .15s .4s
    }

    @media (prefers-reduced-motion:reduce) {
        .ace-scroll-wrap {
            transition: none
        }
    }

    .ace-scroll-wrap > .ace-scroll-inner {
        min-width: calc(100% + var(--moz-scrollbar-thin))
    }

    .ace-scroll-wrap:hover {
        overflow-y: scroll;
        scrollbar-color: #9dbad5 transparent;
        transition-delay: 0s
    }

    .ace-scroll:not(.ace-scroll-wrap) {
        overflow-x: hidden
    }

    .ace-scroll:not(.ace-scroll-wrap):hover > div,
    .ace-scroll:not(.ace-scroll-wrap):hover > p {
        min-width: calc(100% + var(--moz-scrollbar-thin))
    }

    .sidebar .ace-scroll:not(.ace-scroll-wrap):hover > div,
    .sidebar .ace-scroll:not(.ace-scroll-wrap):hover > p {
        min-width: auto
    }
}

@supports (-moz-appearance:none) and (not (scrollbar-width:none)) {
    :root {
        --moz-scrollbar-thin: 17px
    }

    .ace-scroll {
        overflow-x: hidden
    }

    .ace-scroll:hover {
        overflow-y: scroll
    }

    .ace-scroll:hover > div,
    .ace-scroll:hover > p {
        min-width: calc(100% + var(--moz-scrollbar-thin))
    }

    .sidebar .ace-scroll:hover {
        overflow-y: auto
    }

    .sidebar .ace-scroll:hover > div,
    .sidebar .ace-scroll:hover > p {
        min-width: auto
    }
}

.navbar {
    padding: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 4.5rem;
    height: var(--navbar-height);
    visibility: hidden;
    z-index: 1021
}

.navbar-sm {
    height: 4rem;
    height: var(--navbar-sm-height)
}

@media (max-width:1199.98px) {
    .navbar {
        height: 4rem;
        height: var(--navbar-mobile-height)
    }
}

.navbar-inner {
    height: inherit;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: inherit;
    visibility: visible
}

.navbar.container > .navbar-inner {
    max-width: inherit
}

.navbar-inner.container {
    padding: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-inner > .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    height: 100%;
    background-color: inherit;
    position: relative
}

.navbar-brand {
    margin-right: .875rem;
    font-size: 2rem;
    font-family: 'ASAN_Nastaliq';
}

.navbar-intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 16rem;
    width: var(--sidebar-width);
    height: 100%;
}

.navbar-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -ms-flex: 1 0 auto;
    flex: auto;
}

.navbar-toggler:focus {
    outline: 0
}

.navbar-content-section input {
    height: 2rem;
    margin: .5rem 1rem .5rem 1.5rem;
    opacity: .7;
    transition: all .15s
}

@media (prefers-reduced-motion:reduce) {
    .navbar-content-section input {
        transition: none
    }
}

.navbar-content-section input:focus {
    outline: 0;
    opacity: 1
}

.navbar-content-section input:not(:focus):hover {
    opacity: .8
}

@media (max-width:991.98px) {
    .navbar-content {
        margin-right: auto;
        background-color: inherit;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .navbar-content-section {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        background-color: inherit
    }

    .navbar-content-section input:not(:focus) {
        opacity: .8
    }

    .navbar-content-section .navbar-search-input {
        width: calc(100% - 2rem)
    }
}

.btn-burger {
    cursor: pointer;
    width: 2.5rem;
    height: 2.25rem;
    border-radius: .25rem;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    transition: background-color .15s;
    color: #fff;
    padding: 0
}

@media (prefers-reduced-motion:reduce) {
    .btn-burger {
        transition: none
    }
}

.btn-burger:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.btn-burger:active {
    -webkit-transform: none !important;
    transform: none !important
}

.btn-burger .bars {
    display: block;
    width: 50%;
    height: 2px;
    position: relative;
    color: inherit;
    background-color: currentColor;
    transition: top .15s, -webkit-transform .15s;
    transition: transform .15s, top .15s;
    transition: transform .15s, top .15s, -webkit-transform .15s
}

@media (prefers-reduced-motion:reduce) {
    .btn-burger .bars {
        transition: none
    }
}

.btn-burger .bars::after,
.btn-burger .bars::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: inherit;
    background-color: inherit;
    color: inherit;
    border-radius: inherit;
    transition: inherit;
    -webkit-transform-origin: inherit;
    transform-origin: inherit
}

.btn-burger .bars::before {
    top: -.375rem
}

.btn-burger .bars::after {
    top: .375rem
}

.btn-burger.burger-dots {
    width: 2.25rem
}

.btn-burger.burger-dots .bars {
    width: .25rem;
    height: .25rem;
    border-radius: .25rem
}

.btn-burger.burger-steps .bars {
    -webkit-transform-origin: right;
    transform-origin: right
}

.btn-burger.burger-steps:hover .bars {
    -webkit-transform: scaleX(.75);
    transform: scaleX(.75)
}

.btn-burger.burger-steps:hover .bars::before {
    -webkit-transform: scaleX(1.25);
    transform: scaleX(1.25)
}

.btn-burger.burger-steps:hover .bars::after {
    -webkit-transform: scaleX(.75);
    transform: scaleX(.75)
}

.btn-burger.burger-arrowed .bars {
    -webkit-transform-origin: right;
    transform-origin: right
}

.btn-burger.burger-arrowed.static:not(.collapsed) .bars::before,
.btn-burger.burger-arrowed:not(.static):hover .bars::before {
    top: 0;
    -webkit-transform: rotate(45deg) scaleX(.66);
    transform: rotate(45deg) scaleX(.66)
}

.btn-burger.burger-arrowed.static:not(.collapsed) .bars::after,
.btn-burger.burger-arrowed:not(.static):hover .bars::after {
    top: 0;
    -webkit-transform: rotate(-45deg) scaleX(.66);
    transform: rotate(-45deg) scaleX(.66)
}

.btn-burger.burger-arrowed:not(.static).collapsed .bars {
    -webkit-transform-origin: left;
    transform-origin: left
}

.btn-burger.burger-arrowed:not(.static).collapsed:hover .bars::before {
    top: 0;
    -webkit-transform: rotate(-45deg) scaleX(.66);
    transform: rotate(-45deg) scaleX(.66)
}

.btn-burger.burger-arrowed:not(.static).collapsed:hover .bars::after {
    top: 0;
    -webkit-transform: rotate(45deg) scaleX(.66);
    transform: rotate(45deg) scaleX(.66)
}

.btn-burger.burger-minus.static:not(.collapsed) .bars::after,
.btn-burger.burger-minus.static:not(.collapsed) .bars::before,
.btn-burger.burger-minus:not(.static):hover .bars::after,
.btn-burger.burger-minus:not(.static):hover .bars::before {
    top: 0
}

.btn-burger.burger-times .bars {
    -webkit-transform-origin: center;
    transform-origin: center
}

.btn-burger.burger-times.static:not(.collapsed) .bars,
.btn-burger.burger-times:not(.static):hover .bars {
    visibility: hidden
}

.btn-burger.burger-times.static:not(.collapsed) .bars::before,
.btn-burger.burger-times:not(.static):hover .bars::before {
    top: 0;
    visibility: visible;
    -webkit-transform: rotate(45deg) scaleX(.9);
    transform: rotate(45deg) scaleX(.9)
}

.btn-burger.burger-times.static:not(.collapsed) .bars::after,
.btn-burger.burger-times:not(.static):hover .bars::after {
    top: 0;
    visibility: visible;
    -webkit-transform: rotate(-45deg) scaleX(.9);
    transform: rotate(-45deg) scaleX(.9)
}

.btn-burger.burger-compact.static:not(.collapsed) .bars,
.btn-burger.burger-compact:not(.static):hover .bars {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
}

.btn-burger.burger-compact.static:not(.collapsed) .bars::before,
.btn-burger.burger-compact:not(.static):hover .bars::before {
    top: -.25rem
}

.btn-burger.burger-compact.static:not(.collapsed) .bars::after,
.btn-burger.burger-compact:not(.static):hover .bars::after {
    top: .25rem
}

.navbar .nav > .nav-item > .nav-link:not(.disabled) {
    border-radius: 0;
    transition: background-color 150ms, color 150ms
}

@media (prefers-reduced-motion:reduce) {
    .navbar .nav > .nav-item > .nav-link:not(.disabled) {
        transition: none
    }
}

.navbar .navbar-nav .nav .dropdown-toggle::after {
    display: none
}

.navbar .nav > .nav-item > .nav-link {
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width:992px) {
    .navbar .navbar-menu.navbar-collapse {
        height: 100%;
        -ms-flex-positive: 0;
        flex-grow: inherit;
    }

    .navbar .navbar-nav {
        height: 100%;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar .navbar-nav > .nav {
        height: 100%
    }

    .navbar-inner.container .navbar-nav .nav > .nav-item:last-of-type,
    .navbar-inner.container .navbar-nav .nav > .nav-item:last-of-type::after {
        border-left-width: 0
    }

    .navbar .navbar-nav > .nav > .nav-item {
        height: 100%
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn > .caret,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link > .caret {
        margin: 0 .5rem 0 .25rem
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn .badge,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link .badge {
        position: absolute;
        top: .5rem;
        left: .5rem
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn .badge-dot,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link .badge-dot {
        top: -.125rem;
        left: -.125rem
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn .badge-tr,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link .badge-tr {
        top: 0;
        left: 0
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn {
        border-width: 0;
        border-radius: 0
    }

    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .btn:not(.disabled),
    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .nav-link:not(.disabled) {
        position: relative
    }

    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .btn:not(.disabled)::before,
    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .nav-link:not(.disabled)::before {
        content: "";
        position: absolute;
        bottom: 1px;
        right: 2px;
        left: 2px;
        margin-right: auto;
        margin-left: auto;
        width: 0;
        transition: width 150ms;
        height: 3px;
        border-radius: 3px;
        background-color: rgba(255, 255, 255, .73)
    }
}

@media (min-width:992px) and (prefers-reduced-motion:reduce) {

    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .btn:not(.disabled)::before,
    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .nav-link:not(.disabled)::before {
        transition: none
    }
}

@media (min-width:992px) {

    .navbar .navbar-nav > .nav.has-active-border > .nav-item.show > .btn:not(.disabled),
    .navbar .navbar-nav > .nav.has-active-border > .nav-item.show > .nav-link:not(.disabled) {
        position: relative
    }

    .navbar .navbar-nav > .nav.has-active-border > .nav-item.show > .btn:not(.disabled)::before,
    .navbar .navbar-nav > .nav.has-active-border > .nav-item.show > .nav-link:not(.disabled)::before {
        width: calc(100% - 4px)
    }

    .navbar .navbar-nav > .nav > .nav-item > .nav-link {
        padding-right: .75rem;
        padding-left: .75rem
    }

    .navbar .navbar-nav > .nav > .nav-item > .nav-link:focus {
        outline: 0
    }

    .navbar .navbar-nav > .nav.nav-compact {
        height: 80%;
        min-height: 3.5rem
    }

    .navbar .navbar-nav > .nav.nav-compact-2 {
        height: 65%;
        min-height: 3rem
    }

    .navbar .navbar-nav > .nav.nav-compact-3 {
        height: 55%;
        min-height: 2.5rem
    }

    .navbar .navbar-nav > .nav.nav-compact-2 > .nav-item,
    .navbar .navbar-nav > .nav.nav-compact-3 > .nav-item,
    .navbar .navbar-nav > .nav.nav-compact > .nav-item {
        border-width: 0 !important;
        max-height: 100%
    }

    .navbar .navbar-nav > .nav.nav-compact-2 > .nav-item > .btn,
    .navbar .navbar-nav > .nav.nav-compact-2 > .nav-item > .nav-link,
    .navbar .navbar-nav > .nav.nav-compact-3 > .nav-item > .btn,
    .navbar .navbar-nav > .nav.nav-compact-3 > .nav-item > .nav-link,
    .navbar .navbar-nav > .nav.nav-compact > .nav-item > .btn,
    .navbar .navbar-nav > .nav.nav-compact > .nav-item > .nav-link {
        border-radius: .25rem
    }

    .navbar .navbar-nav > .nav.border-0 > .nav-item {
        border-width: 0 !important
    }

    .navbar .navbar-nav > .nav.border-0 > .nav-item > .nav-link::after {
        display: none
    }

    .navbar .navbar-nav > .nav.has-active-border > .nav-item.border-0 > .btn::before,
    .navbar .navbar-nav > .nav.has-active-border > .nav-item.border-0 > .nav-link::before {
        display: none !important
    }

    .navbar .navbar-nav .dropdown-menu {
        max-height: calc(100vh - 4.5rem - .25rem);
        max-height: calc(100vh - var(--navbar-height) - .25rem);
        overflow: hidden auto;
        margin-top: 0
    }

    .navbar .navbar-nav .dropdown-menu.dropdown-caret {
        overflow: visible
    }

    .navbar .navbar-nav > .nav:not(.has-active-border):not([class*=nav-compact]) .dropdown-caret:not(.dropdown-menu) {
        position: absolute;
        width: 0;
        height: 0;
        z-index: 1001;
        right: calc(50% - .25rem);
        bottom: -1px;
        border-width: 0 .5rem .5rem;
        border-style: solid;
        border-bottom-color: #fff;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        opacity: 0;
        background-color: transparent;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 150ms
    }
}

@media (min-width:992px) and (prefers-reduced-motion:reduce) {
    .navbar .navbar-nav > .nav:not(.has-active-border):not([class*=nav-compact]) .dropdown-caret:not(.dropdown-menu) {
        transition: none
    }
}

@media (min-width:992px) {
    .navbar .navbar-nav > .nav:not(.has-active-border):not([class*=nav-compact]) > .nav-item.show .dropdown-caret:not(.dropdown-menu) {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@media (min-width:992px) {
    .navbar .nav-user-name {
        display: block;
        max-width: 100px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .navbar .dropdown-mega > .dropdown-menu {
        width: 100%;
        right: 0;
        left: 0;
        padding: 1.5rem
    }

    .navbar .dropdown-mega > .dropdown-lg {
        width: 48rem;
        max-width: calc(100vw - 1rem);
        left: 0;
        right: auto
    }

    .navbar .dropdown-mega > .dropdown-md {
        width: 36rem;
        max-width: calc(100vw - 1rem);
        left: 0;
        right: auto
    }

    .navbar .dropdown-mega > .dropdown-sm {
        width: 28rem;
        max-width: calc(100vw - 1rem);
        left: 0;
        right: auto
    }

    .navbar .dropdown-mega > .dropdown-xs {
        width: 20rem;
        max-width: calc(100vw - 1rem);
        left: 0;
        right: auto
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-lg.dropdown-center {
        right: calc(-24rem + 50%)
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-md.dropdown-center {
        right: calc(-18rem + 50%)
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-sm.dropdown-center {
        right: calc(-14rem + 50%)
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-xs.dropdown-center {
        right: calc(-10rem + 50%)
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-menu-right {
        right: auto;
        left: -2rem
    }

    .navbar .dropdown.dropdown-mega {
        position: static
    }
}

.navbar .navbar-content-section input {
    font-size: .95rem
}

.navbar .navbar-content-section input::-webkit-input-placeholder {
    font-size: .9025rem
}

.navbar .navbar-content-section input::-moz-placeholder {
    font-size: .9025rem
}

.navbar .navbar-content-section input:-ms-input-placeholder {
    font-size: .9025rem
}

.navbar .navbar-content-section input::-ms-input-placeholder {
    font-size: .9025rem
}

.navbar .navbar-content-section input::placeholder {
    font-size: .9025rem
}

@media (max-width:991.98px) {

    .navbar .dropdown-caret.dropdown-menu::after,
    .navbar .dropdown-caret.dropdown-menu::before,
    .navbar .dropdown-caret:not(.dropdown-menu) {
        display: none !important
    }

    .navbar .navbar-intro {
        width: auto
    }

    .navbar .navbar-toggler {
        -ms-flex-item-align: center;
        align-self: center
    }

    .navbar .navbar-collapse {
        position: absolute;
        z-index: 1020;
        transition-duration: 250ms;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: calc(100vh - 4rem - 3rem);
        max-height: calc(100vh - var(--navbar-mobile-height) - 3rem);
        overflow: hidden auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        border-radius: 0;
        background-color: inherit
    }

    .navbar .navbar-collapse > div {
        background-color: inherit
    }

    .navbar.navbar-fixed .navbar-collapse {
        position: fixed;
        top: 4rem;
        top: var(--navbar-mobile-height);
        max-height: calc(100% - 4rem - .5rem);
        max-height: calc(100% - var(--navbar-mobile-height) - .5rem)
    }

    .navbar .navbar-backdrop::before {
        content: "";
        position: fixed;
        right: 0;
        left: 0;
        top: auto;
        height: 100%;
        background-color: rgba(0, 0, 0, .25);
        z-index: -1
    }

    .navbar .navbar-menu.navbar-hw {
        min-width: 50%;
        max-width: 100%
    }

    .navbar .navbar-menu .navbar-nav > .nav {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-align: right;
        padding: .75rem 1rem .75rem .75rem;
        border-radius: 0
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn > .badge,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link > .badge {
        margin-right: auto;
        margin-left: .75rem;
        top: auto
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn > .caret,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link > .caret {
        margin-right: auto;
        margin-left: .25rem;
        transition: -webkit-transform 150ms;
        transition: transform 150ms;
        transition: transform 150ms, -webkit-transform 150ms
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn > .caret,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link > .caret {
        transition: none
    }
}

@media (max-width:991.98px) {

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn > .badge ~ .caret,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link > .badge ~ .caret {
        margin-right: 0
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .btn > .caret,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .nav-link > .caret {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .btn > .caret[class*="-left"],
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .nav-link > .caret[class*="-left"] {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .btn > .caret[class*="-right"],
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .nav-link > .caret[class*="-right"] {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .navbar .navbar-menu .navbar-nav > .nav .dropdown-menu {
        -webkit-transform: none !important;
        transform: none !important;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: .25rem .5rem .5rem !important;
        border-width: 0;
        max-width: calc(100vw - 1rem);
        width: auto !important;
        box-shadow: none !important
    }

    .navbar .navbar-menu .navbar-nav > .nav .dropdown-menu.show {
        display: block
    }

    .navbar .navbar-menu .navbar-nav > .nav .dropdown-divider {
        margin: .5rem 1rem
    }

    .navbar-menu.navbar-collapse .dropdown[class*=backdrop]::before {
        display: none
    }

    .navbar-collapse [class*=icon-animated] {
        -webkit-animation: none !important;
        animation: none !important
    }

    body.mob-navbar-body {
        overflow-y: hidden
    }
}

@media (max-width:767.98px) {
    .navbar .navbar-menu.navbar-collapse .navbar-nav > .nav .dropdown-menu {
        margin: .25rem !important;
        max-width: calc(100vw - .5rem)
    }
}

.sticky-trigger {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    z-index: -1
}

@media (max-width:575.98px) {
    .sticky-nav-sm {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 997
    }
}

@media (max-width:767.98px) {
    .sticky-nav-md {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 997
    }
}

@media (max-width:991.98px) {
    .sticky-nav-lg {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 997
    }
}

@media (max-width:1199.98px) {
    .sticky-nav-xl {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 997
    }
}

.sticky-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 997
}

.navbar-fixed + div .sticky-nav {
    top: 4.5rem;
    top: var(--navbar-height)
}

.navbar-fixed + div .sticky-nav .sticky-trigger {
    top: calc(-4.5rem - 1px);
    top: calc(-1 * var(--navbar-height) - 1px)
}

.navbar-sm.navbar-fixed + div .sticky-nav {
    top: 4rem;
    top: var(--navbar-sm-height)
}

.navbar-sm.navbar-fixed + div .sticky-nav .sticky-trigger {
    top: calc(-4rem - 1px);
    top: calc(-1 * var(--navbar-sm-height) - 1px)
}

.sticky-nav .is-stuck[class*=sticky-nav] {
    z-index: 1018
}

@media (max-width:1199.98px) {
    .navbar-fixed + div [class*=sticky-nav] {
        top: 4rem;
        top: var(--navbar-mobile-height)
    }

    .navbar-fixed + div [class*=sticky-nav] .sticky-trigger {
        top: calc(-4rem - 1px);
        top: calc(-1 * var(--navbar-mobile-height) - 1px)
    }
}

.sidebar {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 100%;
    width: 16rem;
    width: var(--sidebar-width);
    position: absolute;
    z-index: 1020;
    visibility: hidden
}

.navbar ~ .main-container > .sidebar:not(.sidebar-fixed) {
    z-index: 999
}

.sidebar .sidebar-inner {
    width: inherit;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: inherit;
    visibility: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebar .ace-scroll,
.sidebar .sidebar-section {
    width: 16rem;
    width: var(--sidebar-width);
    white-space: nowrap
}

.sidebar .fadeable {
    transition: opacity 150ms 0s, visibility 0s 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .fadeable {
        transition: none
    }
}

.sidebar .fadeinable {
    position: absolute;
    right: 0;
    width: 5rem;
    width: var(--sidebar-collapsed-width);
    min-height: 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 150ms 0s, visibility 0s 0s
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .fadeinable {
        transition: none
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .sidebar .fadeinable {
        top: 0
    }
}

@media (min-width:1200px) {
    .sidebar-right {
        direction: ltr;
        -ms-flex-order: 10;
        order: 10
    }

    .sidebar-right .sidebar-inner {
        direction: rtl
    }

    .sidebar {
        will-change: width;
        transition: width 150ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.toggling {
        overflow: hidden;
        pointer-events: none
    }

    .sidebar.toggling [data-toggle=sidebar]:not(.pointer-none) {
        pointer-events: auto
    }

    .sidebar.toggling.collapsed .fadeable {
        transition-delay: 0s, 150ms
    }

    .sidebar.toggling:not(.collapsed) .fadeable {
        transition-delay: 0s
    }

    .sidebar.collapsed {
        width: 5rem;
        width: var(--sidebar-collapsed-width)
    }

    .sidebar.collapsed .fadeable {
        opacity: 0;
        visibility: hidden
    }

    .sidebar.collapsed .fadeinable {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s, 150ms
    }
}

@-webkit-keyframes hideScrollbars {
    from {
        overflow-y: auto;
        overflow-y: overlay
    }
}

@keyframes hideScrollbars {
    from {
        overflow-y: auto;
        overflow-y: overlay
    }
}

.sidebar .ace-scroll {
    overflow-x: hidden;
    overscroll-behavior: none;
    -ms-scroll-chaining: none;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sidebar .ace-scroll:not(:hover) {
    -webkit-animation: 2s hideScrollbars;
    animation: 2s hideScrollbars
}

.sidebar .ace-scroll:hover {
    overflow-y: auto;
    overflow-y: overlay
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .sidebar .ace-scroll {
        -webkit-animation: none !important;
        animation: none !important;
        overflow-y: auto;
        height: 50%
    }
}

.sidebar .ace-scroll-mob {
    overflow-x: hidden;
    overflow-y: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-animation: none !important;
    animation: none !important;
    overscroll-behavior: none;
    -ms-scroll-chaining: none
}

@media (hover:none) {
    .sidebar .ace-scroll {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-animation: none !important;
        animation: none !important;
        overscroll-behavior: none;
        -ms-scroll-chaining: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .ace-scroll {
        -webkit-animation: none !important;
        animation: none !important
    }
}

@media (min-width:1200px) {

    .sidebar.expandable .ace-scroll,
    .sidebar.expandable .nav,
    .sidebar.expandable .sidebar-section {
        width: inherit
    }

    .sidebar.expandable:not(.sidebar-spaced) .nav > .nav-item {
        width: inherit
    }

    .sidebar.expandable .nav > .nav-item > .nav-link,
    .sidebar.expandable .nav > .nav-item > .submenu,
    .sidebar.expandable .sidebar-section-item {
        width: 16rem;
        width: var(--sidebar-width);
        white-space: nowrap
    }

    .sidebar.expandable.collapsed:not(.sidebar-fixed) .sidebar-inner {
        position: absolute;
        top: 0
    }

    .sidebar.expandable.collapsed .sidebar-inner {
        transition: width 150ms ease-out .4s
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable.collapsed .sidebar-inner {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed .sidebar-inner.has-focus,
    .sidebar.expandable.collapsed .sidebar-inner:hover {
        width: 16rem;
        width: var(--sidebar-width);
        transition-delay: 80ms
    }

    .sidebar.expandable.collapsed .sidebar-inner .fadeable {
        transition-delay: .4s, 550ms
    }

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .fadeable,
    .sidebar.expandable.collapsed .sidebar-inner:hover .fadeable {
        opacity: 1;
        visibility: visible;
        transition-delay: 80ms, 80ms
    }

    .sidebar.expandable.collapsed .sidebar-inner .fadeinable {
        transition-delay: .4s, 550ms
    }

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .fadeinable,
    .sidebar.expandable.collapsed .sidebar-inner:hover .fadeinable {
        opacity: 0;
        visibility: hidden;
        transition-delay: 80ms;
        transition-duration: 0s
    }

    .sidebar.expandable.collapsed .sidebar-inner .hideable {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0s .4s
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable.collapsed .sidebar-inner .hideable {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .hideable,
    .sidebar.expandable.collapsed .sidebar-inner:hover .hideable {
        max-height: 2000px;
        transition-delay: 80ms
    }

    .sidebar.expandable.collapsed .sidebar-inner .hideable.fadeable {
        visibility: visible;
        transition: max-height 0s .4s, opacity 0s .4s
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable.collapsed .sidebar-inner .hideable.fadeable {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .hideable.fadeable,
    .sidebar.expandable.collapsed .sidebar-inner:hover .hideable.fadeable {
        transition-delay: 80ms, 80ms;
        transition-duration: 0s, 150ms
    }

    .sidebar.expandable.collapsed.toggling .fadeable {
        transition-delay: 0s, 150ms
    }

    .sidebar.expandable.collapsed.toggling:not(.collapsed) .fadeable {
        transition-delay: 0s, 0s
    }

    .sidebar.expandable.collapsed.toggling .fadeinable {
        transition-delay: 0s, 0s
    }

    .sidebar.expandable.collapsed.toggling .sidebar-inner {
        transition: none
    }
}

@-webkit-keyframes navItemHidden {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes navItemHidden {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable:not(.collapsed):not(.sidebar-hover) .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable:not(.collapsed):not(.sidebar-hover) .submenu,
    .sidebar.toggling:not(.collapsed) .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.toggling:not(.collapsed) .submenu,
    .sidebar:not(.hoverable):not(.sidebar-hover) .nav > .nav-item > .nav-link > .nav-text,
    .sidebar:not(.hoverable):not(.sidebar-hover) .submenu {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media (max-width:1199.98px) {

    .sidebar .nav > .nav-item > .nav-link > .nav-text,
    .sidebar .submenu {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable:not(.collapsed):not(.toggling) .ace-scroll,
    .sidebar.hoverable:not(.collapsed):not(.toggling) .nav,
    .sidebar.hoverable:not(.collapsed):not(.toggling) .sidebar-section,
    .sidebar.hoverable:not(.collapsed):not(.toggling) .sidebar-section-item {
        width: inherit
    }

    .sidebar.hoverable.collapsed .ace-scroll,
    .sidebar.hoverable.collapsed .ace-scroll-mob,
    .sidebar.hoverable.collapsed .sidebar-inner {
        overflow: visible;
        -webkit-animation: none;
        animation: none
    }

    .sidebar.hoverable.collapsed .submenu-inner {
        overflow: visible
    }

    .sidebar.hoverable.collapsed.toggling .ace-scroll,
    .sidebar.hoverable.collapsed.toggling .ace-scroll-mob,
    .sidebar.hoverable.collapsed.toggling .sidebar-inner,
    .sidebar.hoverable.collapsed.toggling .submenu-inner {
        overflow: hidden
    }

    .sidebar.hoverable.collapsed .ace-scroll,
    .sidebar.hoverable.collapsed .sidebar-section {
        width: auto;
        white-space: nowrap
    }

    .sidebar.hoverable.collapsed .sidebar-section-item {
        width: 5rem;
        width: var(--sidebar-collapsed-width)
    }

    .sidebar.hoverable.collapsed.toggling .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed.toggling .sub-arrow,
    .sidebar.hoverable.collapsed.toggling .submenu {
        display: none
    }

    .sidebar.hoverable.collapsed.toggling .sidebar-section .fadeable {
        display: none
    }

    .sidebar.hoverable.collapsed.toggling .fadeinable {
        transition: none
    }

    .sidebar.hoverable.collapsed .nav-item-caption .fadeable,
    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sidebar-section-item .fadeable,
    .sidebar.hoverable.collapsed .sub-arrow,
    .sidebar.hoverable.collapsed .submenu {
        -webkit-animation: 1s navItemHidden;
        animation: 1s navItemHidden
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sub-arrow,
    .sidebar.hoverable.collapsed .submenu {
        transition: margin 150ms, opacity 150ms, visibility 0s;
        transition-delay: .8s, .8s, 950ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sub-arrow,
    .sidebar.hoverable.collapsed .submenu {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable.collapsed .nav-item-caption:hover .fadeable,
    .sidebar.hoverable.collapsed .nav-item:hover > .sub-arrow,
    .sidebar.hoverable.collapsed .nav-item:hover > .submenu,
    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sidebar-section-item:hover .fadeable {
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
        transition-delay: .1s, .1s, 0s
    }

    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .sub-arrow,
    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .submenu {
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-inner:hover .nav-item:not(:hover) > .sub-arrow,
    .sidebar.hoverable.collapsed .sidebar-inner:hover .nav-item:not(:hover) > .submenu,
    .sidebar.hoverable.collapsed .sidebar-inner:hover .nav > .nav-item:not(:hover) > .nav-link > .nav-text {
        transition: none
    }

    .sidebar.hoverable.collapsed .nav-item {
        position: relative
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sub-arrow,
    .sidebar.hoverable.collapsed .submenu {
        position: absolute !important;
        right: 100%;
        z-index: 2;
        margin-right: -11px;
        opacity: 0;
        visibility: hidden
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .submenu {
        top: 0;
        min-width: 14rem;
        min-width: calc(var(--sidebar-width) - 2rem);
        box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, .1);
        border: 1px solid #d1d1d1
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text .badge {
        margin-right: auto !important;
        float: none
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .submenu {
        top: calc(100% - 3px);
        border-top-color: #e1e1e1
    }

    .sidebar.hoverable.collapsed .nav-item .nav-item > .submenu {
        top: -.125rem
    }

    .sidebar.hoverable.collapsed .submenu-inner {
        border-width: 0 !important;
        margin: 0 .125rem
    }

    .sidebar.hoverable.collapsed .nav-item:hover > .sub-arrow,
    .sidebar.hoverable.collapsed .nav-item:hover > .submenu,
    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .nav-link > .nav-text {
        margin-right: -2px;
        opacity: 1;
        visibility: visible
    }

    .sidebar.hoverable.collapsed .nav-item > .submenu {
        display: block;
        height: auto !important
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .submenu {
        border-radius: 0 0 .375rem .375rem
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link.dropdown-toggle > .nav-text {
        border-radius: .375rem .375rem 0 0
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {
        border-radius: .375rem
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .submenu .submenu {
        border-radius: .375rem
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable.collapsed .sidebar-section-item .fadeable,
    .sidebar.sidebar-h .sidebar-section-item .fadeable {
        position: absolute;
        right: 0;
        z-index: 2;
        min-height: inherit;
        min-width: 16rem;
        min-width: var(--sidebar-width);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), -2px 1px 2px 0 rgba(0, 0, 0, .1);
        border-radius: .375rem;
        transition: opacity 150ms, visibility 0s, background-color 0s, box-shadow 0s;
        transition-delay: .8s, 950ms, 950ms, 950ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {

    .sidebar.hoverable.collapsed .sidebar-section-item .fadeable,
    .sidebar.sidebar-h .sidebar-section-item .fadeable {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable.collapsed .sidebar-section-item[class*=fadeable-] .fadeable,
    .sidebar.sidebar-h .sidebar-section-item[class*=fadeable-] .fadeable {
        margin-right: -11px;
        transition: opacity 150ms, margin 150ms, visibility 0s, background-color 0s, box-shadow 0s;
        transition-delay: .8s, .8s, 950ms, 950ms, 950ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {

    .sidebar.hoverable.collapsed .sidebar-section-item[class*=fadeable-] .fadeable,
    .sidebar.sidebar-h .sidebar-section-item[class*=fadeable-] .fadeable {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable.collapsed .sidebar-section-item:hover .fadeable,
    .sidebar.sidebar-h .sidebar-section-item:hover .fadeable {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item:focus-within .fadeable,
    .sidebar.sidebar-h .sidebar-section-item:focus-within .fadeable {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left:hover .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-left:hover .fadeable {
        margin-right: -2px;
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left:focus-within .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-left:focus-within .fadeable {
        margin-right: -2px;
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item .fadeinable,
    .sidebar.sidebar-h .sidebar-section-item .fadeinable {
        position: relative
    }

    .sidebar.hoverable.collapsed .sidebar-section-item:not(:hover) .fadeinable,
    .sidebar.sidebar-h .sidebar-section-item:not(:hover) .fadeinable {
        transition-delay: 0s, .8s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item:hover .fadeinable,
    .sidebar.sidebar-h .sidebar-section-item:hover .fadeinable {
        opacity: 0;
        visibility: hidden
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-left .fadeable {
        right: 100%
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left .fadeinable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-left .fadeinable {
        opacity: 1;
        visibility: visible;
        transition: none
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-top .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-top .fadeable {
        top: 0
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-bottom .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-bottom .fadeable {
        bottom: 0
    }

    .sidebar.hoverable.collapsed .sidebar-section-item .sub-arrow,
    .sidebar.sidebar-h .sidebar-section-item .sub-arrow {
        right: auto;
        left: 100%;
        opacity: 1;
        visibility: visible;
        margin-right: auto !important;
        transition: none;
        -webkit-animation: none;
        animation: none
    }

    .sidebar.hoverable.collapsed .sidebar-section-item .sub-arrow::after,
    .sidebar.sidebar-h .sidebar-section-item .sub-arrow::after {
        border-left-color: #fff
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-top .sub-arrow,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-top .sub-arrow {
        top: 1.25rem
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-bottom .sub-arrow,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-bottom .sub-arrow {
        top: auto;
        bottom: 2.5rem
    }

    .sidebar.hoverable.collapsed .sidebar-inner:hover .sidebar-section-item:not(:hover) .fadeable,
    .sidebar.hoverable.collapsed .sidebar-inner:hover .sidebar-section-item:not(:hover) .fadeinable,
    .sidebar.sidebar-h .sidebar-inner:hover .sidebar-section-item:not(:hover) .fadeable,
    .sidebar.sidebar-h .sidebar-inner:hover .sidebar-section-item:not(:hover) .fadeinable {
        transition: none
    }

    .sidebar.hoverable.collapsed .nav-item-caption .fadeable,
    .sidebar.sidebar-h .nav-item-caption .fadeable {
        width: 0
    }
}

@media (min-width:1200px) {

    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret,
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret {
        -webkit-transform: none;
        transform: none
    }

    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret[class*="-down"],
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret[class*="-down"] {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important
    }

    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret[class*="-up"],
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret[class*="-up"] {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important
    }

    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret[class*="-left"],
    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret[class*="-right"],
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret[class*="-left"],
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret[class*="-right"] {
        -webkit-transform: scaleX(-1) !important;
        transform: scaleX(-1) !important
    }

    .sidebar-hover.toggling .sidebar-inner {
        overflow: hidden !important
    }

    .sidebar-hover:not(.collapsed) .ace-scroll,
    .sidebar-hover:not(.collapsed) .ace-scroll-mob,
    .sidebar-hover:not(.collapsed) .sidebar-inner {
        overflow: visible;
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-animation-duration: 0s;
        animation-duration: 0s
    }

    .sidebar-hover:not(.collapsed) .submenu-inner {
        overflow: visible
    }

    .sidebar-hover:not(.collapsed) .nav-item {
        position: relative
    }

    .sidebar-hover:not(.collapsed) .nav-item .nav-item > .nav-link {
        padding-right: 1.5rem !important
    }

    .sidebar-hover:not(.collapsed) .nav-item .nav-item > .nav-link > .nav-text::before {
        margin-right: 2px
    }

    .sidebar-hover:not(.collapsed) .sub-arrow,
    .sidebar-hover:not(.collapsed) .submenu {
        -webkit-animation: 1s navItemHidden;
        animation: 1s navItemHidden;
        position: absolute !important;
        right: 100%;
        z-index: 2;
        margin-right: -11px;
        opacity: 0;
        visibility: hidden;
        transition: margin 150ms, opacity 150ms, visibility 0s;
        transition-delay: .8s, .8s, 950ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {

    .sidebar-hover:not(.collapsed) .sub-arrow,
    .sidebar-hover:not(.collapsed) .submenu {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar-hover:not(.collapsed) .sidebar-section-item .fadeable .sub-arrow {
        transition: none
    }

    .sidebar-hover:not(.collapsed) .submenu {
        top: 0;
        min-width: 14rem;
        min-width: calc(var(--sidebar-width) - 2rem);
        box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, .1);
        border: 1px solid #d1d1d1;
        border-radius: .375rem
    }

    .sidebar-hover:not(.collapsed) .sub-arrow::after {
        border-left-color: #fff
    }

    .sidebar-hover:not(.collapsed) .nav > .nav-item:hover > .sub-arrow,
    .sidebar-hover:not(.collapsed) .nav > .nav-item:hover > .submenu {
        transition-delay: 0s
    }

    .sidebar-hover:not(.collapsed) .sidebar-inner:hover .nav-item:not(:hover) > .sub-arrow,
    .sidebar-hover:not(.collapsed) .sidebar-inner:hover .nav-item:not(:hover) > .submenu {
        transition: none
    }

    .sidebar-hover:not(.collapsed) .nav-item:hover > .sub-arrow,
    .sidebar-hover:not(.collapsed) .nav-item:hover > .submenu {
        margin-right: -2px;
        opacity: 1;
        visibility: visible;
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
        transition-delay: .1s, .1s, 0s
    }

    .sidebar-hover:not(.collapsed) .nav-item > .submenu {
        display: block;
        height: auto !important
    }

    .sidebar-hover:not(.collapsed) .nav > .nav-item .submenu {
        top: -.125rem;
        background-color: #fff
    }

    .sidebar-hover:not(.collapsed) .nav > .nav-item > .submenu {
        top: -.5rem
    }

    .sidebar-hover:not(.collapsed) .submenu-inner {
        border-width: 0 !important;
        margin: 0 .125rem;
        padding-top: .125rem;
        padding-bottom: .125rem
    }

    .sidebar-hover:not(.collapsed) .nav-item .nav-link:not(.dropdown-toggle) ~ .sub-arrow {
        display: none !important
    }
}

@media (min-width:1200px) {
    .sidebar.hideable {
        transition-duration: 150ms
    }

    .sidebar.hideable .sidebar-inner {
        transition: width 150ms, visibility 150ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.hideable .sidebar-inner {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.hideable.collapsed {
        width: 0;
        overflow: hidden
    }

    .sidebar.hideable.collapsed .sidebar-inner {
        visibility: hidden;
        width: 0;
        overflow: hidden;
        transition-delay: 0s, 150ms;
        transition-duration: 150ms, 0s
    }
}

.sidebar .nav {
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebar .nav-item,
.sidebar .nav-link {
    position: relative
}

.sidebar .nav-link:focus {
    outline: 0
}

.sidebar .nav > .nav-item > .nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 3.75em;
    padding: .5em 1.5em .5em .5em;
    text-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 150ms, color 150ms
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .sidebar .nav > .nav-item > .nav-link {
        height: 3.75em
    }
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .nav > .nav-item > .nav-link {
        transition: none
    }
}

.sidebar .nav > .nav-item > .nav-link::before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0 solid transparent;
    border-width: 0 .25rem 0 0;
    transition: border-color 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .nav > .nav-item > .nav-link::before {
        transition: none
    }
}

.sidebar .nav.active-on-right > .nav-item > .nav-link::before {
    right: auto !important;
    left: 1px
}

.sidebar .nav > .nav-item > .nav-link > .nav-icon {
    min-width: 1.25rem;
    margin-left: 2rem;
    margin-right: .25rem
}

.sidebar .nav > .nav-item > .nav-link > .nav-icon:not(.fadeinable) {
    transition: color 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .nav > .nav-item > .nav-link > .nav-icon:not(.fadeinable) {
        transition: none
    }
}

.sidebar .nav > .nav-item > .nav-link > .nav-icon.nav-icon-round {
    width: 2.125rem;
    height: 2.125rem;
    margin-right: 0;
    border-radius: 2rem;
    color: #fff !important;
    font-size: 1rem;
    text-align: center;
    line-height: 2;
    padding-right: 1px
}

.sidebar .nav-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
/*    white-space: normal;*/
    white-space: nowrap;
    word-break: break-all;
    margin-left: 3px
}

.sidebar .nav-text .badge {
    float: left
}

.sidebar .nav > .nav-item > .submenu {
    position: relative
}

.sidebar .nav > .nav-item > .submenu > .submenu-inner {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.sidebar .nav > .nav-item > .submenu > .submenu-inner > .nav-item:not(:last-child) {
    margin-bottom: 1px
}

.sidebar .submenu-inner {
    list-style-type: none;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    overflow-y: hidden
}

.sidebar .submenu.collapsing {
    transition: height .35s ease !important
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .submenu.collapsing {
        transition: none !important
    }
}

.sidebar .submenu .nav-link {
    min-height: 3rem
}

.sidebar .submenu .submenu .nav-link {
    margin-top: 1px;
    margin-bottom: 1px
}

.sidebar .submenu .nav-link {
    padding: .625rem 3rem .75rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sidebar .submenu .nav-icon {
    margin-left: .25rem;
    vertical-align: baseline;
    opacity: .85
}

.sidebar .submenu .nav-item.active > .nav-link > .nav-icon,
.sidebar .submenu .nav-link:hover > .nav-icon {
    opacity: 1
}

.sidebar .caret {
    margin-right: auto;
    margin-left: 1rem
}

.sidebar .nav-item > .nav-link > .caret {
    transition: opacity 150ms, -webkit-transform 150ms;
    transition: transform 150ms, opacity 150ms;
    transition: transform 150ms, opacity 150ms, -webkit-transform 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .nav-item > .nav-link > .caret {
        transition: none
    }
}

.sidebar .nav-item.open > .nav-link > .caret {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.sidebar .nav-item.open > .nav-link > .caret.rt-90,
.sidebar .nav-item.open > .nav-link > .caret[class*="-right"] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sidebar .nav-item.open > .nav-link > .caret.rt-n90,
.sidebar .nav-item.open > .nav-link > .caret[class*="-left"] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sidebar .nav-item.open > .nav-link > .caret.caret-shown,
.sidebar .nav-item:not(.open) > .nav-link > .caret.caret-hidden {
    -webkit-transform: none;
    transform: none;
    display: inline-block
}

.sidebar .nav-item.open > .nav-link > .caret.caret-hidden,
.sidebar .nav-item:not(.open) > .nav-link > .caret.caret-shown {
    -webkit-transform: none;
    transform: none;
    display: none
}

.sidebar .submenu .caret {
    margin-left: 1.5rem
}

.sidebar .nav > .nav-item.is-toggling:not(.open):not(.active):not(:hover) > .nav-link {
    transition: none
}

@media (min-width:1200px) {
    .sidebar.hoverable.collapsed .nav-item .nav-item > .nav-link {
        padding-right: 1.5rem
    }

    .sidebar.hoverable.collapsed .nav-item .nav-item > .nav-link > .nav-text::before {
        margin-right: 2px
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .caret {
        display: none
    }

    .sidebar.hoverable.collapsed .nav-item .nav-item::before,
    .sidebar.hoverable.collapsed .nav > .nav-item > .submenu::before {
        display: none
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {
        padding: 0 .75rem;
        color: #3d78b1;
        background-color: #f8f8f8;
        font-size: .9125rem;
        font-weight: 600
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link.dropdown-toggle > .nav-text {
        cursor: default
    }

    .sidebar.hoverable.collapsed.sidebar-spaced:not(.toggling) .nav > .nav-item {
        width: auto;
        overflow: visible
    }

    .sidebar.hoverable.collapsed.sidebar-spaced:not(.toggling) .nav > .nav-item > .nav-link {
        border-radius: inherit;
        padding: 0;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sidebar.hoverable.collapsed.sidebar-spaced:not(.toggling) .nav > .nav-item > .nav-link > .nav-icon {
        margin: 0
    }

    .sidebar.hoverable.collapsed .submenu {
        background-color: #fff
    }

    .sub-arrow {
        position: absolute;
        visibility: hidden;
        top: calc(50% - .625rem);
        margin-top: -1px;
        box-shadow: none;
        border: none
    }

    .sub-arrow::after,
    .sub-arrow::before {
        content: "";
        position: absolute;
        top: 0;
        height: 0;
        width: 0;
        border: .625rem solid transparent
    }

    .sub-arrow::after {
        border-left-color: #f8f8f8;
        left: -2px
    }

    .sub-arrow::before {
        border-left-color: #d1d1d1;
        left: -1px
    }

    .nav-item .nav-item .sub-arrow::after {
        border-left-color: #fff
    }

    .submenu-pullup .sub-arrow::after {
        border-left-color: #fff
    }

    .sidebar.collapsed:not(.hoverable) .sub-arrow,
    .sidebar.expandable:not(.sidebar-hover) .sub-arrow {
        display: none !important
    }
}

.sidebar .nav-link.dropdown-toggle::after {
    display: none
}

.sidebar .nav-item-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 .325rem;
    margin: .5rem 0
}

.sidebar .nav-item + .nav-item-caption {
    margin-top: 2rem
}

.sidebar .nav-item-divider {
    margin: .5rem
}

.sidebar .submenu .nav-item-divider {
    margin: .25rem 3rem .25rem .75rem
}

.sidebar .submenu .submenu .nav-item-divider {
    margin-right: 4rem
}

@media (min-width:1200px) {
    .sidebar.collapsed .sidebar-inner:not(.is-hover) .nav-item-divider.hideable {
        margin: 0;
        visibility: hidden
    }

    .sidebar.collapsed .sidebar-inner:not(.is-hover) .nav-item + .nav-item-caption.hideable {
        margin-top: 0
    }

    .sidebar.collapsed.hoverable .submenu .nav-item-divider {
        margin: .5rem 1rem
    }
}

.sidebar-section-item {
    min-height: 3.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sidebar-shortcuts-mini .btn {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    border-radius: 1rem;
    padding: 0;
    margin: 0 1px
}

.sidebar-search-input {
    width: 12rem;
    width: calc(var(--sidebar-width) - 4rem);
    height: 2rem;
    line-height: 2;
    background-color: transparent;
    border-width: 0;
    border-bottom: 1px solid transparent
}

.sidebar-search-input:focus {
    outline: 0
}

.sidebar-search-input::-webkit-input-placeholder {
    font-size: .925rem;
    line-height: 2
}

.sidebar-search-input::-moz-placeholder {
    font-size: .925rem;
    line-height: 2
}

.sidebar-search-input:-ms-input-placeholder {
    font-size: .925rem;
    line-height: 2
}

.sidebar-search-input::-ms-input-placeholder {
    font-size: .925rem;
    line-height: 2
}

.sidebar-search-input::placeholder {
    font-size: .925rem;
    line-height: 2
}

@media (min-width:1200px) {
    .sidebar.expandable .sidebar-inner:not(.has-focus) .sidebar-search-input:focus {
        transition: font-size 0s 0s
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable .sidebar-inner:not(.has-focus) .sidebar-search-input:focus {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.expandable.collapsed:not(:hover) .sidebar-inner:not(.has-focus) .sidebar-search-input:focus {
        font-size: 0;
        transition-delay: .4s
    }

    .sidebar.expandable.collapsed:hover .sidebar-inner:not(.has-focus) .sidebar-search-input:focus {
        transition-delay: .2s
    }
}

@media (max-width:1199.98px) {
    .sidebar {
        max-width: 0;
        visibility: hidden
    }

    .sidebar .sidebar-inner {
        visibility: visible;
        -webkit-transform: translateX(100%) translateX(1px);
        transform: translateX(100%) translateX(1px);
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .sidebar .sidebar-inner {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .sidebar:not(.sidebar-fixed) .sidebar-inner {
        position: relative;
        top: var(--navbar-mobile-height);
        min-height: auto;
        height: auto;
        max-height: 0;
        transition: max-height 0s .3s, -webkit-transform .3s 0s;
        transition: transform .3s 0s, max-height 0s .3s;
        transition: transform .3s 0s, max-height 0s .3s, -webkit-transform .3s 0s
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .sidebar:not(.sidebar-fixed) .sidebar-inner {
        transition: none
    }
}

@media (max-width:1199.98px) {

    .sidebar .ace-scroll,
    .sidebar .sidebar-section-item {
        width: auto
    }

    .sidebar-visible .sidebar-inner {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .sidebar-visible:not(.sidebar-fixed) .sidebar-inner {
        transition-delay: 0s !important;
        max-height: 1000vh
    }

    .sidebar-push:not(.sidebar-fixed) .sidebar-inner {
        height: 100%;
        max-height: none
    }

    .sidebar:not(.sidebar-push) .sidebar-inner .nav-item:last-child::after {
        display: none
    }

    .sidebar-push {
        transition: max-width .3s
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .sidebar-push {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .sidebar-push.sidebar-visible {
        max-width: 16rem;
        max-width: var(--sidebar-width)
    }

    .sidebar-push.sidebar-visible ~ .main-content {
        min-width: 100vw;
        max-width: 100vw;
        overflow-x: hidden
    }

    .sidebar-backdrop::before {
        content: "";
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0;
        display: block;
        pointer-events: none;
        visibility: hidden;
        transition: opacity 150ms 0s, visibility 0s 150ms
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .sidebar-backdrop::before {
        transition: none
    }
}

@media (max-width:1199.98px) {

    .sidebar-visible .sidebar-backdrop::before,
    .sidebar-visible.sidebar-backdrop::before {
        visibility: visible;
        pointer-events: all;
        opacity: .33;
        transition-delay: 0s
    }

    .sidebar.sidebar-spaced .nav > .nav-item {
        width: auto;
        margin-left: .875rem
    }

    body.mob-sidebar-body,
    body.mob-sidebarswipe-body {
        overflow-y: hidden
    }

    .sidebar-visible [data-toggle-mobile=sidebar] {
        pointer-events: auto !important
    }
}

@media (max-width:991.98px) {
    .sidebar-fixed.sidebar-push {
        max-width: 0;
        min-width: 0;
        width: 0;
        transition: width .3s, min-width .3s, max-width .3s
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .sidebar-fixed.sidebar-push {
        transition: none
    }
}

@media (max-width:991.98px) {
    .sidebar-fixed.sidebar-push.sidebar-visible {
        width: 75vw;
        max-width: 320px;
        min-width: 16rem;
        min-width: var(--sidebar-width)
    }

    .sidebar-fixed .sidebar-inner {
        width: 75vw;
        max-width: 320px;
        min-width: 16rem;
        min-width: var(--sidebar-width)
    }

    .sidebar-fixed .sidebar-inner .ace-scroll,
    .sidebar-fixed .sidebar-inner .sidebar-search-input,
    .sidebar-fixed .sidebar-inner .sidebar-section {
        width: auto
    }

    .sidebar-fixed .sidebar-inner .sidebar-search-input {
        max-width: calc(100% - 1rem)
    }
}

@media (min-width:1200px) {
    .sidebar.sidebar-h {
        will-change: unset;
        transition: none;
        min-height: auto;
        height: 4.25rem;
        height: var(--sidebar-horizontal-height);
        width: 100%
    }

    .sidebar.sidebar-h .sidebar-inner {
        top: auto !important;
        bottom: auto !important;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: visible;
        height: inherit !important
    }

    .sidebar.sidebar-h .ace-scroll {
        overflow: visible !important;
        width: auto;
        height: auto
    }

    .sidebar.sidebar-h .nav {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .sidebar.sidebar-h .nav > .nav-item {
        width: auto;
        margin-bottom: 0 !important;
        margin: 0 1px;
        position: relative;
        
        height: 100%;
        display: flex;
        align-items: center;
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link {
        width: auto;
        height: 100%;
        padding-right: .75em;
        padding-left: .75em;
        position: relative
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link .nav-icon {
        margin-right: 0;
        margin-left: .125em;
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link .nav-text {
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-right: 0;
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link .nav-text .badge {
        float: none
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link > .caret {
        display: none
    }

    .sidebar.sidebar-h .nav > .nav-item.active > .nav-link {
        font-weight: 600
    }

    .sidebar.sidebar-h .nav.nav-link-rounded > .nav-item > .nav-link {
        border-radius: .25em .25em 0 0
    }

    .sidebar.sidebar-h .nav-fill {
/*         width: 100% */
    }

    .sidebar.sidebar-h .nav-fill.text-center > .nav-item > .nav-link {
        -ms-flex-pack: center;
        justify-content: center
    }

    .sidebar.sidebar-h .nav-fill .nav-item .nav-item {
        text-align: right
    }

    .sidebar.sidebar-h .nav-item-caption {
        display: none
    }

    .sidebar.sidebar-h .nav > .nav-item > .submenu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        min-width: 15rem;
        min-width: calc(var(--sidebar-width) - 1rem);
        margin-right: 0;
        margin-top: -11px
    }

    .sidebar.sidebar-h .nav > .nav-item:hover > .submenu {
        margin-right: 0 !important;
        margin-top: -2px !important
    }

    /* خط زیر منو */
    .sidebar.sidebar-h .nav > .nav-item > .nav-link::before {
        top: auto !important;
        bottom: 1px !important;
        right: 1px !important;
        left: 1px !important;
        border-width: 3px 0 0 0; /*3px 0 0 0 */
    }

    .sidebar.sidebar-h .nav.active-on-right > .nav-item > .nav-link::before {
        bottom: auto !important;
        top: 1px !important;
        right: 0 !important;
        left: 0 !important;
        border-width: 0 0 3px 0
    }

    .sidebar.sidebar-h .nav.has-active-border > .nav-item.active::before,
    .sidebar.sidebar-h .nav.has-active-border > .nav-item.active > .nav-link::before {
        right: 0 !important;
        left: 0 !important;
        bottom: 1px !important;
        top: auto;
        border-width: 3px 0 0 0
    }

    .sidebar.sidebar-h .align-items-xl-end .nav.active-on-right > .nav-item.active::before,
    .sidebar.sidebar-h .align-items-xl-end .nav.active-on-right > .nav-item > .nav-link::before {
        top: 0 !important
    }

    .sidebar.sidebar-h .nav.nav-active-sm > .nav-item.active > .nav-link::before,
    .sidebar.sidebar-h .nav.nav-active-sm > .nav-item > .nav-link::before {
/*         right: 10% !important;
        left: 10% !important; */
    }

    .sidebar.sidebar-h .nav.nav-spaced > .nav-item {
        margin-right: 0.2rem;
        margin-left: 0.2rem;
    }

    .sidebar.sidebar-h .nav.nav-spaced > .nav-item > .nav-link {
        padding-right: 0.2rem;
        padding-left: 0.2rem;
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
    }

    .sidebar.sidebar-h .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        display: block !important;
        top: auto;
        bottom: -1px;
        left: auto;
        right: calc(50% - .625rem);
        border-left: .625rem solid transparent;
        border-right: .625rem solid transparent;
        border-top-width: 0;
        border-bottom: .625rem solid #fff;
        z-index: 1
    }

    .sidebar.sidebar-h .nav.has-active-arrow .nav-item .nav-item.active > .nav-link::after {
        display: none !important
    }

    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow {
        top: calc(100% - 1.25rem + 1px);
        bottom: auto;
        right: 1rem !important;
        left: auto;
        margin-right: 0 !important;
        margin-top: -11px
    }

    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow::after,
    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow::before,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::after,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::before {
        border: .625rem solid;
        border-color: transparent;
        left: auto;
        border-left-color: transparent !important
    }

    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow::after,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::after {
        border-bottom-color: #d1d1d1;
        top: -1px;
        z-index: 0
    }

    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow::before,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::before {
        border-bottom-color: #fff;
        z-index: 1
    }

    .sidebar.sidebar-h .nav.has-active-arrow > .nav-item > .sub-arrow {
        right: calc(50% - .625rem) !important
    }

    .sidebar.sidebar-h:not(.sidebar-hover) .nav > .nav-item.open > .sub-arrow {
        display: block
    }

    .sidebar.sidebar-h.sidebar-hover .nav > .nav-item:hover > .sub-arrow {
        margin-top: -2px
    }

    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .fadeable .sub-arrow {
        top: calc(-1.25rem + 1px);
        margin-top: 0 !important
    }

    .sidebar.sidebar-h .sidebar-section-item.fadeable-right .fadeable .sub-arrow {
        right: auto !important;
        left: 2rem
    }

    .sidebar.sidebar-h .nav > .nav-item.submenu-right > .submenu,
    .sidebar.sidebar-h .nav > .nav-item:last-of-type > .submenu {
        right: auto !important;
        left: 0 !important
    }

    .sidebar.sidebar-h .nav:not(.has-active-arrow) > .nav-item.submenu-right > .sub-arrow,
    .sidebar.sidebar-h .nav:not(.has-active-arrow) > .nav-item:last-of-type > .sub-arrow {
        right: auto !important;
        left: 2rem !important
    }

    .sidebar.sidebar-h .sidebar-section {
        width: auto;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sidebar.sidebar-h .sidebar-section-item .fadeable {
        -webkit-animation: 1s navItemHidden;
        animation: 1s navItemHidden;
        opacity: 0;
        visibility: hidden
    }

    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .fadeable {
        top: 100% !important;
        right: 0 !important;
        margin-right: 0 !important;
        margin-top: -11px
    }

    .sidebar.sidebar-h .sidebar-section-item.fadeable-right .fadeable {
        right: auto !important;
        left: 0
    }

    .sidebar.sidebar-h .sidebar-section-item .fadeinable {
        opacity: 1 !important;
        visibility: visible !important;
        transition: none
    }

    .sidebar.sidebar-h .sidebar-section-item:hover .fadeable {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
        margin-right: 0 !important;
        margin-top: -2px
    }

    .sidebar.sidebar-h .sidebar-section-item:focus-within .fadeable {
        margin-top: -2px
    }

    .sidebar.sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:not(:first-child) .fadeable,
    .sidebar.sidebar-h .sidebar-section:not(:first-child) .sidebar-section-item.fadeable-center .fadeable {
        right: 50% !important;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .sidebar.sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:not(:first-child) .fadeable .sub-arrow,
    .sidebar.sidebar-h .sidebar-section:not(:first-child) .sidebar-section-item.fadeable-center .fadeable .sub-arrow {
        right: calc(50% - .625rem) !important
    }

    .sidebar-h.collapsed-h {
        height: 4rem;
        height: var(--sidebar-horizontal-collapsed-height)
    }

    .sidebar-h.collapsed-h .nav > .nav-item > .nav-link > .nav-text {
        display: none
    }

    .sidebar-h.collapsed-h .nav > .nav-item > .nav-link > .nav-icon {
        margin: 0 .625em
    }

    .navbar:not(.navbar-fixed) ~ .main-container .sidebar-h.sidebar-fixed,
    .navbar:not(.navbar-fixed) ~ .sidebar-h.sidebar-fixed {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .navbar:not(.navbar-fixed) ~ .main-container .sidebar-h.sidebar-fixed .sidebar-inner,
    .navbar:not(.navbar-fixed) ~ .sidebar-h.sidebar-fixed .sidebar-inner {
        position: relative
    }

    .main-container .sidebar-h.sidebar-fixed {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .main-container .sidebar-h.sidebar-fixed .sidebar-inner {
        position: relative
    }

    .main-container .navbar-fixed ~ .sidebar-h.sidebar-fixed,
    .navbar-fixed ~ .main-container .sidebar-h.sidebar-fixed {
        top: 4.5rem;
        top: var(--navbar-height)
    }

    .main-container .navbar-fixed.navbar-sm ~ .sidebar-h.sidebar-fixed,
    .navbar-fixed.navbar-sm ~ .main-container .sidebar-h.sidebar-fixed {
        top: 4rem;
        top: var(--navbar-sm-height)
    }

    .sidebar-h.sidebar-fixed ~ .main-container .sidebar-fixed .sidebar-inner {
        margin-top: 4.25rem;
        margin-top: var(--sidebar-horizontal-height)
    }

    .collapsed-h.sidebar-fixed ~ .main-container .sidebar-fixed .sidebar-inner {
        margin-top: 4rem;
        margin-top: var(--sidebar-horizontal-collapsed-height)
    }
}

@media (min-width:1600px) {

    .container .sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable,
    .sidebar-h .container .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable {
        right: 50% !important;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .container .sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable .sub-arrow,
    .sidebar-h .container .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable .sub-arrow {
        right: calc(50% - .625rem) !important
    }
}

@media (min-width:1750px) {

    .container-plus .sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable,
    .sidebar-h .container-plus .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable {
        right: 50% !important;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .container-plus .sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable .sub-arrow,
    .sidebar-h .container-plus .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable .sub-arrow {
        right: calc(50% - .625rem) !important
    }
}

@media (max-width:1199.98px) {
    .sidebar-h .nav.nav-fill .nav-item {
        -ms-flex: unset;
        flex: unset;
        text-align: right
    }

    .sidebar-h .container {
        height: 100%
    }
}

.nav.has-active-arrow .nav-item.active > .nav-link::after {
    content: "";
    display: none;
    position: absolute;
    z-index: 0;
    width: 0;
    height: 0;
    margin: 0;
    left: 0;
    top: calc(50% - .625rem);
    border-left: .625rem solid #fff;
    border-right: none;
    border-top: .625rem solid transparent;
    border-bottom: .625rem solid transparent
}

.nav.has-active-arrow .nav-item.active:not(.open) > .nav-link::after {
    display: block
}

.nav.has-active-arrow .nav-item.active.open .nav-item.active:not(.open) > .nav-link::after {
    display: block
}

.nav.has-active-arrow .nav-item.active:not(.open) .nav-item.active:not(.open) > .nav-link::after {
    display: none
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed.toggling .nav.has-active-arrow > .nav-item > .nav-link,
    .sidebar.expandable:not(.collapsed).toggling .nav.has-active-arrow > .nav-item.active:not(.open) > .nav-link {
        position: static
    }

    .sidebar.expandable.sidebar-spaced.toggling .nav.has-active-arrow .nav-item.active > .nav-link::after,
    .sidebar.expandable.sidebar-spaced:not(.collapsed) .nav.has-active-arrow .nav-item.active > .nav-link::after {
        display: none !important
    }

    .sidebar.expandable.collapsed:not(.toggling) .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        left: auto !important;
        right: 4.375rem;
        right: calc(var(--sidebar-collapsed-width) - .625rem)
    }

    .sidebar.expandable.collapsed:not(.toggling).sidebar-spaced .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        margin-right: calc(-.4375rem - 2px)
    }

    .sidebar.expandable.collapsed .nav.has-active-arrow .nav-item .nav-item > .nav-link::after {
        display: none !important
    }

    .sidebar.expandable.collapsed .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        transition: visibility 0s 550ms;
        display: block
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable.collapsed .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .nav.has-active-arrow > .nav-item.active > .nav-link::after,
    .sidebar.expandable.collapsed .sidebar-inner:hover .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        visibility: hidden;
        transition-delay: 80ms
    }

    .sidebar.hoverable.collapsed .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        display: block;
        left: -1px
    }

    .sidebar.hoverable.collapsed .nav.has-active-arrow .nav-item .nav-item.active > .nav-link::after {
        display: none !important
    }
}

@media (max-width:1199.98px) {
    .sidebar:not(.sidebar-push) .nav.has-active-arrow .nav-item.active > .nav-link::after {
        display: none !important
    }
}

.nav.has-active-border > .nav-item.active::before {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0 solid transparent;
    border-right-width: .25rem
}

.nav.has-active-border > .nav-item.active[class*=brc-]::before {
    border-right-color: inherit
}

.nav.has-active-border .nav-item.active > .nav-link::before {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0 solid transparent;
    border-right-width: .25rem
}

.nav.has-active-border > .nav-item.active[class*=brc-] .nav-item,
.nav.has-active-border > .nav-item.active[class*=brc-] .nav-link,
.nav.has-active-border > .nav-item.active[class*=brc-] .nav-link::before,
.nav.has-active-border > .nav-item.active[class*=brc-] .submenu,
.nav.has-active-border > .nav-item.active[class*=brc-] .submenu-inner {
    border-right-color: inherit
}

.nav.has-active-border .nav-item.active.open > .nav-link::before {
    display: none
}

.nav.has-active-border .nav-item.active:not(.open) .nav-item > .nav-link::before {
    display: none
}

@media (min-width:1200px) {
    .sidebar.expandable.collapsed .sidebar-inner .nav.has-active-border > .nav-item.active > .nav-link::before {
        display: block
    }

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .nav.has-active-border > .nav-item.active.open > .nav-link::before,
    .sidebar.expandable.collapsed .sidebar-inner.is-hover .nav.has-active-border > .nav-item.active.open > .nav-link::before {
        visibility: hidden
    }

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .nav.has-active-border > .nav-item.active:not(.open) > .nav-link::before,
    .sidebar.expandable.collapsed .sidebar-inner.is-hover .nav.has-active-border > .nav-item.active:not(.open) > .nav-link::before {
        visibility: visible
    }
}

.nav.has-active-border.active-on-top .nav-item.active::before {
    display: none !important
}

.nav.has-active-border.active-on-top .nav-item.active > .nav-link::before {
    display: block !important;
    visibility: visible !important
}

.nav.has-active-border.active-on-top .nav-item .nav-item.active > .nav-link::before {
    display: none !important
}

@media (min-width:1200px) {
    .sidebar.hoverable.collapsed .nav.has-active-border > .nav-item.active > .nav-link::before {
        display: block !important;
        visibility: visible !important
    }

    .sidebar.hoverable.collapsed .nav.has-active-border .nav-item .nav-item.active > .nav-link::before {
        display: none !important
    }
}

.nav.has-active-border.active-on-right .nav-item.active > .nav-link::before,
.nav.has-active-border.active-on-right > .nav-item.active::before {
    right: auto !important;
    left: 1px
}

@media (min-width:1200px) {

    .collapsed:not(.toggling) .sidebar-inner:not(.is-hover) .nav.active-on-right .nav-item.active > .nav-link::before,
    .collapsed:not(.toggling) .sidebar-inner:not(.is-hover) .nav.active-on-right > .nav-item.active::before {
        right: 5rem !important;
        right: var(--sidebar-collapsed-width) !important;
        margin-right: calc(-.25rem - 1px);
        left: auto
    }
}

.sidebar-spaced .nav.has-active-arrow .nav-item.active > .nav-link::after {
    display: none !important
}

@media (min-width:1200px) {
    .sidebar-spaced.sidebar-color.hoverable.collapsed .nav.has-active-border > .nav-item.active > .nav-link::before {
        display: none !important
    }
}

@media (min-width:1200px) {

    .body-container:not(.container) .sidebar:not(.sidebar-spaced) .nav.has-active-border .nav-item > .nav-link::before,
    .body-container:not(.container) .sidebar:not(.sidebar-spaced) .nav.has-active-border > .nav-item.active::before {
        right: 1px
    }
}

@media (max-width:1199.98px) {

    .sidebar .nav.has-active-border .nav-item > .nav-link::before,
    .sidebar .nav.has-active-border > .nav-item.active::before {
        right: 1px
    }
}

.sidebar-spaced .nav > .nav-item {
    width: 14.25rem;
    width: calc(var(--sidebar-width) - 1.75rem);
    margin-right: .875rem;
    border-radius: .325rem;
    overflow: hidden;
    margin-bottom: .25rem;
    pointer-events: none
}

.sidebar-spaced .nav > .nav-item::after,
.sidebar-spaced .nav > .nav-item::before {
    display: none !important
}

.sidebar-spaced .nav > .nav-item > .nav-link,
.sidebar-spaced .nav > .nav-item > .submenu {
    max-width: 100%;
    pointer-events: all
}

.sidebar-spaced .nav > .nav-item > .nav-link {
    min-height: 3.25rem
}

.sidebar-spaced .nav > .nav-item > .nav-link > .nav-icon {
    margin-right: 0
}

.sidebar-spaced .nav > .nav-item > .submenu {
    border-width: 0
}

.sidebar-spaced .caret {
    margin-left: .25rem
}

.sidebar-spaced .submenu .caret {
    margin-left: .875rem
}

.sidebar-spaced .submenu .nav-link {
    margin-right: 2px;
    margin-left: 2px
}

.sidebar-spaced.sidebar-color .nav > .nav-item {
    transition: none;
    border-radius: .5rem
}

@media (min-width:1200px) {
    .sidebar-spaced.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item {
        margin-right: .4375rem
    }

    .sidebar-spaced.hoverable.collapsed .nav > .nav-item {
        margin-right: .5775rem;
        margin-left: .5775rem
    }

    .sidebar-spaced.hoverable.collapsed .nav > .nav-item > .submenu {
        border-width: 1px
    }
}

@media (min-width:1200px) {
    .sidebar-spaced.sidebar.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item > .nav-link > .nav-icon-round {
        margin-right: -.625rem
    }

    .sidebar-spaced.expandable .nav > .nav-item:not(.open):not(.active):not(:hover) > .submenu {
        background-color: transparent
    }

    .sidebar-spaced.hoverable:not(.collapsed) .nav > .nav-item:not(.open):not(.active):not(:hover) > .submenu {
        background-color: transparent
    }

    .sidebar-spaced.hideable .nav > .nav-item:not(.open):not(.active):not(:hover) > .submenu {
        background-color: transparent
    }
}

@media (max-width:1199.98px) {
    .sidebar-spaced .nav > .nav-item:not(.open):not(.active):not(:hover) > .submenu {
        background-color: transparent
    }
}

.navbar-default {
    background-color: #2087c5
}

.navbar-default .navbar-toggler:focus,
.navbar-default .navbar-toggler:hover {
    background-color: rgba(255, 255, 255, .1)
}

.navbar-default .navbar-toggler[aria-expanded=true] {
    background-color: rgba(0, 0, 0, .1)
}

.navbar-default .navbar-nav > .nav > .nav-item > .nav-link:not(.disabled) {
    color: rgba(255, 255, 255, .92);
    background-color: transparent
}

.navbar-default .navbar-nav > .nav > .nav-item:hover > .nav-link:not(.disabled) {
    background-color: rgba(255, 255, 255, .1)
}

.navbar-default .navbar-nav > .nav > .nav-item > .nav-link:active:not(.disabled) {
    background-color: rgba(0, 0, 0, .1)
}

.navbar-default .navbar-nav > .nav.has-active-border > .nav-item > .nav-link:not(.disabled)::before {
    background-color: rgba(255, 255, 255, .73)
}

.navbar-default .navbar-nav > .nav > .nav-item.show > .nav-link:not(.disabled) {
    background-color: rgba(0, 0, 0, .15)
}

@media (min-width:992px) {
    .navbar-default .navbar-intro {
        background-color: rgba(0, 0, 0, .075)
    }

    .navbar-default .navbar-nav > .nav > .nav-item {
        border: 0 solid rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-nav > .nav > .nav-item {
        border-width: 0 1px 0 0
    }

    .navbar-default .navbar-nav > .nav > .nav-item:last-of-type {
        border-width: 0 1px
    }

    .navbar-default .navbar-nav > .nav > .nav-item.show,
    .navbar-default .navbar-nav > .nav > .nav-item.show + .nav-item {
        border-color: rgba(0, 0, 0, .2)
    }

    .navbar-default .navbar-nav > .nav > .nav-item > .nav-link::after {
        content: none
    }
}

@media (max-width:991.98px) {
    .navbar-default .navbar-content-section input {
        border-bottom-color: rgba(255, 255, 255, .7)
    }

    .navbar-default .navbar-collapse {
        border: 0 solid rgba(34, 85, 117, .2);
        border-width: 1px 0
    }

    .navbar-default .navbar-collapse > .navbar-nav > .nav > .nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .navbar-default .navbar-collapse > .navbar-nav > .nav > .nav-item.dropdown.show {
        background-color: rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-collapse > .navbar-nav > .nav > .nav-item > .nav-link.active {
        background-color: rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-collapse > .navbar-nav > .nav > .nav-item.show > .nav-link {
        background-color: transparent
    }
}

@media (min-width:992px) {
    .navbar-default .navbar-fixed > .navbar-inner {
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1), inset -1px -1px 0 0 rgba(0, 0, 0, .05)
    }

    .navbar-default .navbar-fixed.container {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-fixed.container .navbar-inner {
        right: auto;
        left: auto
    }
}

.navbar-default .navbar-content-section input {
    background-color: transparent;
    color: #fff;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: transparent
}

.navbar-default .navbar-content-section input:focus {
    border-color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input:not(:focus):hover {
    border-color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::-moz-placeholder {
    color: #fff
}

.sidebar-default {
    background-color: #f7f7f7
}

.sidebar-default .sidebar-inner {
    background: inherit;
    box-shadow: inset 1px 0 0 0 #dbdfe2
}

.sidebar-default.toggling.has-open:not(.collapsed) .sidebar-inner {
    border-left: 1px solid #dbdfe2
}

@media (min-width:1200px) {
    .sidebar-default:not(.sidebar-h) .nav {
        position: relative;
        right: -1px
    }

    .sidebar-default:not(.sidebar-h) .nav > .nav-item.active:not(.open) > .nav-link {
        right: 1px
    }

    .sidebar-default:not(.sidebar-h) .nav.has-active-border .submenu .nav-link::before,
    .sidebar-default:not(.sidebar-h) .nav.has-active-border > .nav-item.open > .nav-link::before {
        margin-right: 1px
    }

    .sidebar-default.hoverable.collapsed:not(.sidebar-h) .nav {
        right: auto
    }

    .sidebar-default.hoverable.collapsed:not(.sidebar-h) .nav .nav-item > .nav-link {
        right: auto
    }

    .sidebar-default.hoverable.collapsed:not(.sidebar-h) .nav.has-active-border .submenu .nav-link::before,
    .sidebar-default.hoverable.collapsed:not(.sidebar-h) .nav.has-active-border > .nav-item > .nav-link::before {
        margin-right: auto
    }
}

@media (min-width:1200px) {
    .sidebar-default.sidebar-h .nav > .nav-item.active > .nav-link {
        top: 1px
    }

    .sidebar-default.sidebar-h .nav.active-on-right > .nav-item::before,
    .sidebar-default.sidebar-h .nav.active-on-right > .nav-item > .nav-link::before {
        bottom: auto !important;
        top: 0 !important
    }

    .sidebar-default.sidebar-h .align-items-xl-end .nav.active-on-right > .nav-item::before,
    .sidebar-default.sidebar-h .align-items-xl-end .nav.active-on-right > .nav-item > .nav-link::before {
        top: -1px !important
    }
}

@media (max-width:1199.98px) {
    .sidebar-default.sidebar-push .nav {
        position: relative;
        right: -1px
    }

    .sidebar-default.sidebar-push .nav > .nav-item.active:not(.open) > .nav-link {
        right: 1px
    }

    .sidebar-default.sidebar-push .nav.has-active-border .submenu .nav-link::before,
    .sidebar-default.sidebar-push .nav.has-active-border > .nav-item.open > .nav-link::before {
        margin-right: 1px
    }
}

@media (max-width:1199.98px) {
    .sidebar-default:not(.sidebar-push) .sidebar-inner {
        box-shadow: none;
        border-left: 1px solid #d0d5d9
    }

    .sidebar-default:not(.sidebar-fixed) .sidebar-inner {
        border-bottom: 1px solid #d0d5d9
    }
}

.sidebar-default .nav > .nav-item {
    margin-bottom: 1px
}

.sidebar-default .nav > .nav-item > .nav-link {
    color: #4e4e4e;
    font-size: 1rem
}

.sidebar-default .nav > .nav-item > .nav-link > .nav-icon {
    color: #5c5c5c;
    font-size: 1.25em
}

.sidebar-default .nav > .nav-item.open > .nav-link {
    color: #313131
}

.sidebar-default.sidebar-spaced .nav > .nav-item.open:not(.active) > .nav-link {
    background-color: #e7eaef
}

.sidebar-default .nav > .nav-item.open > .nav-link > .nav-icon {
    color: #4a4a4a
}

.sidebar-default .nav > .nav-item > .nav-link:hover {
    background-color: #e7eaef;
    color: #2e2f30
}

.sidebar-default .nav > .nav-item > .nav-link:hover > .nav-icon {
    color: #454647
}

.sidebar-default .nav > .nav-item > .submenu {
    background-color: #fdfdfd
}

.sidebar-default .submenu .nav-link {
    color: #616161;
    font-size: .95rem
}

.sidebar-default .submenu .nav-item.open > .nav-link {
    color: #2a7ab8
}

.sidebar-default .submenu .nav-item > .nav-link:hover {
    color: #3576a9;
    background-color: #f0f5f9
}

.sidebar-default .submenu .nav-icon {
    color: #99a0a8;
    font-size: 1.1875rem
}

.sidebar-default .submenu .nav-link:hover > .nav-icon {
    color: #92afd0
}

.sidebar-default .submenu .nav-item.open > .nav-link > .nav-icon {
    color: #92afd0
}

.sidebar-default .submenu .nav-item.active > .nav-link > .nav-icon {
    color: #70a1d1
}

.sidebar-default .caret {
    color: inherit;
    opacity: .75
}

.sidebar-default .open > .nav-link > .caret {
    opacity: .82
}

.sidebar-default .nav-item > .nav-link:hover > .caret {
    opacity: .82
}

.sidebar-default .nav-item.active > .nav-link > .caret {
    opacity: .82
}

.sidebar-default .nav-item.active.open > .nav-link > .caret {
    opacity: .92
}

.sidebar-default .nav > .nav-item.active {
    border: 1px solid #dbdfe2;
    border-width: 1px 0
}

@media (min-width:1200px) {
    .sidebar-default.sidebar-h .nav > .nav-item.active {
        border-width: 0 1px
    }
}

.sidebar-default .nav > .nav-item.active > .nav-link {
    color: #3c7db9;
    background-color: #fff
}

.sidebar-default .nav > .nav-item.active:not(.open) > .nav-link {
    font-weight: 600
}

.sidebar-default .nav > .nav-item.active > .nav-link > .nav-icon {
    color: #427fb8
}

.sidebar-default .submenu .nav-item.active > .nav-link {
    color: #2a7ab8
}

.sidebar-default .submenu .nav-item.active > .nav-link > .nav-icon {
    color: #70a1d1
}

.sidebar-default .submenu .nav-item.active:not(.open) > .nav-link {
    background-color: #f0f5f9;
    font-weight: 600
}

@media (min-width:1200px) {

    .sidebar-default.hoverable.collapsed .submenu .nav-item.active.open > .nav-link,
    .sidebar-default.sidebar-hover:not(.collapsed) .submenu .nav-item.active.open > .nav-link {
        color: #2a7ab8;
        background-color: #f0f5f9;
        font-weight: 600
    }

    .sidebar-default.hoverable.collapsed .submenu .nav-item.active > .nav-link > .nav-text::before,
    .sidebar-default.sidebar-hover:not(.collapsed) .submenu .nav-item.active > .nav-link > .nav-text::before {
        content: "";
        display: block;
        opacity: 1
    }
}

.sidebar-default .nav.has-active-border .nav-item.active > .nav-link::before {
    content: "";
    border-color: #4b95ce;
    top: -1px;
    bottom: -1px
}

.sidebar-default .submenu .nav-link {
    padding-right: 3.75em
}

.sidebar-default .submenu .submenu .nav-link {
    padding-right: 4.675em
}

.sidebar-default .submenu .submenu .submenu .nav-link {
    padding-right: 5.325em
}

.sidebar-default .submenu .nav-text::before {
    display: none;
    position: absolute;
    right: 2.75em;
    z-index: 1;
    opacity: .65;
    top: calc(50% - .1875rem);
    width: .375rem;
    height: .375rem;
    border-radius: .75rem;
    background-color: currentColor
}

.sidebar-default .submenu .submenu .nav-text::before {
    right: 3.675em
}

.sidebar-default .submenu .submenu .submenu .nav-text::before {
    right: 4.325em
}

.sidebar-default .submenu .nav-item > .nav-link:hover > .nav-text::before {
    content: "";
    display: block;
    opacity: .8
}

.sidebar-default .submenu .nav-item.active:not(.open) > .nav-link > .nav-text::before {
    content: "";
    display: block;
    opacity: 1
}

@media (min-width:1200px) {

    .sidebar-default.hoverable.collapsed .submenu .nav-text::before,
    .sidebar-default.sidebar-hover:not(.collapsed) .submenu .nav-text::before {
        right: calc(.5em + 1px) !important
    }
}

.sidebar-default .nav-item-caption {
    color: #717580;
    font-size: .875rem
}

.sidebar-default .nav-item-divider {
    border-top: 1px solid #dde3e6
}

.sidebar-default .submenu .nav-item-divider {
    border-top-color: #eceff1
}

.sidebar-default .nav > .nav-item > .submenu > .submenu-inner {
    border: 1px solid #e6e9eb;
    border-width: 1px 0
}

.sidebar-default .nav > .nav-item.active > .submenu > .submenu-inner {
    border-bottom-width: 0
}

.sidebar-default .nav > .nav-item.is-toggling + .nav-item.active,
.sidebar-default .nav > .nav-item.open + .nav-item.active {
    margin-top: -2px
}

.sidebar-default .ace-scroll {
    scrollbar-color: #9dbad5 #dce3ea
}

.sidebar-default .ace-scroll::-webkit-scrollbar-track {
    background-color: #dce3ea;
    border-left: 1px solid #f7f7f7
}

.sidebar-default .ace-scroll::-webkit-scrollbar-thumb {
    background-color: #9dbad5;
    border-left: 1px solid #f7f7f7
}

.sidebar-default.sidebar-spaced .nav {
    margin-right: 0
}

.sidebar-default.sidebar-spaced .nav > .nav-item.active:not(.open) > .nav-link {
    right: auto
}

.sidebar-default.sidebar-spaced .nav > .nav-item.active {
    border-width: 1px;
    border-color: #d0d5d9
}

@media (min-width:1200px) {
    .sidebar-default.toggling .nav > .nav-item.active.open {
        transition: none
    }

    .sidebar-default.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item.open:not(.active),
    .sidebar-default.hoverable.collapsed .nav > .nav-item.open:not(.active) {
        border-color: transparent;
        background-color: transparent
    }

    .sidebar-default.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item.open:not(.active) > .nav-link,
    .sidebar-default.hoverable.collapsed .nav > .nav-item.open:not(.active) > .nav-link {
        color: #4e4e4e;
        background-color: transparent
    }

    .sidebar-default.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item.open:not(.active) > .nav-link > .nav-icon,
    .sidebar-default.hoverable.collapsed .nav > .nav-item.open:not(.active) > .nav-link > .nav-icon {
        color: #5c5c5c
    }

    .sidebar-default.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item.active.open,
    .sidebar-default.hoverable.collapsed .nav > .nav-item.active.open {
        border-width: 1px 0;
        transition: none
    }
}

.sidebar-default .sidebar-search-input {
    color: rgba(68, 80, 92, .9);
    border-bottom-color: rgba(204, 204, 204, .4)
}

.sidebar-default .sidebar-search-input:focus {
    border-bottom-color: rgba(140, 174, 213, .73)
}

.sidebar-default .sidebar-search-input::-webkit-input-placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input::-moz-placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input:-ms-input-placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input::-ms-input-placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input::placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input::-moz-placeholder {
    color: #818388
}

.footer {
    width: 100%;
    margin-top: 1.25rem;
}

.footer-sm {
/*    height: 3.375rem*/
}

.footer-inner {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
/*    background-color: #336699;*/
}

.footer-fixed .footer-inner {
    position: fixed;
    bottom: 0;
    right: auto;
    left: auto;
    z-index: 1001;
    width: 100%
}

@media (min-width:1200px) {

    .container .footer-fixed,
    .container .main-container,
    .container .main-content {
        max-width: inherit
    }

    .container .footer-fixed .footer-inner {
        max-width: inherit;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width:1200px) {
    .footer-fixed .footer-inner {
        padding-right: 16rem;
        padding-right: var(--sidebar-width)
    }

    .sidebar.toggling ~ .main-content .footer-fixed .footer-inner {
        transition: padding-right 150ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.toggling ~ .main-content .footer-fixed .footer-inner {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.collapsed ~ .main-content .footer-fixed .footer-inner {
        padding-right: 5rem;
        padding-right: var(--sidebar-collapsed-width)
    }

    .sidebar.hideable.collapsed ~ .main-content .footer-fixed .footer-inner {
        padding-right: 0
    }
}

.footer-tools {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 998
}

.footer .footer-tools {
    left: 10px;
    width: auto;
}

.btn-scroll-up {
    opacity: .75;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    transition: opacity .2s, -webkit-transform .3s !important;
    transition: transform .3s, opacity .2s !important;
    transition: transform .3s, opacity .2s, -webkit-transform .3s !important
}

@media (prefers-reduced-motion:reduce) {
    .btn-scroll-up {
        transition: none
    }
}

.btn-scroll-up:hover {
    opacity: .92
}

.btn-scroll-up.scroll-btn-visible {
    -webkit-transform: none;
    transform: none
}

@media (prefers-reduced-motion:reduce) {
    .btn-scroll-up {
        transition: none !important
    }
}

.scroll-btn-observe {
    position: absolute;
    top: 90vh;
    bottom: auto;
    left: 0;
    height: 0;
    width: 0;
    visibility: hidden;
    pointer-events: none
}

@media (min-width:600px) {
    .scroll-btn-observe {
        top: 70vh
    }
}

@media (min-width:850px) {
    .scroll-btn-observe {
        top: 40vh
    }
}

.navbar-fixed > .navbar-inner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

@media (min-width:992px) {
    .navbar-fixed.container .navbar-inner {
        right: auto;
        left: auto
    }

    .main-content .navbar-fixed {
        box-shadow: none
    }

    .main-content .navbar-fixed .navbar-inner {
        right: 0;
        left: 0;
        width: auto
    }
}

.main-content .navbar {
    z-index: 1018
}

@media (max-width:1199.98px) {
    .main-content .navbar {
        z-index: 1025;
    }
}

@media (max-width:575.98px) {
    .navbar-fixed-sm > .navbar-inner {
        position: fixed;
        top: 0;
        right: 0;
        left: 0
    }
}

@media (max-width:767.98px) {
    .navbar-fixed-md > .navbar-inner {
        position: fixed;
        top: 0;
        right: 0;
        left: 0
    }
}

@media (max-width:991.98px) {
    .navbar-fixed-lg > .navbar-inner {
        position: fixed;
        top: 0;
        right: 0;
        left: 0
    }
}

@media (min-width:1200px) {
    .main-content .navbar-fixed .navbar-inner {
        right: 0;
/*         right: var(--sidebar-width); */
        transition: right 150ms;
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .main-content .navbar-fixed .navbar-inner {
        transition: none
    }
}

@media (min-width:1200px) {
    .container .main-content .navbar-fixed {
        direction: ltr
    }

    .container .main-content .navbar-fixed .navbar-inner.container {
        right: auto;
        left: auto;
        width: 100%;
        transition: padding-right 150ms;
        padding-right: 16rem;
        padding-right: var(--sidebar-width)
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .container .main-content .navbar-fixed .navbar-inner.container {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.collapsed ~ .main-content .navbar-fixed .navbar-inner {
        right: 5rem;
        right: var(--sidebar-collapsed-width)
    }

    .container .sidebar.collapsed ~ .main-content .navbar-fixed .navbar-inner.container {
        right: auto;
        left: auto;
        padding-right: 5rem;
        padding-right: var(--sidebar-collapsed-width)
    }

    .sidebar.collapsed.hideable ~ .main-content .navbar-fixed .navbar-inner {
        right: 0
    }

    .container .sidebar.collapsed.hideable ~ .main-content .navbar-fixed .navbar-inner.container {
        padding-right: 0
    }
}

@media (max-width:1199.98px) {

    .container .main-content .navbar-fixed .navbar-inner,
    .main-content .navbar-fixed .navbar-inner {
        right: auto;
        left: auto;
        width: 100%
    }
}

.sidebar-fixed {
    z-index: 1020
}

.sidebar-fixed .sidebar-inner {
    position: fixed;
    top: 0;
    bottom: 0;
    height: auto
}

.main-container .sidebar-fixed {
    z-index: 1019
}

.main-content .sidebar-fixed {
    z-index: 1017
}

@media (min-width:1200px) {
    .navbar ~ .main-container .sidebar-fixed > .sidebar-inner {
        top: 4.5rem;
        top: var(--navbar-height)
    }

    .navbar-sm ~ .main-container .sidebar-fixed > .sidebar-inner {
        top: 4rem;
        top: var(--navbar-sm-height)
    }
}

@media (max-width:1199.98px) {
    .sidebar-fixed {
        z-index: 1020
    }

    .navbar ~ .main-container .sidebar-fixed > .sidebar-inner,
    .navbar ~ .sidebar-fixed > .sidebar-inner {
        top: 4rem;
        top: var(--navbar-mobile-height)
    }

    .sidebar-fixed.sidebar-top > .sidebar-inner {
        top: var(--navbar-mobile-height) !important;
        bottom: 3.6rem !important; /* bootom in sidebar */
    }

    .sidebar-fixed.sidebar-top {
        z-index: 1022 !important
    }

    .main-container .sidebar-fixed {
        z-index: 1020
    }
}

.content-nav {
    position: relative;
    min-height: 2.5rem;
    margin: .75rem 1rem;
    padding: 0 .5rem;
    border-radius: .325rem
}

.breadcrumb {
    margin-bottom: 0;
    background-color: transparent
}

.breadcrumb-item {
    font-size: .95rem
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\203A";
    font-size: 1.25rem;
    vertical-align: baseline;
    line-height: 0;
    height: 0;
    opacity: .85
}

.breadcrumb-item[class*=text-]::before {
    color: inherit !important
}

.card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 1rem;
    padding-left: 1rem
}

.card-header.card-header-sm {
    padding: .375rem .625rem
}

.card-header.card-header-lg {
    padding: 1.125rem 1.25rem
}

.card-title {
    color: #010165;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: normal;
    margin-bottom: 0;
    text-align: justify;
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text {
    padding: 0rem;
    background-color: #fff;
    border-top: 1px dashed rgba(0, 0, 0, .125);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.card-text:last-child {
    margin-bottom: 0
}

@-webkit-keyframes cardFadeOutIn {
    0% {
        opacity: .5
    }

    70% {
        opacity: .7
    }

    100% {
        opacity: .9
    }
}

@keyframes cardFadeOutIn {
    0% {
        opacity: .5
    }

    70% {
        opacity: .7
    }

    100% {
        opacity: .9
    }
}

.card-expanding {
    position: fixed;
    z-index: 1030;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .card-expanding {
        transition: none
    }
}

.card-expanding.card-expand {
    -webkit-animation-name: cardFadeOutIn;
    animation-name: cardFadeOutIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@media (prefers-reduced-motion:reduce) {
    .card-expanding.card-expand {
        -webkit-animation-duration: 0s;
        animation-duration: 0s
    }
}

.card-expand {
    z-index: 1030;
    transition-delay: .1s;
    border-radius: 0;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.card-expand > .card-body {
    max-height: none !important
}

.card-toolbar {
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .5rem
}

.card-toolbar .card-toolbar-btn {
    opacity: .85;
    transition: all .15s;
    margin-right: .625rem;
    font-size: 1.075rem;
    display: inline-block
}

@media (prefers-reduced-motion:reduce) {
    .card-toolbar .card-toolbar-btn {
        transition: none
    }
}

.card-toolbar .card-toolbar-btn:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card-toolbar:not(.no-border)::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: -.125rem;
    bottom: -.125rem;
    width: 0;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.card-toolbar[class*=brc-]::before {
    border-right-color: inherit
}

.card-toolbar + .card-toolbar {
    margin-right: .5rem
}

.card-toolbar .collapsed[data-action=toggle] [class*="-up"] {
    -webkit-transform-origin: center 45%;
    transform-origin: center 45%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.card-toolbar .collapsed[data-action=toggle] [class*="-down"] {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.card-header-sm .card-toolbar-btn {
    font-size: 1rem
}

.card-header-lg .card-toolbar-btn {
    font-size: 1.125rem
}

.card-body:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.bs-card-loading-overlay {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: 999;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    border-radius: inherit
}

.bs-card-loading-overlay .bs-card-loading-icon {
    position: relative;
    top: 25%
}

.card-body.collapse:not(.show) ~ .bs-card-loading-overlay .bs-card-loading-icon {
    top: 10%
}

.btn {
    cursor: pointer;
    border-radius: 0.7rem;
    transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s, opacity .15s
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn.btn-md {
    padding: .325rem 1rem .425rem;
    line-height: 1.75;
    font-size: 1.0625rem
}

.btn.btn-md.btn-wide {
    padding-right: 3rem;
    padding-left: 3rem
}

.btn.btn-smd {
    padding: .325rem .75rem .425rem;
    line-height: 1.75;
    font-size: .95rem
}

.btn.btn-smd.btn-wide {
    padding-right: 2.5rem;
    padding-left: 2.5rem
}

.btn.btn-xs {
    padding: .25rem .5rem .275rem;
    line-height: 1.25;
    font-size: .9rem
}

.btn.btn-xs.btn-wide {
    padding-right: 2rem;
    padding-left: 2rem
}

.btn.btn-xlg {
    padding: .5rem 1rem .525rem;
    line-height: 1.875;
    font-size: 1.25rem
}

.btn.btn-xlg.btn-wide {
    padding-right: 3.25rem;
    padding-left: 3.25rem
}

.btn.btn-vlg {
    padding: .425rem .875rem .475rem;
    line-height: 1.625;
    font-size: 1.125rem
}

.btn.btn-vlg.btn-wide {
    padding-right: 3rem;
    padding-left: 3rem
}

.btn.btn-wide {
    padding-right: 2rem;
    padding-left: 2rem
}

.btn.btn-sm.btn-wide {
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.btn.btn-lg.btn-wide {
    padding-right: 2.75rem;
    padding-left: 2.75rem
}

@media (hover:hover) {
    button.btn:active:not(.disabled):not(.static) {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

.btn.focus,
.btn:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus {
    box-shadow: none
}

.btn[class*=btn-h-light].fs--shadow:hover:focus,
.btn[class*=btn-h-light]:not(:disabled):not(.disabled).active,
.btn[class*=btn-h-light]:not(:disabled):not(.disabled):active,
.show > .btn[class*=btn-h-light].dropdown-toggle {
    box-shadow: none
}

.btn-default {
    color: #191970;
    background-color: #fff;
    border-color: #ddd;
}

.btn-default:hover {
    color: #fff;
    background-color: #191970;
    border-color: #191970;
}

.btn-default.focus,
.btn-default:focus {
    background-color: #7dabc7;
    border-color: #6ea2c0
}

.btn-default.focus.fs--shadow,
.btn-default:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-default.dropdown-toggle {
    background-color: #6f9fbb;
    border-color: #6099ba;
    color: #fff
}

.btn-default.disabled,
.btn-default:disabled {
    background-color: #8bb4cd;
    border-color: #8bb4cd
}

.btn-light-default {
    color: #5491b5;
    background-color: #f1f6f9;
    border-color: #c9dce8
}

.btn-light-default:hover {
    color: #4588af;
    background-color: #eaf2f7;
    border-color: #c0d8e6
}

.btn-light-default.focus,
.btn-light-default:focus {
    color: #4385ac;
    background-color: #e6f0f5
}

.btn-light-default:not(:disabled):not(.disabled).active,
.btn-light-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-default.dropdown-toggle {
    color: #3e7a9d;
    background-color: #d7e7ef;
    border-color: #aecddf
}

.btn-lighter-default {
    color: #5491b5;
    background-color: #f8fbfc;
    border-color: #d0e1eb
}

.btn-lighter-default:hover {
    color: #4588af;
    background-color: #f1f6f9;
    border-color: #c8dde9
}

.btn-lighter-default.focus,
.btn-lighter-default:focus {
    color: #4385ac;
    background-color: #edf4f8
}

.btn-lighter-default:not(:disabled):not(.disabled).active,
.btn-lighter-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-default.dropdown-toggle {
    color: #3e7a9d;
    background-color: #dfebf2;
    border-color: #b5d2e2
}

.btn-outline-default {
    color: #588aa7;
    border-color: #a9bdc9;
    background-color: transparent
}

.btn-outline-default:hover {
    color: #fff;
    background-color: #8bb4cd;
    border-color: #8bb4cd
}

.btn-outline-default.focus.fs--shadow,
.btn-outline-default:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-outline-default:not(:disabled):not(.disabled).active,
.btn-outline-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-default.dropdown-toggle {
    color: #fff;
    background-color: #82aac0;
    border-color: #82aac0
}

.btn-outline-default:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-default:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-default.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-outline-default.disabled,
.btn-outline-default:disabled {
    border-color: #a9bdc9
}

.btn-primary {
    color: #fff;
    background-color: #5899ca;
    border-color: #5899ca
}

.btn-primary:hover {
    color: #fff;
    background-color: #478dc1;
    border-color: #3b83b9
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: #4990c5;
    border-color: #3c86bd
}

.btn-primary.focus.fs--shadow,
.btn-primary:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-primary.dropdown-toggle {
    background-color: #4082b4;
    border-color: #377bae;
    color: #fff
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #5899ca;
    border-color: #5899ca
}

.btn-light-primary {
    color: #397fb3;
    background-color: #eff5fa;
    border-color: #bdd7ea
}

.btn-light-primary:hover {
    color: #3074a8;
    background-color: #e7f1f8;
    border-color: #b3d2ea
}

.btn-light-primary.focus,
.btn-light-primary:focus {
    color: #2f72a4;
    background-color: #e3eef7
}

.btn-light-primary:not(:disabled):not(.disabled).active,
.btn-light-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-primary.dropdown-toggle {
    color: #2a6794;
    background-color: #d3e5f3;
    border-color: #9fc7e4
}

.btn-lighter-primary {
    color: #397fb3;
    background-color: #f7fafc;
    border-color: #c5dbed
}

.btn-lighter-primary:hover {
    color: #3074a8;
    background-color: #eff5fa;
    border-color: #bbd7ec
}

.btn-lighter-primary.focus,
.btn-lighter-primary:focus {
    color: #2f72a4;
    background-color: #ebf3f9
}

.btn-lighter-primary:not(:disabled):not(.disabled).active,
.btn-lighter-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-primary.dropdown-toggle {
    color: #2a6794;
    background-color: #dbeaf5;
    border-color: #a7cbe6
}

.btn-outline-primary {
    color: #4887b7;
    border-color: #71a8d2;
    background-color: transparent
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #5899ca;
    border-color: #5899ca
}

.btn-outline-primary.focus.fs--shadow,
.btn-outline-primary:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #5390be;
    border-color: #5390be
}

.btn-outline-primary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-primary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    border-color: #71a8d2
}

.btn-secondary {
    color: #fff;
    background-color: #9aaab3;
    border-color: #9aaab3
}

.btn-secondary:hover {
    color: #fff;
    background-color: #8d9da6;
    border-color: #80949f
}

.btn-secondary.focus,
.btn-secondary:focus {
    background-color: #8ea1aa;
    border-color: #8297a1
}

.btn-secondary.focus.fs--shadow,
.btn-secondary:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-secondary.dropdown-toggle {
    background-color: #84939a;
    border-color: #778d98;
    color: #fff
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #9aaab3;
    border-color: #9aaab3
}

.btn-light-secondary {
    color: #728995;
    background-color: #f3f5f6;
    border-color: #d2dadd
}

.btn-light-secondary:hover {
    color: #64818f;
    background-color: #edf1f2;
    border-color: #cbd5db
}

.btn-light-secondary.focus,
.btn-light-secondary:focus {
    color: #627e8c;
    background-color: #eaeef0
}

.btn-light-secondary:not(:disabled):not(.disabled).active,
.btn-light-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-secondary.dropdown-toggle {
    color: #597380;
    background-color: #dee5e8;
    border-color: #bcc9d0
}

.btn-lighter-secondary {
    color: #728995;
    background-color: #f9fafb;
    border-color: #d8dfe2
}

.btn-lighter-secondary:hover {
    color: #64818f;
    background-color: #f3f5f7;
    border-color: #d1dadf
}

.btn-lighter-secondary.focus,
.btn-lighter-secondary:focus {
    color: #627e8c;
    background-color: #f0f3f4
}

.btn-lighter-secondary:not(:disabled):not(.disabled).active,
.btn-lighter-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-secondary.dropdown-toggle {
    color: #597380;
    background-color: #e4e9ec;
    border-color: #c2ced4
}

.btn-outline-secondary {
    color: #71858e;
    border-color: #a9b7be;
    background-color: transparent
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #9aaab3;
    border-color: #9aaab3
}

.btn-outline-secondary.focus.fs--shadow,
.btn-outline-secondary:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #90a0a8;
    border-color: #90a0a8
}

.btn-outline-secondary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-secondary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    border-color: #a9b7be
}

.btn-info {
    color: #fff;
    background-color: #57b5da;
    border-color: #57b5da
}

.btn-info:hover {
    color: #fff;
    background-color: #44abd3;
    border-color: #31a4d2
}

.btn-info.focus,
.btn-info:focus {
    background-color: #46aed6;
    border-color: #36a6d3
}

.btn-info.focus.fs--shadow,
.btn-info:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-info.dropdown-toggle {
    background-color: #36a2cd;
    border-color: #2c9cc8;
    color: #fff
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #57b5da;
    border-color: #57b5da
}

.btn-light-info {
    color: #2da1ce;
    background-color: #eff8fc;
    border-color: #bde2f0
}

.btn-light-info:hover {
    color: #2596c2;
    background-color: #e6f5fa;
    border-color: #b2dff0
}

.btn-light-info.focus,
.btn-light-info:focus {
    color: #2492be;
    background-color: #e2f3f9
}

.btn-light-info:not(:disabled):not(.disabled).active,
.btn-light-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-info.dropdown-toggle {
    color: #2185ad;
    background-color: #d1ecf6;
    border-color: #9dd6ec
}

.btn-lighter-info {
    color: #2da1ce;
    background-color: #f8fcfd;
    border-color: #c5e5f2
}

.btn-lighter-info:hover {
    color: #2596c2;
    background-color: #eff8fc;
    border-color: #bbe2f2
}

.btn-lighter-info.focus,
.btn-lighter-info:focus {
    color: #2492be;
    background-color: #ebf6fb
}

.btn-lighter-info:not(:disabled):not(.disabled).active,
.btn-lighter-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-info.dropdown-toggle {
    color: #2185ad;
    background-color: #daeff8;
    border-color: #a6d9ee
}

.btn-outline-info {
    color: #3c9dc3;
    border-color: #70c0e0;
    background-color: transparent
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #57b5da;
    border-color: #57b5da
}

.btn-outline-info.focus.fs--shadow,
.btn-outline-info:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #52aacd;
    border-color: #52aacd
}

.btn-outline-info:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-info:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-info.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    border-color: #70c0e0
}

.btn-success {
    color: #fff;
    background-color: #73bd73;
    border-color: #73bd73
}

.btn-success:hover {
    color: #fff;
    background-color: #64b364;
    border-color: #54ae54
}

.btn-success.focus,
.btn-success:focus {
    background-color: #65b665;
    border-color: #57b057
}

.btn-success.focus.fs--shadow,
.btn-success:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-success.dropdown-toggle {
    background-color: #59a959;
    border-color: #4ea54e;
    color: #fff
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #73bd73;
    border-color: #73bd73
}

.btn-light-success {
    color: #50aa50;
    background-color: #f1f9f1;
    border-color: #c7e5c7
}

.btn-light-success:hover {
    color: #45a145;
    background-color: #eaf6ea;
    border-color: #bee3be
}

.btn-light-success.focus,
.btn-light-success:focus {
    color: #449d44;
    background-color: #e6f4e6
}

.btn-light-success:not(:disabled):not(.disabled).active,
.btn-light-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-success.dropdown-toggle {
    color: #3d8f3d;
    background-color: #d8eed8;
    border-color: #addcad
}

.btn-lighter-success {
    color: #50aa50;
    background-color: #f8fcf8;
    border-color: #cee8ce
}

.btn-lighter-success:hover {
    color: #45a145;
    background-color: #f1f9f1;
    border-color: #c6e6c6
}

.btn-lighter-success.focus,
.btn-lighter-success:focus {
    color: #449d44;
    background-color: #edf7ed
}

.btn-lighter-success:not(:disabled):not(.disabled).active,
.btn-lighter-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-success.dropdown-toggle {
    color: #3d8f3d;
    background-color: #dff1df;
    border-color: #b4dfb4
}

.btn-outline-success {
    color: #5aa55a;
    border-color: #88c788;
    background-color: transparent
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #73bd73;
    border-color: #73bd73
}

.btn-outline-success.focus.fs--shadow,
.btn-outline-success:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #6cb26c;
    border-color: #6cb26c
}

.btn-outline-success:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-success:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-success.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    border-color: #88c788
}

.btn-danger {
    color: #fff !important;;
    background-color: #e00000;
    border-color: #e00000
}

.btn-danger:hover {
    color: #fff;
    background-color: #d65944;
    border-color: #d54831
}

.btn-danger.focus,
.btn-danger:focus {
    background-color: #da5b46;
    border-color: #d64c35
}

.btn-danger.focus.fs--shadow,
.btn-danger:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-danger.dropdown-toggle {
    background-color: #d04c36;
    border-color: #cd412a;
    color: #fff
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #FF0000;
    border-color: #FF0000
}

.btn-light-danger {
    color: #d4432b;
    background-color: #fcf3f2;
    border-color: #f2c5be
}

.btn-light-danger:hover {
    color: #c73a23;
    background-color: #fbebe9;
    border-color: #f2bdb4
}

.btn-light-danger.focus,
.btn-light-danger:focus {
    color: #c33922;
    background-color: #fae7e4
}

.btn-light-danger:not(:disabled):not(.disabled).active,
.btn-light-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-danger.dropdown-toggle {
    color: #b2341f;
    background-color: #f7d8d3;
    border-color: #eea99e
}

.btn-lighter-danger {
    color: #d4432b;
    background-color: #fefbfa;
    border-color: #f4cdc7
}

.btn-lighter-danger:hover {
    color: #c73a23;
    background-color: #fdf3f1;
    border-color: #f3c4bd
}

.btn-lighter-danger.focus,
.btn-lighter-danger:focus {
    color: #c33922;
    background-color: #fcefed
}

.btn-lighter-danger:not(:disabled):not(.disabled).active,
.btn-lighter-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-danger.dropdown-toggle {
    color: #b2341f;
    background-color: #f9e0dc;
    border-color: #f0b1a7
}

.btn-outline-danger {
    color: #c54f3a;
    border-color: #e28070;
    background-color: transparent
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #FF0000;
    border-color: #FF0000
}

.btn-outline-danger.focus.fs--shadow,
.btn-outline-danger:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d06452;
    border-color: #d06452
}

.btn-outline-danger:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-danger.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    border-color: #e28070
}

.btn-warning {
    color: #fff;
    background-color: #FF9800;
    border-color: #FF9800
}

.btn-warning:hover {
    color: #fff;
    background-color: #eba32e;
    border-color: #eb9c19
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #eda630;
    border-color: #ec9e1d
}

.btn-warning.focus.fs--shadow,
.btn-warning:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-warning.dropdown-toggle {
    background-color: #e69b1e;
    border-color: #e29413;
    color: #fff
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #FF9800;
    border-color: #FF9800
}

.btn-light-warning {
    color: #e99814;
    background-color: #fef8ee;
    border-color: #f9dfb5
}

.btn-light-warning:hover {
    color: #da8d0e;
    background-color: #fdf4e4;
    border-color: #fadcaa
}

.btn-light-warning.focus,
.btn-light-warning:focus {
    color: #d68a0d;
    background-color: #fdf2df
}

.btn-light-warning:not(:disabled):not(.disabled).active,
.btn-light-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-warning.dropdown-toggle {
    color: #c27e0c;
    background-color: #fceacc;
    border-color: #f8d292
}

.btn-lighter-warning {
    color: #e99814;
    background-color: #fefcf8;
    border-color: #fae3bf
}

.btn-lighter-warning:hover {
    color: #da8d0e;
    background-color: #fef8ee;
    border-color: #fae0b4
}

.btn-lighter-warning.focus,
.btn-lighter-warning:focus {
    color: #d68a0d;
    background-color: #fef6e9
}

.btn-lighter-warning:not(:disabled):not(.disabled).active,
.btn-lighter-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-warning.dropdown-toggle {
    color: #c27e0c;
    background-color: #fceed6;
    border-color: #f9d69c
}

.btn-outline-warning {
    color: #d89527;
    border-color: #f1ba5f;
    background-color: transparent
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #FF9800;
    border-color: #FF9800
}

.btn-outline-warning.focus.fs--shadow,
.btn-outline-warning:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #e1a43f;
    border-color: #e1a43f
}

.btn-outline-warning:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-warning.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    border-color: #f1ba5f
}

.btn-dark {
    color: #fff;
    background-color: #515559;
    border-color: #515559
}

.btn-dark:hover {
    color: #fff;
    background-color: #46484a;
    border-color: #3b3e41
}

.btn-dark.focus,
.btn-dark:focus {
    background-color: #474b4e;
    border-color: #3e4144
}

.btn-dark.focus.fs--shadow,
.btn-dark:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-dark.dropdown-toggle {
    background-color: #3e3e3e;
    border-color: #343639;
    color: #fff
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #515559;
    border-color: #515559
}

.btn-light-dark {
    color: #373a3d;
    background-color: #edeeef;
    border-color: #b9bcbf
}

.btn-light-dark:hover {
    color: #2c3034;
    background-color: #e7e9eb;
    border-color: #b1b7bd
}

.btn-light-dark.focus,
.btn-light-dark:focus {
    color: #2a2d31;
    background-color: #e4e7e9
}

.btn-light-dark:not(:disabled):not(.disabled).active,
.btn-light-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-dark.dropdown-toggle {
    color: #202326;
    background-color: #d9dcdf;
    border-color: #a3aab2
}

.btn-lighter-dark {
    color: #373a3d;
    background-color: #f3f3f4;
    border-color: #bec1c4
}

.btn-lighter-dark:hover {
    color: #2c3034;
    background-color: #edeef0;
    border-color: #b6bcc2
}

.btn-lighter-dark.focus,
.btn-lighter-dark:focus {
    color: #2a2d31;
    background-color: #eaeced
}

.btn-lighter-dark:not(:disabled):not(.disabled).active,
.btn-lighter-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-dark.dropdown-toggle {
    color: #202326;
    background-color: #dfe1e4;
    border-color: #a9b0b6
}

.btn-outline-dark {
    color: #4b4e52;
    border-color: #6b6f72;
    background-color: transparent
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #515559;
    border-color: #515559
}

.btn-outline-dark.focus.fs--shadow,
.btn-outline-dark:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #4c5054;
    border-color: #4c5054
}

.btn-outline-dark:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-dark.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    border-color: #6b6f72
}

.btn-light {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #dddfe4
}

.btn-light:hover {
    color: #757984;
    background-color: #eaecf2;
    border-color: #c3c7d0
}

.btn-light.focus,
.btn-light:focus {
    background-color: #e8ebf1;
    border-color: #c6cad2
}

.btn-light.focus.fs--shadow,
.btn-light:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-light.dropdown-toggle {
    background-color: #dee1ea;
    border-color: #bbbfc9;
    color: #6c717f
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #f5f6f9;
    border-color: #dddfe4
}

.btn-light-light {
    color: #d4d8e5;
    background-color: #fff;
    border-color: #fbfbfc
}

.btn-light-light:hover {
    color: #c5ccdf;
    background-color: #fafafa;
    border-color: #f4f5f9
}

.btn-light-light.focus,
.btn-light-light:focus {
    color: #c2c9dd;
    background-color: #f8f7f7
}

.btn-light-light:not(:disabled):not(.disabled).active,
.btn-light-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-light.dropdown-toggle {
    color: #b5bdd6;
    background-color: #eeecec;
    border-color: #e4e7f0
}

.btn-lighter-light {
    color: #d4d8e5;
    background-color: #fff;
    border-color: #fff
}

.btn-lighter-light:hover {
    color: #c5ccdf;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-lighter-light.focus,
.btn-lighter-light:focus {
    color: #c2c9dd;
    background-color: #f8f7f7
}

.btn-lighter-light:not(:disabled):not(.disabled).active,
.btn-lighter-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-light.dropdown-toggle {
    color: #b5bdd6;
    background-color: #eeecec;
    border-color: #eeecec
}

.btn-outline-light {
    color: #555;
    border-color: #e2e4e8;
    background-color: transparent
}

.btn-outline-light:hover {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #dddfe4
}

.btn-outline-light.focus.fs--shadow,
.btn-outline-light:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-light.dropdown-toggle {
    color: #757984;
    background-color: #e6e7ea;
    border-color: #d0d2d6
}

.btn-outline-light:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-light:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-light.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    border-color: #e2e4e8
}

.btn-white {
    color: #606060;
    background-color: #fff;
    border-color: #eee
}

.btn-white:hover {
    color: #606060;
    background-color: #fff;
    border-color: #d7d7d7
}

.btn-white.focus,
.btn-white:focus {
    background-color: #f5f5f5;
    border-color: #dadada
}

.btn-white.focus.fs--shadow,
.btn-white:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show > .btn.btn-white.dropdown-toggle {
    background-color: #fff;
    border-color: #cfcfcf;
    color: #606060
}

.btn-white.disabled,
.btn-white:disabled {
    background-color: #fff;
    border-color: #eee
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.btn-outline-white:hover {
    color: #606060;
    background-color: #fff;
    border-color: #fff
}

.btn-outline-white.focus.fs--shadow,
.btn-outline-white:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-outline-white:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-white.dropdown-toggle {
    color: #606060;
    background-color: #f0f0f0;
    border-color: #fff
}

.btn-outline-white:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-white:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-white.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
    border-color: #fff
}

.btn-black {
    color: #fff;
    background-color: #313539;
    border-color: #313539
}

.btn-black:hover {
    color: #fff;
    background-color: #26282a;
    border-color: #1c1e20
}

.btn-black.focus,
.btn-black:focus {
    background-color: #282b2e;
    border-color: #1e2123
}

.btn-black.focus.fs--shadow,
.btn-black:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-black:not(:disabled):not(.disabled).active,
.btn-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-black.dropdown-toggle {
    background-color: #1d1e1f;
    border-color: #151618;
    color: #fff
}

.btn-black.disabled,
.btn-black:disabled {
    background-color: #313539;
    border-color: #313539
}

.btn-light-black {
    color: #181a1c;
    background-color: #e7e9eb;
    border-color: #a9afb5
}

.btn-light-black:hover {
    color: #0e1012;
    background-color: #e1e4e7;
    border-color: #a0aab3
}

.btn-light-black.focus,
.btn-light-black:focus {
    color: #0c0d0f;
    background-color: #dee1e5
}

.btn-light-black:not(:disabled):not(.disabled).active,
.btn-light-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-black.dropdown-toggle {
    color: #030304;
    background-color: #d2d7dc;
    border-color: #919da8
}

.btn-lighter-black {
    color: #181a1c;
    background-color: #edeeef;
    border-color: #aeb4b9
}

.btn-lighter-black:hover {
    color: #0e1012;
    background-color: #e6e9eb;
    border-color: #a5afb8
}

.btn-lighter-black.focus,
.btn-lighter-black:focus {
    color: #0c0d0f;
    background-color: #e4e6e9
}

.btn-lighter-black:not(:disabled):not(.disabled).active,
.btn-lighter-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-black.dropdown-toggle {
    color: #030304;
    background-color: #d8dce0;
    border-color: #97a2ad
}

.btn-outline-black {
    color: #2d3134;
    border-color: #414549;
    background-color: transparent
}

.btn-outline-black:hover {
    color: #fff;
    background-color: #313539;
    border-color: #313539
}

.btn-outline-black.focus.fs--shadow,
.btn-outline-black:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-outline-black:not(:disabled):not(.disabled).active,
.btn-outline-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-black.dropdown-toggle {
    color: #fff;
    background-color: #2e3236;
    border-color: #2e3236
}

.btn-outline-black:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-black:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-black.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-outline-black.disabled,
.btn-outline-black:disabled {
    border-color: #414549
}

.btn-grey {
    color: #fff;
    background-color: #8d8f95;
    border-color: #8d8f95
}

.btn-grey:hover {
    color: #fff;
    background-color: #828386;
    border-color: #76787e
}

.btn-grey.focus,
.btn-grey:focus {
    background-color: #82858b;
    border-color: #787a81
}

.btn-grey.focus.fs--shadow,
.btn-grey:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-grey:not(:disabled):not(.disabled).active,
.btn-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-grey.dropdown-toggle {
    background-color: #7a7a7a;
    border-color: #6e7077;
    color: #fff
}

.btn-grey.disabled,
.btn-grey:disabled {
    background-color: #8d8f95;
    border-color: #8d8f95
}

.btn-light-grey {
    color: #72747b;
    background-color: #f4f4f5;
    border-color: #d2d3d5
}

.btn-light-grey:hover {
    color: #646874;
    background-color: #eeeff1;
    border-color: #cbcdd2
}

.btn-light-grey.focus,
.btn-light-grey:focus {
    color: #616572;
    background-color: #ececee
}

.btn-light-grey:not(:disabled):not(.disabled).active,
.btn-light-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-grey.dropdown-toggle {
    color: #585c67;
    background-color: #e1e2e5;
    border-color: #bdbfc6
}

.btn-lighter-grey {
    color: #72747b;
    background-color: #fafafa;
    border-color: #d7d8da
}

.btn-lighter-grey:hover {
    color: #646874;
    background-color: #f4f4f5;
    border-color: #d0d2d7
}

.btn-lighter-grey.focus,
.btn-lighter-grey:focus {
    color: #616572;
    background-color: #f1f2f3
}

.btn-lighter-grey:not(:disabled):not(.disabled).active,
.btn-lighter-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-grey.dropdown-toggle {
    color: #585c67;
    background-color: #e6e7ea;
    border-color: #c3c5cb
}

.btn-outline-grey {
    color: #666;
    border-color: #9ea0a5;
    background-color: transparent
}

.btn-outline-grey:hover {
    color: #fff;
    background-color: #8d8f95;
    border-color: #8d8f95
}

.btn-outline-grey.focus.fs--shadow,
.btn-outline-grey:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-outline-grey:not(:disabled):not(.disabled).active,
.btn-outline-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-grey.dropdown-toggle {
    color: #fff;
    background-color: #85868c;
    border-color: #85868c
}

.btn-outline-grey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-grey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-grey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-outline-grey.disabled,
.btn-outline-grey:disabled {
    border-color: #9ea0a5
}

.btn-purple {
    color: #fff;
    background-color: #9382c0;
    border-color: #9382c0
}

.btn-purple:hover {
    color: #fff;
    background-color: #8573b6;
    border-color: #7863b1
}

.btn-purple.focus,
.btn-purple:focus {
    background-color: #8774ba;
    border-color: #7b67b3
}

.btn-purple.focus.fs--shadow,
.btn-purple:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-purple.dropdown-toggle {
    background-color: #7b68ac;
    border-color: #7059ac;
    color: #fff
}

.btn-purple.disabled,
.btn-purple:disabled {
    background-color: #9382c0;
    border-color: #9382c0
}

.btn-light-purple {
    color: #6e57ab;
    background-color: #f4f2f9;
    border-color: #d2cbe5
}

.btn-light-purple:hover {
    color: #634ba3;
    background-color: #eeebf6;
    border-color: #cbc2e3
}

.btn-light-purple.focus,
.btn-light-purple:focus {
    color: #6149a0;
    background-color: #ebe8f4
}

.btn-light-purple:not(:disabled):not(.disabled).active,
.btn-light-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-purple.dropdown-toggle {
    color: #584392;
    background-color: #dfdaee;
    border-color: #bcb0db
}

.btn-lighter-purple {
    color: #6e57ab;
    background-color: #faf9fc;
    border-color: #d8d1e8
}

.btn-lighter-purple:hover {
    color: #634ba3;
    background-color: #f4f2f9;
    border-color: #d1c9e6
}

.btn-lighter-purple.focus,
.btn-lighter-purple:focus {
    color: #6149a0;
    background-color: #f1eff7
}

.btn-lighter-purple:not(:disabled):not(.disabled).active,
.btn-lighter-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-purple.dropdown-toggle {
    color: #584392;
    background-color: #e5e1f1;
    border-color: #c2b7de
}

.btn-outline-purple {
    color: #705da2;
    border-color: #a395ca;
    background-color: transparent
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #9382c0;
    border-color: #9382c0
}

.btn-outline-purple.focus.fs--shadow,
.btn-outline-purple:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-outline-purple:not(:disabled):not(.disabled).active,
.btn-outline-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #8a7ab5;
    border-color: #8a7ab5
}

.btn-outline-purple:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-purple:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-purple.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
    border-color: #a395ca
}

.btn-pink {
    color: #fff;
    background-color: #d65c8b;
    border-color: #d65c8b
}

.btn-pink:hover {
    color: #fff;
    background-color: #cf4a7d;
    border-color: #cd3771
}

.btn-pink.focus,
.btn-pink:focus {
    background-color: #d24c7f;
    border-color: #ce3b74
}

.btn-pink.focus.fs--shadow,
.btn-pink:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-pink:not(:disabled):not(.disabled).active,
.btn-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-pink.dropdown-toggle {
    background-color: #c83c72;
    border-color: #c4316a;
    color: #fff
}

.btn-pink.disabled,
.btn-pink:disabled {
    background-color: #d65c8b;
    border-color: #d65c8b
}

.btn-light-pink {
    color: #ca336d;
    background-color: #fbf0f5;
    border-color: #efbfd1
}

.btn-light-pink:hover {
    color: #be2a63;
    background-color: #fae8ef;
    border-color: #efb5cb
}

.btn-light-pink.focus,
.btn-light-pink:focus {
    color: #ba2961;
    background-color: #f9e4ec
}

.btn-light-pink:not(:disabled):not(.disabled).active,
.btn-light-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-pink.dropdown-toggle {
    color: #a92558;
    background-color: #f5d3e0;
    border-color: #eaa0bd
}

.btn-lighter-pink {
    color: #ca336d;
    background-color: #fdf9fa;
    border-color: #f1c7d7
}

.btn-lighter-pink:hover {
    color: #be2a63;
    background-color: #fcf0f5;
    border-color: #f1bdd1
}

.btn-lighter-pink.focus,
.btn-lighter-pink:focus {
    color: #ba2961;
    background-color: #fbecf2
}

.btn-lighter-pink:not(:disabled):not(.disabled).active,
.btn-lighter-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-pink.dropdown-toggle {
    color: #a92558;
    background-color: #f7dbe6;
    border-color: #eca9c2
}

.btn-outline-pink {
    color: #be4171;
    border-color: #dc749c;
    background-color: transparent
}

.btn-outline-pink:hover {
    color: #fff;
    background-color: #d65c8b;
    border-color: #d65c8b
}

.btn-outline-pink.focus.fs--shadow,
.btn-outline-pink:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-outline-pink:not(:disabled):not(.disabled).active,
.btn-outline-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-pink.dropdown-toggle {
    color: #fff;
    background-color: #c95683;
    border-color: #c95683
}

.btn-outline-pink:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-pink:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-pink.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-outline-pink.disabled,
.btn-outline-pink:disabled {
    border-color: #dc749c
}

.btn-yellow {
    color: #963;
    background-color: #f4e47c;
    border-color: #f4d859
}

.btn-yellow:hover {
    color: #963;
    background-color: #f0de66;
    border-color: #f1ce2e
}

.btn-yellow.focus,
.btn-yellow:focus {
    background-color: #f2e069;
    border-color: #f1cf33
}

.btn-yellow.focus.fs--shadow,
.btn-yellow:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-yellow:not(:disabled):not(.disabled).active,
.btn-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-yellow.dropdown-toggle {
    background-color: #edd955;
    border-color: #f0cb20;
    color: #963
}

.btn-yellow.disabled,
.btn-yellow:disabled {
    background-color: #f4e47c;
    border-color: #f4d859
}

.btn-light-yellow {
    color: #f0da4b;
    background-color: #fefdf6;
    border-color: #fbf5cc
}

.btn-light-yellow:hover {
    color: #f3d933;
    background-color: #fefcec;
    border-color: #fbf4c2
}

.btn-light-yellow.focus,
.btn-light-yellow:focus {
    color: #f2d82f;
    background-color: #fefbe7
}

.btn-light-yellow:not(:disabled):not(.disabled).active,
.btn-light-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-yellow.dropdown-toggle {
    color: #f1d51b;
    background-color: #fcf7d4;
    border-color: #faefaa
}

.btn-lighter-yellow {
    color: #f0da4b;
    background-color: #fff;
    border-color: #fcf7d6
}

.btn-lighter-yellow:hover {
    color: #f3d933;
    background-color: #fafafa;
    border-color: #fcf5cb
}

.btn-lighter-yellow.focus,
.btn-lighter-yellow:focus {
    color: #f2d82f;
    background-color: #f8f7f7
}

.btn-lighter-yellow:not(:disabled):not(.disabled).active,
.btn-lighter-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-yellow.dropdown-toggle {
    color: #f1d51b;
    background-color: #eeecec;
    border-color: #faf1b3
}

.btn-outline-yellow {
    color: #b17131;
    border-color: #f6de72;
    background-color: transparent
}

.btn-outline-yellow:hover {
    color: #963;
    background-color: #f4e47c;
    border-color: #f4d859
}

.btn-outline-yellow.focus.fs--shadow,
.btn-outline-yellow:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-outline-yellow:not(:disabled):not(.disabled).active,
.btn-outline-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-yellow.dropdown-toggle {
    color: #963;
    background-color: #e5d675;
    border-color: #e5cb54
}

.btn-outline-yellow:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-yellow:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-yellow.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-outline-yellow.disabled,
.btn-outline-yellow:disabled {
    border-color: #f6de72
}

.btn-lightgrey {
    color: #fff;
    background-color: #a9adb3;
    border-color: #a9adb3
}

.btn-lightgrey:hover {
    color: #fff;
    background-color: #9da0a5;
    border-color: #91969d
}

.btn-lightgrey.focus,
.btn-lightgrey:focus {
    background-color: #9ea3a9;
    border-color: #9398a0
}

.btn-lightgrey.focus.fs--shadow,
.btn-lightgrey:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-lightgrey:not(:disabled):not(.disabled).active,
.btn-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-lightgrey.dropdown-toggle {
    background-color: #959799;
    border-color: #898e96;
    color: #fff
}

.btn-lightgrey.disabled,
.btn-lightgrey:disabled {
    background-color: #a9adb3;
    border-color: #a9adb3
}

.btn-light-lightgrey {
    color: #8d929a;
    background-color: #f6f7f7;
    border-color: #dcdee0
}

.btn-light-lightgrey:hover {
    color: #7d8795;
    background-color: #f0f1f3;
    border-color: #d5d8dd
}

.btn-light-lightgrey.focus,
.btn-light-lightgrey:focus {
    color: #7a8493;
    background-color: #eeeff1
}

.btn-light-lightgrey:not(:disabled):not(.disabled).active,
.btn-light-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-lightgrey.dropdown-toggle {
    color: #707a89;
    background-color: #e2e4e8;
    border-color: #c7cbd1
}

.btn-lighter-lightgrey {
    color: #8d929a;
    background-color: #fcfcfc;
    border-color: #e2e3e5
}

.btn-lighter-lightgrey:hover {
    color: #7d8795;
    background-color: #f6f7f8;
    border-color: #dbdee2
}

.btn-lighter-lightgrey.focus,
.btn-lighter-lightgrey:focus {
    color: #7a8493;
    background-color: #f3f4f5
}

.btn-lighter-lightgrey:not(:disabled):not(.disabled).active,
.btn-lighter-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-lightgrey.dropdown-toggle {
    color: #707a89;
    background-color: #e8eaec;
    border-color: #cdd1d6
}

.btn-outline-lightgrey {
    color: #7a8085;
    border-color: #d0d5da;
    background-color: transparent
}

.btn-outline-lightgrey:hover {
    color: #fff;
    background-color: #a9adb3;
    border-color: #a9adb3
}

.btn-outline-lightgrey.focus.fs--shadow,
.btn-outline-lightgrey:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-outline-lightgrey:not(:disabled):not(.disabled).active,
.btn-outline-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-lightgrey.dropdown-toggle {
    color: #fff;
    background-color: #9fa3a8;
    border-color: #9fa3a8
}

.btn-outline-lightgrey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-lightgrey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-lightgrey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-outline-lightgrey.disabled,
.btn-outline-lightgrey:disabled {
    border-color: #d0d5da
}

.btn-brown {
    color: #fff;
    background-color: #c59c6b;
    border-color: #c59c6b
}

.btn-brown:hover {
    color: #fff;
    background-color: #bc905b;
    border-color: #b8864a
}

.btn-brown.focus,
.btn-brown:focus {
    background-color: #bf925c;
    border-color: #ba884e
}

.btn-brown.focus.fs--shadow,
.btn-brown:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-brown:not(:disabled):not(.disabled).active,
.btn-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-brown.dropdown-toggle {
    background-color: #b3854f;
    border-color: #ae7e44;
    color: #fff
}

.btn-brown.disabled,
.btn-brown:disabled {
    background-color: #c59c6b;
    border-color: #c59c6b
}

.btn-light-brown {
    color: #b48247;
    background-color: #f9f5f1;
    border-color: #e8d8c4
}

.btn-light-brown:hover {
    color: #aa783c;
    background-color: #f7f0e9;
    border-color: #e7d3bb
}

.btn-light-brown.focus,
.btn-light-brown:focus {
    color: #a6753b;
    background-color: #f6eee5
}

.btn-light-brown:not(:disabled):not(.disabled).active,
.btn-light-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-brown.dropdown-toggle {
    color: #976b36;
    background-color: #f0e4d6;
    border-color: #e0c7a8
}

.btn-lighter-brown {
    color: #b48247;
    background-color: #fcfaf8;
    border-color: #ebdccb
}

.btn-lighter-brown:hover {
    color: #aa783c;
    background-color: #faf5f0;
    border-color: #ead8c2
}

.btn-lighter-brown.focus,
.btn-lighter-brown:focus {
    color: #a6753b;
    background-color: #f8f3ec
}

.btn-lighter-brown:not(:disabled):not(.disabled).active,
.btn-lighter-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-brown.dropdown-toggle {
    color: #976b36;
    background-color: #f3e9dd;
    border-color: #e3cbb0
}

.btn-outline-brown {
    color: #ad8452;
    border-color: #ceab81;
    background-color: transparent
}

.btn-outline-brown:hover {
    color: #fff;
    background-color: #c59c6b;
    border-color: #c59c6b
}

.btn-outline-brown.focus.fs--shadow,
.btn-outline-brown:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-outline-brown:not(:disabled):not(.disabled).active,
.btn-outline-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-brown.dropdown-toggle {
    color: #fff;
    background-color: #b99365;
    border-color: #b99365
}

.btn-outline-brown:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-brown:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-brown.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-outline-brown.disabled,
.btn-outline-brown:disabled {
    border-color: #ceab81
}

.btn-blue {
    color: #fff;
    background-color: #5cafe5;
    border-color: #5cafe5
}

.btn-blue:hover {
    color: #fff;
    background-color: #48a4e0;
    border-color: #349cdf
}

.btn-blue.focus,
.btn-blue:focus {
    background-color: #4aa7e3;
    border-color: #399ee0
}

.btn-blue.focus.fs--shadow,
.btn-blue:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-blue:not(:disabled):not(.disabled).active,
.btn-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-blue.dropdown-toggle {
    background-color: #399bda;
    border-color: #2795dd;
    color: #fff
}

.btn-blue.disabled,
.btn-blue:disabled {
    background-color: #5cafe5;
    border-color: #5cafe5
}

.btn-light-blue {
    color: #2594dd;
    background-color: #eef7fc;
    border-color: #baddf4
}

.btn-light-blue:hover {
    color: #1b8ad2;
    background-color: #e4f2fc;
    border-color: #b0d9f5
}

.btn-light-blue.focus,
.btn-light-blue:focus {
    color: #1b87cd;
    background-color: #e0f0fb
}

.btn-light-blue:not(:disabled):not(.disabled).active,
.btn-light-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-blue.dropdown-toggle {
    color: #187bbb;
    background-color: #cee8f9;
    border-color: #99cff2
}

.btn-lighter-blue {
    color: #2594dd;
    background-color: #f7fbfe;
    border-color: #c3e2f6
}

.btn-lighter-blue:hover {
    color: #1b8ad2;
    background-color: #edf7fd;
    border-color: #b9def6
}

.btn-lighter-blue.focus,
.btn-lighter-blue:focus {
    color: #1b87cd;
    background-color: #e9f5fc
}

.btn-lighter-blue:not(:disabled):not(.disabled).active,
.btn-lighter-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-blue.dropdown-toggle {
    color: #187bbb;
    background-color: #d7ecfa;
    border-color: #a2d3f3
}

.btn-outline-blue {
    color: #3490cb;
    border-color: #74bbe9;
    background-color: transparent
}

.btn-outline-blue:hover {
    color: #fff;
    background-color: #5cafe5;
    border-color: #5cafe5
}

.btn-outline-blue.focus.fs--shadow,
.btn-outline-blue:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-outline-blue:not(:disabled):not(.disabled).active,
.btn-outline-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: #56a5d8;
    border-color: #56a5d8
}

.btn-outline-blue:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-blue:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-blue.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
    border-color: #74bbe9
}

.btn-red {
    color: #fff;
    background-color: #ed6565;
    border-color: #ed6565
}

.btn-red:hover {
    color: #fff;
    background-color: #e85050;
    border-color: #e83c3c
}

.btn-red.focus,
.btn-red:focus {
    background-color: #eb5353;
    border-color: #e94040
}

.btn-red.focus.fs--shadow,
.btn-red:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-red:not(:disabled):not(.disabled).active,
.btn-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-red.dropdown-toggle {
    background-color: #e44040;
    border-color: #e72e2e;
    color: #fff
}

.btn-red.disabled,
.btn-red:disabled {
    background-color: #ed6565;
    border-color: #ed6565
}

.btn-light-red {
    color: #e73535;
    background-color: #fef3f3;
    border-color: #f8c4c4
}

.btn-light-red:hover {
    color: #ea1e1e;
    background-color: #fdeaea;
    border-color: #f9b9b9
}

.btn-light-red.focus,
.btn-light-red:focus {
    color: #ea1919;
    background-color: #fde5e5
}

.btn-light-red:not(:disabled):not(.disabled).active,
.btn-light-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-red.dropdown-toggle {
    color: #da1414;
    background-color: #fbd2d2;
    border-color: #f6a2a2
}

.btn-lighter-red {
    color: #e73535;
    background-color: #fffdfd;
    border-color: #f9cdcd
}

.btn-lighter-red:hover {
    color: #ea1e1e;
    background-color: #fef3f3;
    border-color: #f9c2c2
}

.btn-lighter-red.focus,
.btn-lighter-red:focus {
    color: #ea1919;
    background-color: #fdeeee
}

.btn-lighter-red:not(:disabled):not(.disabled).active,
.btn-lighter-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-red.dropdown-toggle {
    color: #da1414;
    background-color: #fcdcdc;
    border-color: #f7abab
}

.btn-outline-red {
    color: #d02f2f;
    border-color: #f07c7c;
    background-color: transparent
}

.btn-outline-red:hover {
    color: #fff;
    background-color: #ed6565;
    border-color: #ed6565
}

.btn-outline-red.focus.fs--shadow,
.btn-outline-red:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-outline-red:not(:disabled):not(.disabled).active,
.btn-outline-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-red.dropdown-toggle {
    color: #fff;
    background-color: #df5f5f;
    border-color: #df5f5f
}

.btn-outline-red:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-red:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-red.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
    border-color: #f07c7c
}

.btn-green {
    color: #fff;
    background-color: #62cb9f;
    border-color: #62cb9f
}

.btn-green:hover {
    color: #fff;
    background-color: #51c293;
    border-color: #40c08a
}

.btn-green.focus,
.btn-green:focus {
    background-color: #53c696;
    border-color: #43c18c
}

.btn-green.focus.fs--shadow,
.btn-green:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-green:not(:disabled):not(.disabled).active,
.btn-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-green.dropdown-toggle {
    background-color: #45ba89;
    border-color: #3cb482;
    color: #fff
}

.btn-green.disabled,
.btn-green:disabled {
    background-color: #62cb9f;
    border-color: #62cb9f
}

.btn-light-green {
    color: #3eba86;
    background-color: #eef9f4;
    border-color: #bfead8
}

.btn-light-green:hover {
    color: #34af7b;
    background-color: #e5f7f0;
    border-color: #b6e9d4
}

.btn-light-green.focus,
.btn-light-green:focus {
    color: #33ab79;
    background-color: #e1f6ed
}

.btn-light-green:not(:disabled):not(.disabled).active,
.btn-light-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-green.dropdown-toggle {
    color: #2e9b6e;
    background-color: #d2f2e4;
    border-color: #a2e3c8
}

.btn-lighter-green {
    color: #3eba86;
    background-color: #f5fcf9;
    border-color: #c7ecdd
}

.btn-lighter-green:hover {
    color: #34af7b;
    background-color: #edfaf4;
    border-color: #bdecd8
}

.btn-lighter-green.focus,
.btn-lighter-green:focus {
    color: #33ab79;
    background-color: #e9f9f2
}

.btn-lighter-green:not(:disabled):not(.disabled).active,
.btn-lighter-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-green.dropdown-toggle {
    color: #2e9b6e;
    background-color: #d9f4e9;
    border-color: #aae6cd
}

.btn-outline-green {
    color: #4ab588;
    border-color: #7ad3ad;
    background-color: transparent
}

.btn-outline-green:hover {
    color: #fff;
    background-color: #62cb9f;
    border-color: #62cb9f
}

.btn-outline-green.focus.fs--shadow,
.btn-outline-green:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-outline-green:not(:disabled):not(.disabled).active,
.btn-outline-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-green.dropdown-toggle {
    color: #fff;
    background-color: #5cbf95;
    border-color: #5cbf95
}

.btn-outline-green:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-green:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-green.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-outline-green.disabled,
.btn-outline-green:disabled {
    border-color: #7ad3ad
}

.btn-h-default:hover {
    background-color: #7ba8c3;
    border-color: #6ba0bf;
    color: #fff
}

.btn-h-default:hover.fs--shadow.focus,
.btn-h-default:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-h-outline-default:hover {
    color: #588aa7;
    border-color: #a9bdc9;
    background-color: transparent
}

.btn-h-outline-default:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-h-outline-default[class*=btn-outline-]:hover {
    background-color: rgba(139, 180, 205, .05)
}

.btn-h-light-default:hover {
    color: #4588af;
    background-color: #eaf2f7;
    border-color: #c0d8e6
}

.btn-h-lighter-default:hover {
    color: #4588af;
    background-color: #f1f6f9;
    border-color: #c8dde9
}

.btn-h-primary:hover {
    background-color: #478dc1;
    border-color: #3b83b9;
    color: #fff
}

.btn-h-primary:hover.fs--shadow.focus,
.btn-h-primary:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-h-outline-primary:hover {
    color: #4887b7;
    border-color: #5899ca;
    background-color: transparent
}

.btn-h-outline-primary:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-h-outline-primary[class*=btn-outline-]:hover {
    background-color: rgba(88, 153, 202, .05)
}

.btn-h-light-primary:hover {
    color: #3074a8;
    background-color: #e7f1f8;
    border-color: #b3d2ea
}

.btn-h-lighter-primary:hover {
    color: #3074a8;
    background-color: #eff5fa;
    border-color: #bbd7ec
}

.btn-h-secondary:hover {
    background-color: #8d9da6;
    border-color: #80949f;
    color: #fff
}

.btn-h-secondary:hover.fs--shadow.focus,
.btn-h-secondary:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-h-outline-secondary:hover {
    color: #71858e;
    border-color: #9aaab3;
    background-color: transparent
}

.btn-h-outline-secondary:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-h-outline-secondary[class*=btn-outline-]:hover {
    background-color: rgba(154, 170, 179, .05)
}

.btn-h-light-secondary:hover {
    color: #64818f;
    background-color: #edf1f2;
    border-color: #cbd5db
}

.btn-h-lighter-secondary:hover {
    color: #64818f;
    background-color: #f3f5f7;
    border-color: #d1dadf
}

.btn-h-info:hover {
    background-color: #44abd3;
    border-color: #31a4d2;
    color: #fff
}

.btn-h-info:hover.fs--shadow.focus,
.btn-h-info:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-h-outline-info:hover {
    color: #3c9dc3;
    border-color: #57b5da;
    background-color: transparent
}

.btn-h-outline-info:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-h-outline-info[class*=btn-outline-]:hover {
    background-color: rgba(87, 181, 218, .05)
}

.btn-h-light-info:hover {
    color: #2596c2;
    background-color: #e6f5fa;
    border-color: #b2dff0
}

.btn-h-lighter-info:hover {
    color: #2596c2;
    background-color: #eff8fc;
    border-color: #bbe2f2
}

.btn-h-success:hover {
    background-color: #64b364;
    border-color: #54ae54;
    color: #fff
}

.btn-h-success:hover.fs--shadow.focus,
.btn-h-success:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-h-outline-success:hover {
    color: #5aa55a;
    border-color: #73bd73;
    background-color: transparent
}

.btn-h-outline-success:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-h-outline-success[class*=btn-outline-]:hover {
    background-color: rgba(115, 189, 115, .05)
}

.btn-h-light-success:hover {
    color: #45a145;
    background-color: #eaf6ea;
    border-color: #bee3be
}

.btn-h-lighter-success:hover {
    color: #45a145;
    background-color: #f1f9f1;
    border-color: #c6e6c6
}

.btn-h-danger:hover {
    background-color: #d65944;
    border-color: #d54831;
    color: #fff
}

.btn-h-danger:hover.fs--shadow.focus,
.btn-h-danger:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-h-outline-danger:hover {
    color: #c54f3a;
    border-color: #FF0000;
    background-color: transparent
}

.btn-h-outline-danger:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-h-outline-danger[class*=btn-outline-]:hover {
    background-color: rgba(221, 106, 87, .05)
}

.btn-h-light-danger:hover {
    color: #c73a23;
    background-color: #fbebe9;
    border-color: #f2bdb4
}

.btn-h-lighter-danger:hover {
    color: #c73a23;
    background-color: #fdf3f1;
    border-color: #f3c4bd
}

.btn-h-warning:hover {
    background-color: #eba32e;
    border-color: #eb9c19;
    color: #fff
}

.btn-h-warning:hover.fs--shadow.focus,
.btn-h-warning:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-h-outline-warning:hover {
    color: #d89527;
    border-color: #FF9800;
    background-color: transparent
}

.btn-h-outline-warning:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-h-outline-warning[class*=btn-outline-]:hover {
    background-color: rgba(239, 174, 67, .05)
}

.btn-h-light-warning:hover {
    color: #da8d0e;
    background-color: #fdf4e4;
    border-color: #fadcaa
}

.btn-h-lighter-warning:hover {
    color: #da8d0e;
    background-color: #fef8ee;
    border-color: #fae0b4
}

.btn-h-dark:hover {
    background-color: #46484a;
    border-color: #3b3e41;
    color: #fff
}

.btn-h-dark:hover.fs--shadow.focus,
.btn-h-dark:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-h-outline-dark:hover {
    color: #4b4e52;
    border-color: #515559;
    background-color: transparent
}

.btn-h-outline-dark:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-h-outline-dark[class*=btn-outline-]:hover {
    background-color: rgba(81, 85, 89, .05)
}

.btn-h-light-dark:hover {
    color: #2c3034;
    background-color: #e7e9eb;
    border-color: #b1b7bd
}

.btn-h-lighter-dark:hover {
    color: #2c3034;
    background-color: #edeef0;
    border-color: #b6bcc2
}

.btn-h-light:hover {
    background-color: #eaecf2;
    border-color: #c3c7d0;
    color: #757984
}

.btn-h-light:hover.fs--shadow.focus,
.btn-h-light:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-h-outline-light:hover {
    color: #555;
    border-color: #dddfe4;
    background-color: transparent
}

.btn-h-outline-light:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-h-outline-light[class*=btn-outline-]:hover {
    background-color: rgba(245, 246, 249, .05)
}

.btn-h-light-light:hover {
    color: #c5ccdf;
    background-color: #fafafa;
    border-color: #f4f5f9
}

.btn-h-lighter-light:hover {
    color: #c5ccdf;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-h-white:hover {
    background-color: #fff;
    border-color: #d7d7d7;
    color: #606060
}

.btn-h-white:hover.fs--shadow.focus,
.btn-h-white:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-h-outline-white:hover {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.btn-h-outline-white:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-h-outline-white[class*=btn-outline-]:hover {
    background-color: rgba(255, 255, 255, .05)
}

.btn-h-black:hover {
    background-color: #26282a;
    border-color: #1c1e20;
    color: #fff
}

.btn-h-black:hover.fs--shadow.focus,
.btn-h-black:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-h-outline-black:hover {
    color: #2d3134;
    border-color: #414549;
    background-color: transparent
}

.btn-h-outline-black:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-h-outline-black[class*=btn-outline-]:hover {
    background-color: rgba(49, 53, 57, .05)
}

.btn-h-light-black:hover {
    color: #0e1012;
    background-color: #e1e4e7;
    border-color: #a0aab3
}

.btn-h-lighter-black:hover {
    color: #0e1012;
    background-color: #e6e9eb;
    border-color: #a5afb8
}

.btn-h-grey:hover {
    background-color: #828386;
    border-color: #76787e;
    color: #fff
}

.btn-h-grey:hover.fs--shadow.focus,
.btn-h-grey:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-h-outline-grey:hover {
    color: #666;
    border-color: #8d8f95;
    background-color: transparent
}

.btn-h-outline-grey:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-h-outline-grey[class*=btn-outline-]:hover {
    background-color: rgba(141, 143, 149, .05)
}

.btn-h-light-grey:hover {
    color: #646874;
    background-color: #eeeff1;
    border-color: #cbcdd2
}

.btn-h-lighter-grey:hover {
    color: #646874;
    background-color: #f4f4f5;
    border-color: #d0d2d7
}

.btn-h-purple:hover {
    background-color: #8573b6;
    border-color: #7863b1;
    color: #fff
}

.btn-h-purple:hover.fs--shadow.focus,
.btn-h-purple:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-h-outline-purple:hover {
    color: #705da2;
    border-color: #9382c0;
    background-color: transparent
}

.btn-h-outline-purple:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-h-outline-purple[class*=btn-outline-]:hover {
    background-color: rgba(147, 130, 192, .05)
}

.btn-h-light-purple:hover {
    color: #634ba3;
    background-color: #eeebf6;
    border-color: #cbc2e3
}

.btn-h-lighter-purple:hover {
    color: #634ba3;
    background-color: #f4f2f9;
    border-color: #d1c9e6
}

.btn-h-pink:hover {
    background-color: #cf4a7d;
    border-color: #cd3771;
    color: #fff
}

.btn-h-pink:hover.fs--shadow.focus,
.btn-h-pink:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-h-outline-pink:hover {
    color: #be4171;
    border-color: #d65c8b;
    background-color: transparent
}

.btn-h-outline-pink:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-h-outline-pink[class*=btn-outline-]:hover {
    background-color: rgba(214, 92, 139, .05)
}

.btn-h-light-pink:hover {
    color: #be2a63;
    background-color: #fae8ef;
    border-color: #efb5cb
}

.btn-h-lighter-pink:hover {
    color: #be2a63;
    background-color: #fcf0f5;
    border-color: #f1bdd1
}

.btn-h-yellow:hover {
    background-color: #f0de66;
    border-color: #f1ce2e;
    color: #963
}

.btn-h-yellow:hover.fs--shadow.focus,
.btn-h-yellow:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-h-outline-yellow:hover {
    color: #b17131;
    border-color: #f4d859;
    background-color: transparent
}

.btn-h-outline-yellow:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-h-outline-yellow[class*=btn-outline-]:hover {
    background-color: rgba(244, 228, 124, .05)
}

.btn-h-light-yellow:hover {
    color: #f3d933;
    background-color: #fefcec;
    border-color: #fbf4c2
}

.btn-h-lighter-yellow:hover {
    color: #f3d933;
    background-color: #fafafa;
    border-color: #fcf5cb
}

.btn-h-lightgrey:hover {
    background-color: #9da0a5;
    border-color: #91969d;
    color: #fff
}

.btn-h-lightgrey:hover.fs--shadow.focus,
.btn-h-lightgrey:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-h-outline-lightgrey:hover {
    color: #7a8085;
    border-color: #d0d5da;
    background-color: transparent
}

.btn-h-outline-lightgrey:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-h-outline-lightgrey[class*=btn-outline-]:hover {
    background-color: rgba(169, 173, 179, .05)
}

.btn-h-light-lightgrey:hover {
    color: #7d8795;
    background-color: #f0f1f3;
    border-color: #d5d8dd
}

.btn-h-lighter-lightgrey:hover {
    color: #7d8795;
    background-color: #f6f7f8;
    border-color: #dbdee2
}

.btn-h-brown:hover {
    background-color: #bc905b;
    border-color: #b8864a;
    color: #fff
}

.btn-h-brown:hover.fs--shadow.focus,
.btn-h-brown:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-h-outline-brown:hover {
    color: #ad8452;
    border-color: #c59c6b;
    background-color: transparent
}

.btn-h-outline-brown:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-h-outline-brown[class*=btn-outline-]:hover {
    background-color: rgba(197, 156, 107, .05)
}

.btn-h-light-brown:hover {
    color: #aa783c;
    background-color: #f7f0e9;
    border-color: #e7d3bb
}

.btn-h-lighter-brown:hover {
    color: #aa783c;
    background-color: #faf5f0;
    border-color: #ead8c2
}

.btn-h-blue:hover {
    background-color: #48a4e0;
    border-color: #349cdf;
    color: #fff
}

.btn-h-blue:hover.fs--shadow.focus,
.btn-h-blue:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-h-outline-blue:hover {
    color: #3490cb;
    border-color: #5cafe5;
    background-color: transparent
}

.btn-h-outline-blue:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-h-outline-blue[class*=btn-outline-]:hover {
    background-color: rgba(92, 175, 229, .05)
}

.btn-h-light-blue:hover {
    color: #1b8ad2;
    background-color: #e4f2fc;
    border-color: #b0d9f5
}

.btn-h-lighter-blue:hover {
    color: #1b8ad2;
    background-color: #edf7fd;
    border-color: #b9def6
}

.btn-h-red:hover {
    background-color: #e85050;
    border-color: #e83c3c;
    color: #fff
}

.btn-h-red:hover.fs--shadow.focus,
.btn-h-red:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-h-outline-red:hover {
    color: #d02f2f;
    border-color: #ed6565;
    background-color: transparent
}

.btn-h-outline-red:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-h-outline-red[class*=btn-outline-]:hover {
    background-color: rgba(237, 101, 101, .05)
}

.btn-h-light-red:hover {
    color: #ea1e1e;
    background-color: #fdeaea;
    border-color: #f9b9b9
}

.btn-h-lighter-red:hover {
    color: #ea1e1e;
    background-color: #fef3f3;
    border-color: #f9c2c2
}

.btn-h-green:hover {
    background-color: #51c293;
    border-color: #40c08a;
    color: #fff
}

.btn-h-green:hover.fs--shadow.focus,
.btn-h-green:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-h-outline-green:hover {
    color: #4ab588;
    border-color: #62cb9f;
    background-color: transparent
}

.btn-h-outline-green:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-h-outline-green[class*=btn-outline-]:hover {
    background-color: rgba(98, 203, 159, .05)
}

.btn-h-light-green:hover {
    color: #34af7b;
    background-color: #e5f7f0;
    border-color: #b6e9d4
}

.btn-h-lighter-green:hover {
    color: #34af7b;
    background-color: #edfaf4;
    border-color: #bdecd8
}

.btn-a-default:not(:disabled):not(.disabled).active,
.btn-a-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-default.dropdown-toggle {
    color: #fff;
    background-color: #7ba8c3;
    border-color: #6ba0bf
}

.btn-a-default:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-default:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-default.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-a-outline-default:not(:disabled):not(.disabled).active,
.btn-a-outline-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-default.dropdown-toggle {
    color: #54839f;
    border-color: #a9bdc9;
    background-color: rgba(139, 180, 205, .05)
}

.btn-a-outline-default:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-default:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-default.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-a-light-default:not(:disabled):not(.disabled).active,
.btn-a-light-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-default.dropdown-toggle {
    color: #3e7a9d;
    background-color: #d7e7ef;
    border-color: #aecddf
}

.btn-a-lighter-default:not(:disabled):not(.disabled).active,
.btn-a-lighter-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-default.dropdown-toggle {
    color: #3e7a9d;
    background-color: #dfebf2;
    border-color: #b5d2e2
}

.btn-a-primary:not(:disabled):not(.disabled).active,
.btn-a-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-primary.dropdown-toggle {
    color: #fff;
    background-color: #478dc1;
    border-color: #3b83b9
}

.btn-a-primary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-primary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-primary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-a-outline-primary:not(:disabled):not(.disabled).active,
.btn-a-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-primary.dropdown-toggle {
    color: #4581ad;
    border-color: #5899ca;
    background-color: rgba(88, 153, 202, .05)
}

.btn-a-outline-primary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-primary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-primary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-a-light-primary:not(:disabled):not(.disabled).active,
.btn-a-light-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-primary.dropdown-toggle {
    color: #2a6794;
    background-color: #d3e5f3;
    border-color: #9fc7e4
}

.btn-a-lighter-primary:not(:disabled):not(.disabled).active,
.btn-a-lighter-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-primary.dropdown-toggle {
    color: #2a6794;
    background-color: #dbeaf5;
    border-color: #a7cbe6
}

.btn-a-secondary:not(:disabled):not(.disabled).active,
.btn-a-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-secondary.dropdown-toggle {
    color: #fff;
    background-color: #8d9da6;
    border-color: #80949f
}

.btn-a-secondary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-secondary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-secondary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-a-outline-secondary:not(:disabled):not(.disabled).active,
.btn-a-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-secondary.dropdown-toggle {
    color: #6c7e87;
    border-color: #9aaab3;
    background-color: rgba(154, 170, 179, .05)
}

.btn-a-outline-secondary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-secondary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-secondary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-a-light-secondary:not(:disabled):not(.disabled).active,
.btn-a-light-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-secondary.dropdown-toggle {
    color: #597380;
    background-color: #dee5e8;
    border-color: #bcc9d0
}

.btn-a-lighter-secondary:not(:disabled):not(.disabled).active,
.btn-a-lighter-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-secondary.dropdown-toggle {
    color: #597380;
    background-color: #e4e9ec;
    border-color: #c2ced4
}

.btn-a-info:not(:disabled):not(.disabled).active,
.btn-a-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-info.dropdown-toggle {
    color: #fff;
    background-color: #44abd3;
    border-color: #31a4d2
}

.btn-a-info:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-info:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-info.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-a-outline-info:not(:disabled):not(.disabled).active,
.btn-a-outline-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-info.dropdown-toggle {
    color: #3995b9;
    border-color: #57b5da;
    background-color: rgba(87, 181, 218, .05)
}

.btn-a-outline-info:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-info:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-info.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-a-light-info:not(:disabled):not(.disabled).active,
.btn-a-light-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-info.dropdown-toggle {
    color: #2185ad;
    background-color: #d1ecf6;
    border-color: #9dd6ec
}

.btn-a-lighter-info:not(:disabled):not(.disabled).active,
.btn-a-lighter-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-info.dropdown-toggle {
    color: #2185ad;
    background-color: #daeff8;
    border-color: #a6d9ee
}

.btn-a-success:not(:disabled):not(.disabled).active,
.btn-a-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-success.dropdown-toggle {
    color: #fff;
    background-color: #64b364;
    border-color: #54ae54
}

.btn-a-success:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-success:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-success.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-a-outline-success:not(:disabled):not(.disabled).active,
.btn-a-outline-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-success.dropdown-toggle {
    color: #559d55;
    border-color: #73bd73;
    background-color: rgba(115, 189, 115, .05)
}

.btn-a-outline-success:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-success:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-success.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-a-light-success:not(:disabled):not(.disabled).active,
.btn-a-light-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-success.dropdown-toggle {
    color: #3d8f3d;
    background-color: #d8eed8;
    border-color: #addcad
}

.btn-a-lighter-success:not(:disabled):not(.disabled).active,
.btn-a-lighter-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-success.dropdown-toggle {
    color: #3d8f3d;
    background-color: #dff1df;
    border-color: #b4dfb4
}

.btn-a-danger:not(:disabled):not(.disabled).active,
.btn-a-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-danger.dropdown-toggle {
    color: #fff;
    background-color: #d65944;
    border-color: #d54831
}

.btn-a-danger:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-danger:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-danger.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-a-outline-danger:not(:disabled):not(.disabled).active,
.btn-a-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-danger.dropdown-toggle {
    color: #bb4b37;
    border-color: #FF0000;
    background-color: rgba(221, 106, 87, .05)
}

.btn-a-outline-danger:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-danger:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-danger.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-a-light-danger:not(:disabled):not(.disabled).active,
.btn-a-light-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-danger.dropdown-toggle {
    color: #b2341f;
    background-color: #f7d8d3;
    border-color: #eea99e
}

.btn-a-lighter-danger:not(:disabled):not(.disabled).active,
.btn-a-lighter-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-danger.dropdown-toggle {
    color: #b2341f;
    background-color: #f9e0dc;
    border-color: #f0b1a7
}

.btn-a-warning:not(:disabled):not(.disabled).active,
.btn-a-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-warning.dropdown-toggle {
    color: #fff;
    background-color: #eba32e;
    border-color: #eb9c19
}

.btn-a-warning:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-warning:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-warning.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-a-outline-warning:not(:disabled):not(.disabled).active,
.btn-a-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-warning.dropdown-toggle {
    color: #cd8d25;
    border-color: #FF9800;
    background-color: rgba(239, 174, 67, .05)
}

.btn-a-outline-warning:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-warning:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-warning.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-a-light-warning:not(:disabled):not(.disabled).active,
.btn-a-light-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-warning.dropdown-toggle {
    color: #c27e0c;
    background-color: #fceacc;
    border-color: #f8d292
}

.btn-a-lighter-warning:not(:disabled):not(.disabled).active,
.btn-a-lighter-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-warning.dropdown-toggle {
    color: #c27e0c;
    background-color: #fceed6;
    border-color: #f9d69c
}

.btn-a-dark:not(:disabled):not(.disabled).active,
.btn-a-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-dark.dropdown-toggle {
    color: #fff;
    background-color: #46484a;
    border-color: #3b3e41
}

.btn-a-dark:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-dark:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-dark.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-a-outline-dark:not(:disabled):not(.disabled).active,
.btn-a-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-dark.dropdown-toggle {
    color: #474a4e;
    border-color: #515559;
    background-color: rgba(81, 85, 89, .05)
}

.btn-a-outline-dark:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-dark:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-dark.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-a-light-dark:not(:disabled):not(.disabled).active,
.btn-a-light-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-dark.dropdown-toggle {
    color: #202326;
    background-color: #d9dcdf;
    border-color: #a3aab2
}

.btn-a-lighter-dark:not(:disabled):not(.disabled).active,
.btn-a-lighter-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-dark.dropdown-toggle {
    color: #202326;
    background-color: #dfe1e4;
    border-color: #a9b0b6
}

.btn-a-light:not(:disabled):not(.disabled).active,
.btn-a-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light.dropdown-toggle {
    color: #757984;
    background-color: #eaecf2;
    border-color: #c3c7d0
}

.btn-a-light:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-light:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-light.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-a-outline-light:not(:disabled):not(.disabled).active,
.btn-a-outline-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-light.dropdown-toggle {
    color: #515151;
    border-color: #dddfe4;
    background-color: rgba(245, 246, 249, .05)
}

.btn-a-outline-light:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-light:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-light.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-a-light-light:not(:disabled):not(.disabled).active,
.btn-a-light-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-light.dropdown-toggle {
    color: #b5bdd6;
    background-color: #eeecec;
    border-color: #e4e7f0
}

.btn-a-lighter-light:not(:disabled):not(.disabled).active,
.btn-a-lighter-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-light.dropdown-toggle {
    color: #b5bdd6;
    background-color: #eeecec;
    border-color: #eeecec
}

.btn-a-white:not(:disabled):not(.disabled).active,
.btn-a-white:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-white.dropdown-toggle {
    color: #606060;
    background-color: #fff;
    border-color: #d7d7d7
}

.btn-a-white:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-white:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-white.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-a-outline-white:not(:disabled):not(.disabled).active,
.btn-a-outline-white:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-white.dropdown-toggle {
    color: #f2f2f2;
    border-color: #fff;
    background-color: rgba(255, 255, 255, .05)
}

.btn-a-outline-white:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-white:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-white.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-a-black:not(:disabled):not(.disabled).active,
.btn-a-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-black.dropdown-toggle {
    color: #fff;
    background-color: #26282a;
    border-color: #1c1e20
}

.btn-a-black:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-black:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-black.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-a-outline-black:not(:disabled):not(.disabled).active,
.btn-a-outline-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-black.dropdown-toggle {
    color: #2b2f31;
    border-color: #414549;
    background-color: rgba(49, 53, 57, .05)
}

.btn-a-outline-black:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-black:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-black.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-a-light-black:not(:disabled):not(.disabled).active,
.btn-a-light-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-black.dropdown-toggle {
    color: #030304;
    background-color: #d2d7dc;
    border-color: #919da8
}

.btn-a-lighter-black:not(:disabled):not(.disabled).active,
.btn-a-lighter-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-black.dropdown-toggle {
    color: #030304;
    background-color: #d8dce0;
    border-color: #97a2ad
}

.btn-a-grey:not(:disabled):not(.disabled).active,
.btn-a-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-grey.dropdown-toggle {
    color: #fff;
    background-color: #828386;
    border-color: #76787e
}

.btn-a-grey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-grey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-grey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-a-outline-grey:not(:disabled):not(.disabled).active,
.btn-a-outline-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-grey.dropdown-toggle {
    color: #616161;
    border-color: #8d8f95;
    background-color: rgba(141, 143, 149, .05)
}

.btn-a-outline-grey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-grey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-grey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-a-light-grey:not(:disabled):not(.disabled).active,
.btn-a-light-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-grey.dropdown-toggle {
    color: #585c67;
    background-color: #e1e2e5;
    border-color: #bdbfc6
}

.btn-a-lighter-grey:not(:disabled):not(.disabled).active,
.btn-a-lighter-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-grey.dropdown-toggle {
    color: #585c67;
    background-color: #e6e7ea;
    border-color: #c3c5cb
}

.btn-a-purple:not(:disabled):not(.disabled).active,
.btn-a-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-purple.dropdown-toggle {
    color: #fff;
    background-color: #8573b6;
    border-color: #7863b1
}

.btn-a-purple:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-purple:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-purple.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-a-outline-purple:not(:disabled):not(.disabled).active,
.btn-a-outline-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-purple.dropdown-toggle {
    color: #6a589a;
    border-color: #9382c0;
    background-color: rgba(147, 130, 192, .05)
}

.btn-a-outline-purple:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-purple:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-purple.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-a-light-purple:not(:disabled):not(.disabled).active,
.btn-a-light-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-purple.dropdown-toggle {
    color: #584392;
    background-color: #dfdaee;
    border-color: #bcb0db
}

.btn-a-lighter-purple:not(:disabled):not(.disabled).active,
.btn-a-lighter-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-purple.dropdown-toggle {
    color: #584392;
    background-color: #e5e1f1;
    border-color: #c2b7de
}

.btn-a-pink:not(:disabled):not(.disabled).active,
.btn-a-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-pink.dropdown-toggle {
    color: #fff;
    background-color: #cf4a7d;
    border-color: #cd3771
}

.btn-a-pink:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-pink:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-pink.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-a-outline-pink:not(:disabled):not(.disabled).active,
.btn-a-outline-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-pink.dropdown-toggle {
    color: #b53e6b;
    border-color: #d65c8b;
    background-color: rgba(214, 92, 139, .05)
}

.btn-a-outline-pink:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-pink:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-pink.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-a-light-pink:not(:disabled):not(.disabled).active,
.btn-a-light-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-pink.dropdown-toggle {
    color: #a92558;
    background-color: #f5d3e0;
    border-color: #eaa0bd
}

.btn-a-lighter-pink:not(:disabled):not(.disabled).active,
.btn-a-lighter-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-pink.dropdown-toggle {
    color: #a92558;
    background-color: #f7dbe6;
    border-color: #eca9c2
}

.btn-a-yellow:not(:disabled):not(.disabled).active,
.btn-a-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-yellow.dropdown-toggle {
    color: #963;
    background-color: #f0de66;
    border-color: #f1ce2e
}

.btn-a-yellow:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-yellow:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-yellow.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-a-outline-yellow:not(:disabled):not(.disabled).active,
.btn-a-outline-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-yellow.dropdown-toggle {
    color: #a86b2f;
    border-color: #f4d859;
    background-color: rgba(244, 228, 124, .05)
}

.btn-a-outline-yellow:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-yellow:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-yellow.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-a-light-yellow:not(:disabled):not(.disabled).active,
.btn-a-light-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-yellow.dropdown-toggle {
    color: #f1d51b;
    background-color: #fcf7d4;
    border-color: #faefaa
}

.btn-a-lighter-yellow:not(:disabled):not(.disabled).active,
.btn-a-lighter-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-yellow.dropdown-toggle {
    color: #f1d51b;
    background-color: #eeecec;
    border-color: #faf1b3
}

.btn-a-lightgrey:not(:disabled):not(.disabled).active,
.btn-a-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lightgrey.dropdown-toggle {
    color: #fff;
    background-color: #9da0a5;
    border-color: #91969d
}

.btn-a-lightgrey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-lightgrey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-lightgrey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-a-outline-lightgrey:not(:disabled):not(.disabled).active,
.btn-a-outline-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-lightgrey.dropdown-toggle {
    color: #74797e;
    border-color: #d0d5da;
    background-color: rgba(169, 173, 179, .05)
}

.btn-a-outline-lightgrey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-lightgrey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-lightgrey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-a-light-lightgrey:not(:disabled):not(.disabled).active,
.btn-a-light-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-lightgrey.dropdown-toggle {
    color: #707a89;
    background-color: #e2e4e8;
    border-color: #c7cbd1
}

.btn-a-lighter-lightgrey:not(:disabled):not(.disabled).active,
.btn-a-lighter-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-lightgrey.dropdown-toggle {
    color: #707a89;
    background-color: #e8eaec;
    border-color: #cdd1d6
}

.btn-a-brown:not(:disabled):not(.disabled).active,
.btn-a-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-brown.dropdown-toggle {
    color: #fff;
    background-color: #bc905b;
    border-color: #b8864a
}

.btn-a-brown:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-brown:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-brown.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-a-outline-brown:not(:disabled):not(.disabled).active,
.btn-a-outline-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-brown.dropdown-toggle {
    color: #a57e4e;
    border-color: #c59c6b;
    background-color: rgba(197, 156, 107, .05)
}

.btn-a-outline-brown:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-brown:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-brown.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-a-light-brown:not(:disabled):not(.disabled).active,
.btn-a-light-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-brown.dropdown-toggle {
    color: #976b36;
    background-color: #f0e4d6;
    border-color: #e0c7a8
}

.btn-a-lighter-brown:not(:disabled):not(.disabled).active,
.btn-a-lighter-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-brown.dropdown-toggle {
    color: #976b36;
    background-color: #f3e9dd;
    border-color: #e3cbb0
}

.btn-a-blue:not(:disabled):not(.disabled).active,
.btn-a-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-blue.dropdown-toggle {
    color: #fff;
    background-color: #48a4e0;
    border-color: #349cdf
}

.btn-a-blue:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-blue:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-blue.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-a-outline-blue:not(:disabled):not(.disabled).active,
.btn-a-outline-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-blue.dropdown-toggle {
    color: #3288c1;
    border-color: #5cafe5;
    background-color: rgba(92, 175, 229, .05)
}

.btn-a-outline-blue:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-blue:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-blue.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-a-light-blue:not(:disabled):not(.disabled).active,
.btn-a-light-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-blue.dropdown-toggle {
    color: #187bbb;
    background-color: #cee8f9;
    border-color: #99cff2
}

.btn-a-lighter-blue:not(:disabled):not(.disabled).active,
.btn-a-lighter-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-blue.dropdown-toggle {
    color: #187bbb;
    background-color: #d7ecfa;
    border-color: #a2d3f3
}

.btn-a-red:not(:disabled):not(.disabled).active,
.btn-a-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-red.dropdown-toggle {
    color: #fff;
    background-color: #e85050;
    border-color: #e83c3c
}

.btn-a-red:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-red:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-red.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-a-outline-red:not(:disabled):not(.disabled).active,
.btn-a-outline-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-red.dropdown-toggle {
    color: #c52d2d;
    border-color: #ed6565;
    background-color: rgba(237, 101, 101, .05)
}

.btn-a-outline-red:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-red:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-red.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-a-light-red:not(:disabled):not(.disabled).active,
.btn-a-light-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-red.dropdown-toggle {
    color: #da1414;
    background-color: #fbd2d2;
    border-color: #f6a2a2
}

.btn-a-lighter-red:not(:disabled):not(.disabled).active,
.btn-a-lighter-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-red.dropdown-toggle {
    color: #da1414;
    background-color: #fcdcdc;
    border-color: #f7abab
}

.btn-a-green:not(:disabled):not(.disabled).active,
.btn-a-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-green.dropdown-toggle {
    color: #fff;
    background-color: #51c293;
    border-color: #40c08a
}

.btn-a-green:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-green:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-green.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-a-outline-green:not(:disabled):not(.disabled).active,
.btn-a-outline-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-green.dropdown-toggle {
    color: #47ac81;
    border-color: #62cb9f;
    background-color: rgba(98, 203, 159, .05)
}

.btn-a-outline-green:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-green:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-green.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-a-light-green:not(:disabled):not(.disabled).active,
.btn-a-light-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-green.dropdown-toggle {
    color: #2e9b6e;
    background-color: #d2f2e4;
    border-color: #a2e3c8
}

.btn-a-lighter-green:not(:disabled):not(.disabled).active,
.btn-a-lighter-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-green.dropdown-toggle {
    color: #2e9b6e;
    background-color: #d9f4e9;
    border-color: #aae6cd
}

.btn-a-text-default:not(.disabled):not(:disabled).active,
.btn-a-text-default:not(.disabled):not(:disabled):active,
.btn-h-text-default:hover,
.btn-text-default {
    color: #588aa7
}

.btn-a-text-primary:not(.disabled):not(:disabled).active,
.btn-a-text-primary:not(.disabled):not(:disabled):active,
.btn-h-text-primary:hover,
.btn-text-primary {
    color: #4887b7
}

.btn-a-text-secondary:not(.disabled):not(:disabled).active,
.btn-a-text-secondary:not(.disabled):not(:disabled):active,
.btn-h-text-secondary:hover,
.btn-text-secondary {
    color: #71858e
}

.btn-a-text-info:not(.disabled):not(:disabled).active,
.btn-a-text-info:not(.disabled):not(:disabled):active,
.btn-h-text-info:hover,
.btn-text-info {
    color: #3c9dc3
}

.btn-a-text-success:not(.disabled):not(:disabled).active,
.btn-a-text-success:not(.disabled):not(:disabled):active,
.btn-h-text-success:hover,
.btn-text-success {
    color: #5aa55a
}

.btn-a-text-danger:not(.disabled):not(:disabled).active,
.btn-a-text-danger:not(.disabled):not(:disabled):active,
.btn-h-text-danger:hover,
.btn-text-danger {
    color: #c54f3a
}

.btn-a-text-warning:not(.disabled):not(:disabled).active,
.btn-a-text-warning:not(.disabled):not(:disabled):active,
.btn-h-text-warning:hover,
.btn-text-warning {
    color: #d89527
}

.btn-a-text-dark:not(.disabled):not(:disabled).active,
.btn-a-text-dark:not(.disabled):not(:disabled):active,
.btn-h-text-dark:hover,
.btn-text-dark {
    color: #4b4e52
}

.btn-a-text-light:not(.disabled):not(:disabled).active,
.btn-a-text-light:not(.disabled):not(:disabled):active,
.btn-h-text-light:hover,
.btn-text-light {
    color: #555
}

.btn-a-text-white:not(.disabled):not(:disabled).active,
.btn-a-text-white:not(.disabled):not(:disabled):active,
.btn-h-text-white:hover,
.btn-text-white {
    color: #fff
}

.btn-a-text-black:not(.disabled):not(:disabled).active,
.btn-a-text-black:not(.disabled):not(:disabled):active,
.btn-h-text-black:hover,
.btn-text-black {
    color: #2d3134
}

.btn-a-text-grey:not(.disabled):not(:disabled).active,
.btn-a-text-grey:not(.disabled):not(:disabled):active,
.btn-h-text-grey:hover,
.btn-text-grey {
    color: #666
}

.btn-a-text-purple:not(.disabled):not(:disabled).active,
.btn-a-text-purple:not(.disabled):not(:disabled):active,
.btn-h-text-purple:hover,
.btn-text-purple {
    color: #705da2
}

.btn-a-text-pink:not(.disabled):not(:disabled).active,
.btn-a-text-pink:not(.disabled):not(:disabled):active,
.btn-h-text-pink:hover,
.btn-text-pink {
    color: #be4171
}

.btn-a-text-yellow:not(.disabled):not(:disabled).active,
.btn-a-text-yellow:not(.disabled):not(:disabled):active,
.btn-h-text-yellow:hover,
.btn-text-yellow {
    color: #b17131
}

.btn-a-text-lightgrey:not(.disabled):not(:disabled).active,
.btn-a-text-lightgrey:not(.disabled):not(:disabled):active,
.btn-h-text-lightgrey:hover,
.btn-text-lightgrey {
    color: #7a8085
}

.btn-a-text-brown:not(.disabled):not(:disabled).active,
.btn-a-text-brown:not(.disabled):not(:disabled):active,
.btn-h-text-brown:hover,
.btn-text-brown {
    color: #ad8452
}

.btn-a-text-blue:not(.disabled):not(:disabled).active,
.btn-a-text-blue:not(.disabled):not(:disabled):active,
.btn-h-text-blue:hover,
.btn-text-blue {
    color: #3490cb
}

.btn-a-text-red:not(.disabled):not(:disabled).active,
.btn-a-text-red:not(.disabled):not(:disabled):active,
.btn-h-text-red:hover,
.btn-text-red {
    color: #d02f2f
}

.btn-a-text-green:not(.disabled):not(:disabled).active,
.btn-a-text-green:not(.disabled):not(:disabled):active,
.btn-h-text-green:hover,
.btn-text-green {
    color: #4ab588
}

.btn-a-brc-tp:not(.disabled):not(:disabled).active,
.btn-a-brc-tp:not(.disabled):not(:disabled):active,
.btn-brc-tp,
.btn-h-brc-tp:hover {
    border-color: transparent
}

.btn-a-brc-white:not(.disabled):not(:disabled).active,
.btn-a-brc-white:not(.disabled):not(:disabled):active,
.btn-brc-white,
.btn-h-brc-white:hover {
    border-color: #fff
}

.btn-a-bgc-white:not(.disabled):not(:disabled).active,
.btn-a-bgc-white:not(.disabled):not(:disabled):active,
.btn-bgc-white,
.btn-h-bgc-white:hover,
.btn-h-bgc-white[class*=btn-h-outline-]:hover {
    background-color: #fff
}

.btn-a-bgc-tp:not(.disabled):not(:disabled).active,
.btn-a-bgc-tp:not(.disabled):not(:disabled):active,
.btn-bgc-tp,
.btn-h-bgc-tp:hover {
    background-color: transparent
}

.btn.btn-bold {
    border-width: 2px;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase
}

.btn-a-bold.active:not(.disabled):not(:disabled),
.btn-h-bold:hover {
    font-weight: 600
}

.btn.fs--outline:focus {
    outline-color: rgba(255, 255, 255, .73);
    outline-width: 1px;
    outline-style: dotted;
    outline-offset: -3px
}

.btn.fs--outline[class*=btn-light]:focus,
.btn.fs--outline[class*=btn-outline-]:focus {
    outline-color: rgba(0, 0, 0, .4)
}

.btn.fs--outline[class*=btn-h-]:not([class*=btn-h-outline]):not([class*=btn-h-light]):hover:focus {
    outline-color: rgba(255, 255, 255, .73)
}

.btn.fs--outline[class*=btn-h-light]:focus:hover,
.btn.fs--outline[class*=btn-h-outline-]:focus:hover {
    outline-color: rgba(0, 0, 0, .4)
}

.btn.fs--outline[class*=btn-a-]:not(.disabled):not(:disabled).active:focus,
.btn.fs--outline[class*=btn-a-]:not(.disabled):not(:disabled):active:focus {
    outline-color: rgba(255, 255, 255, .73)
}

.btn.fs--outline[class*=btn-a-light]:not(.disabled):not(:disabled).active:focus,
.btn.fs--outline[class*=btn-a-light]:not(.disabled):not(:disabled):active:focus,
.btn.fs--outline[class*=btn-a-outline-]:not(.disabled):not(:disabled).active:focus,
.btn.fs--outline[class*=btn-a-outline-]:not(.disabled):not(:disabled):active:focus {
    outline-color: rgba(0, 0, 0, .4)
}

.btn.fs--solid:focus {
    outline-color: rgba(255, 255, 255, .6);
    outline-width: 1px;
    outline-style: solid;
    outline-offset: -3px
}

.btn.fs--solid[class*=btn-light]:focus,
.btn.fs--solid[class*=btn-outline-]:focus {
    outline-color: rgba(0, 0, 0, .16)
}

.btn.fs--solid[class*=btn-h-]:not([class*=btn-h-outline]):not([class*=btn-h-light]):hover:focus {
    outline-color: rgba(255, 255, 255, .6)
}

.btn.fs--solid[class*=btn-h-light]:focus:hover,
.btn.fs--solid[class*=btn-h-outline-]:focus:hover {
    outline-color: rgba(0, 0, 0, .16)
}

.btn.fs--solid[class*=btn-a-]:not(.disabled):not(:disabled).active:focus,
.btn.fs--solid[class*=btn-a-]:not(.disabled):not(:disabled):active:focus {
    outline-color: rgba(255, 255, 255, .6)
}

.btn.fs--solid[class*=btn-a-light]:not(.disabled):not(:disabled).active:focus,
.btn.fs--solid[class*=btn-a-light]:not(.disabled):not(:disabled):active:focus,
.btn.fs--solid[class*=btn-a-outline-]:not(.disabled):not(:disabled).active:focus,
.btn.fs--solid[class*=btn-a-outline-]:not(.disabled):not(:disabled):active:focus {
    outline-color: rgba(0, 0, 0, .16)
}

.btn.fs--dashed:focus {
    outline-width: 1px;
    outline-style: dashed;
    outline-offset: -1px;
    outline-color: rgba(255, 255, 255, .6)
}

.btn.fs--raised.focus,
.btn.fs--raised:focus {
    box-shadow: inset 0 -2px 1px 0 rgba(0, 0, 0, .1) !important
}

.btn {
    text-align: center;
    border-radius: 10rem;
/*    min-width: 2rem;*/
    position: relative;
    z-index: auto;
    margin-bottom: 2px;
    text-wrap: nowrap;
}

.btn.disabled,
.btn:disabled {
    opacity: .5;
    pointer-events: none
}

.btn.disabled:after,
.btn:disabled:after {
    content: "";
    position: absolute;
    z-index: 2;
    border-radius: inherit;
    right: -1px;
    left: -1px;
    top: -1px;
    bottom: -1px;
    background-color: rgba(0, 0, 0, .05)
}

.btn-link {
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important
}

.btn.btn-a-raised:not(.disabled):not(:disabled).active,
.btn.btn-a-raised:not(.disabled):not(:disabled):active,
.btn.btn-h-raised:hover,
.btn.btn-raised {
    box-shadow: inset 0 -2px 1px 0 rgba(0, 0, 0, .1)
}

.btn.btn-app {
    display: inline-block;
    min-width: 7.5rem;
    line-height: 2rem;
    font-size: 1.325rem;
    font-weight: 400;
    text-align: center;
    border-radius: .825rem;
    padding: 1rem 0 .75rem;
    position: relative
}

.btn.btn-app.btn-sm {
    line-height: 1.675rem;
    min-width: 6.25rem;
    font-size: 1rem;
    padding: .875rem 0 .675rem;
    text-align: -moz-center;
}

.btn.btn-app.btn-xs {
    line-height: 1.25rem;
    min-width: 5.25rem;
    font-size: 1rem;
    padding: .75rem 0 .625rem
}

.btn-app.btn-default {
    background-image: linear-gradient(to bottom, #9dc3d9 0, #71a8c7 100%);
    background-repeat: repeat-x
}

.btn-app.btn-default:hover {
    background-image: linear-gradient(to bottom, #8bb8d1 0, #5f9cc0 100%);
    background-repeat: repeat-x
}

.btn-app.btn-primary {
    background-image: linear-gradient(to bottom, #6ba8d5 0, #3c8cc8 100%);
    background-repeat: repeat-x
}

.btn-app.btn-primary:hover {
    background-image: linear-gradient(to bottom, #589cd0 0, #347eb6 100%);
    background-repeat: repeat-x
}

.btn-app.btn-secondary {
    background-image: linear-gradient(to bottom, #a8bac3 0, #849daa 100%);
    background-repeat: repeat-x
}

.btn-app.btn-secondary:hover {
    background-image: linear-gradient(to bottom, #99aeb8 0, #75919f 100%);
    background-repeat: repeat-x
}

.btn-app.btn-info {
    background-image: linear-gradient(to bottom, #6dc2e3 0, #39acd9 100%);
    background-repeat: repeat-x
}

.btn-app.btn-info:hover {
    background-image: linear-gradient(to bottom, #57b9df 0, #28a1d1 100%);
    background-repeat: repeat-x
}

.btn-app.btn-success {
    background-image: linear-gradient(to bottom, #84ca84 0, #59b859 100%);
    background-repeat: repeat-x
}

.btn-app.btn-success:hover {
    background-image: linear-gradient(to bottom, #72c372 0, #4aad4a 100%);
    background-repeat: repeat-x
}

.btn-app.btn-danger {
    background-image: linear-gradient(to bottom, #e67e6d 0, #dd5039 100%);
    background-repeat: repeat-x
}

.btn-app.btn-danger:hover {
    background-image: linear-gradient(to bottom, #e26b57 0, #d73e25 100%);
    background-repeat: repeat-x
}

.btn-app.btn-warning {
    background-image: linear-gradient(to bottom, #f5bb5c 0, #f1a322 100%);
    background-repeat: repeat-x
}

.btn-app.btn-warning:hover {
    background-image: linear-gradient(to bottom, #f3b144 0, #eb980f 100%);
    background-repeat: repeat-x
}

.btn-app.btn-dark {
    background-image: linear-gradient(to bottom, #5c646d 0, #40464c 100%);
    background-repeat: repeat-x
}

.btn-app.btn-dark:hover {
    background-image: linear-gradient(to bottom, #50585f 0, #34393e 100%);
    background-repeat: repeat-x
}

.btn-app.btn-light {
    background-image: linear-gradient(to bottom, #fff 0, #e1e4ee 100%);
    background-repeat: repeat-x
}

.btn-app.btn-light:hover {
    background-image: linear-gradient(to bottom, #f8f9fb 0, #d0d6e5 100%);
    background-repeat: repeat-x
}

.btn-app.btn-white {
    background-image: linear-gradient(to bottom, #fff 0, #f0efef 100%);
    background-repeat: repeat-x
}

.btn-app.btn-white:hover {
    background-image: linear-gradient(to bottom, #fff 0, #e4e2e2 100%);
    background-repeat: repeat-x
}

.btn-app.btn-black {
    background-image: linear-gradient(to bottom, #3c444c 0, #21262a 100%);
    background-repeat: repeat-x
}

.btn-app.btn-black:hover {
    background-image: linear-gradient(to bottom, #31383e 0, #16191c 100%);
    background-repeat: repeat-x
}

.btn-app.btn-grey {
    background-image: linear-gradient(to bottom, #999da8 0, #787d8b 100%);
    background-repeat: repeat-x
}

.btn-app.btn-grey:hover {
    background-image: linear-gradient(to bottom, #8b8f9c 0, #6c707e 100%);
    background-repeat: repeat-x
}

.btn-app.btn-purple {
    background-image: linear-gradient(to bottom, #a393ce 0, #7f69bb 100%);
    background-repeat: repeat-x
}

.btn-app.btn-purple:hover {
    background-image: linear-gradient(to bottom, #9482c6 0, #7058b3 100%);
    background-repeat: repeat-x
}

.btn-app.btn-pink {
    background-image: linear-gradient(to bottom, #e0719c 0, #d53f79 100%);
    background-repeat: repeat-x
}

.btn-app.btn-pink:hover {
    background-image: linear-gradient(to bottom, #db5c8d 0, #cd2d6b 100%);
    background-repeat: repeat-x
}

.btn-app.btn-yellow {
    background-image: linear-gradient(to bottom, #f9eb96 0, #f5e15c 100%);
    background-repeat: repeat-x
}

.btn-app.btn-yellow:hover {
    background-image: linear-gradient(to bottom, #f7e77e 0, #f4dc44 100%);
    background-repeat: repeat-x
}

.btn-app.btn-lightgrey {
    background-image: linear-gradient(to bottom, #b7bcc4 0, #959da8 100%);
    background-repeat: repeat-x
}

.btn-app.btn-lightgrey:hover {
    background-image: linear-gradient(to bottom, #a9afb9 0, #87909d 100%);
    background-repeat: repeat-x
}

.btn-app.btn-brown {
    background-image: linear-gradient(to bottom, #d1ab7d 0, #c18e50 100%);
    background-repeat: repeat-x
}

.btn-app.btn-brown:hover {
    background-image: linear-gradient(to bottom, #ca9f6b 0, #b78141 100%);
    background-repeat: repeat-x
}

.btn-app.btn-blue {
    background-image: linear-gradient(to bottom, #73bded 0, #3da3e6 100%);
    background-repeat: repeat-x
}

.btn-app.btn-blue:hover {
    background-image: linear-gradient(to bottom, #5db2ea 0, #2699e3 100%);
    background-repeat: repeat-x
}

.btn-app.btn-red {
    background-image: linear-gradient(to bottom, #f37e7e 0, #ee4646 100%);
    background-repeat: repeat-x
}

.btn-app.btn-red:hover {
    background-image: linear-gradient(to bottom, #f16666 0, #ec2e2e 100%);
    background-repeat: repeat-x
}

.btn-app.btn-green {
    background-image: linear-gradient(to bottom, #75d6ae 0, #46c892 100%);
    background-repeat: repeat-x
}

.btn-app.btn-green:hover {
    background-image: linear-gradient(to bottom, #62d0a2 0, #38bd85 100%);
    background-repeat: repeat-x
}

.btn-group > .btn-app + .btn-app.dropdown-toggle {
    min-width: auto
}

.btn-group:not(.btn-group-vertical) > .btn:not(:last-child) {
    margin-left: 2px
}

.btn-group.btn-group-vertical > .btn {
    margin-top: 1px
}

.btn-group > .btn-app + .btn-app.dropdown-toggle {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-vertical > .btn-group:first-child,
.btn-group-vertical > .btn:first-child:not(.dropdown-toggle) {
    margin-right: -1px
}

.action-btn,
.action-buttons a {
    display: inline-block;
    opacity: .88;
    margin: 0 .125rem;
    transition: all .12s
}

@media (prefers-reduced-motion:reduce) {

    .action-btn,
    .action-buttons a {
        transition: none
    }
}

.action-btn:hover,
.action-buttons a:hover {
    text-decoration: none;
    opacity: 1;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.btn-text-slide {
    position: relative;
    overflow: hidden
}

.btn-text-slide .btn-text-1,
.btn-text-slide .btn-text-2 {
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .12s, -webkit-transform .12s;
    transition: transform .12s, opacity .12s;
    transition: transform .12s, opacity .12s, -webkit-transform .12s;
    transition-delay: .1s
}

@media (prefers-reduced-motion:reduce) {

    .btn-text-slide .btn-text-1,
    .btn-text-slide .btn-text-2 {
        transition: none
    }
}

.btn-text-slide .btn-text-2 {
    transition-delay: 0s;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: inherit;
    padding-top: inherit;
    padding-bottom: inherit
}

.btn-text-slide:hover .btn-text-1 {
    transition-delay: 0s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.btn-text-slide:hover .btn-text-1.move-up {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-text-slide:hover .btn-text-1.move-down {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.btn-text-slide:hover .btn-text-1.move-right {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%)
}

.btn-text-slide:hover .btn-text-1.move-left {
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
}

.btn-text-slide .btn-text-2 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-text-slide .btn-text-2.move-down {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-text-slide .btn-text-2.move-up {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.btn-text-slide .btn-text-2.move-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.btn-text-slide .btn-text-2.move-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.btn-text-slide:hover .btn-text-2 {
    -webkit-transform: none;
    transform: none;
    transition-delay: .1s
}

.btn-text-slide-x {
    position: relative;
    overflow: hidden
}

.btn-text-slide-x .btn-text-2 {
    transition: all .25s
}

@media (prefers-reduced-motion:reduce) {
    .btn-text-slide-x .btn-text-2 {
        transition: none
    }
}

.btn-text-slide-x .btn-text-2 {
    opacity: 0;
    letter-spacing: -.5rem;
    max-width: 0%;
    white-space: nowrap;
    word-break: normal;
    display: inline-block
}

.btn-text-slide-x .btn-text-2.move-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.btn-text-slide-x .btn-text-2.move-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.btn-text-slide-x:not(:hover) .btn-text-2 {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-right-width: 0 !important;
    border-left-width: 0 !important
}

.btn-text-slide-x:hover .btn-text-2 {
    opacity: 1;
    letter-spacing: 0;
    max-width: 100%;
    -webkit-transform: none;
    transform: none
}

.btn-text-slide-y {
    position: relative;
    overflow: hidden
}

.btn-text-slide-y .btn-text-1,
.btn-text-slide-y .btn-text-2 {
    display: block;
    transition: all .12s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .btn-text-slide-y .btn-text-1,
    .btn-text-slide-y .btn-text-2 {
        transition: none
    }
}

.btn-text-slide-y .btn-text-2 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%
}

.btn-text-slide-y:hover .btn-text-1 {
    -webkit-transform: translateY(-30%) scale(.8);
    transform: translateY(-30%) scale(.8)
}

.btn-text-slide-y:hover .btn-text-2 {
    -webkit-transform: none;
    transform: none
}

.btn-text-slide-y.direction-reverse .btn-text-2 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 0;
    bottom: auto
}

.btn-text-slide-y.direction-reverse:hover .btn-text-1 {
    -webkit-transform: translateY(30%) scale(.8);
    transform: translateY(30%) scale(.8)
}

.btn-text-slide-y.direction-reverse:hover .btn-text-2 {
    -webkit-transform: none;
    transform: none
}

.btn-text-slide-y .btn-text-fade {
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 0 !important;
    transition-delay: 0s;
    transition-duration: 50ms
}

.btn-text-slide-y:hover .btn-text-fade {
    transition-delay: .1s;
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 1 !important
}

.form-control {
    color: #696b6f;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 1rem;
    transition-duration: 120ms
}

.form-control:hover {
    border: 2px solid #010165;
}

.form-control:focus {
    box-shadow: 0 0 0 2px rgba(245, 153, 66, .2);
    color: #696969;
    border-color: #010165;
    background-color: #fff;
    outline: 0
}

.form-control[disabled] {
    color: #848484;
    background-color: #eee
}

.form-control[disabled]:hover {
    border-color: #d5d5d5
}

.form-control[readonly] {
    color: #939192;
    background: #f5f5f5;
    cursor: default
}

.form-control[readonly]:hover {
    border-color: #c4c4c4
}

.form-control[readonly]:focus {
    box-shadow: none;
    border-color: #aaa;
    background-color: #f9f9f9
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-ms-input-placeholder {
    color: #999
}

.form-control::placeholder {
    color: #999
}

.form-control[class*=brc-success]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(115, 189, 115, .2)
}

.form-control[class*=brc-danger]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(221, 106, 87, .2)
}

.form-control[class*=brc-warning]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(239, 174, 67, .2)
}

.form-control[class*=brc-primary]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(88, 153, 202, .2)
}

.form-control[class*=brc-info]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(87, 181, 218, .2)
}

.form-control[class*=brc-blue]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(83, 171, 228, .2)
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #73bd73
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    box-shadow: 0 0 0 2px rgba(115, 189, 115, .2)
}

.valid-feedback {
    color: #6bae47
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #FF0000
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: 0 0 0 2px rgba(221, 106, 87, .2)
}

.invalid-feedback {
    color: #da3737
}

label {
    cursor: pointer
}

label.disabled {
    cursor: default
}

input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
    cursor: default
}

.input-group-fade .input-group-append > .btn {
    opacity: .55
}

.input-group-fade .input-group-append > .btn.active,
.input-group-fade .input-group-append > .btn:active,
.input-group-fade .input-group-append > .btn:hover {
    opacity: 1
}

.input-group-fade .form-control:focus + .input-group-append > .btn {
    opacity: 1
}

.input-floating-label {
    position: relative
}

.input-floating-label .floating-label {
    pointer-events: none;
    padding-right: 1rem;
    padding-left: 1rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .15s;
    background-color: #fff;
/*     background: linear-gradient(to bottom, #f6f7f8 50%, #fff 0% 100%) !important; */
}

@media (prefers-reduced-motion:reduce) {
    .input-floating-label .floating-label {
        transition: none
    }
}

.input-floating-label .floating-label.active,
.input-floating-label input.has-content ~ .floating-label,
.input-floating-label input:focus ~ .floating-label {
    top: 0;
    font-size: 90%;
    opacity: 0.85
}

.input-floating-label[class*=text-] input:focus ~ .floating-label {
    color: inherit !important;
    opacity: .95
}

.input-floating-label[class*=brc-] input:focus {
    border-color: inherit;
    z-index: auto;
}

select.form-control {
    padding-right: .25rem;
    padding-left: .25rem
}

select.form-control option {
    padding: .3125rem .3125rem .375rem
}

select.ace-select {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 2.5rem;
    line-height: 2rem;
    padding-right: .5rem;
    border: 2px solid #eee;
    border-radius: 3px;
    background-color: #fff;
    background-image: linear-gradient(-45deg, transparent 50%, currentColor 50%), linear-gradient(-135deg, currentColor 50%, transparent 50%), linear-gradient(to left, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    background-position: calc(100% - (100% - 1.125rem - .5px)) center, calc(100% - (100% - .75rem - .5px)) center, calc(100% - (100% - 2.25rem)) center;
    background-size: .375rem .375rem, .375rem .375rem, 1px 1.5rem;
    background-repeat: no-repeat
}

select.ace-select.double-caret {
    background-image: linear-gradient(-45deg, transparent 50%, currentColor 50%), linear-gradient(-135deg, currentColor 50%, transparent 50%), linear-gradient(-135deg, transparent 50%, currentColor 50%), linear-gradient(-45deg, currentColor 50%, transparent 50%), linear-gradient(to left, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    background-position: calc(100% - (100% - 1.0625rem - .5px)) calc(50% + .25rem), calc(100% - (100% - .75rem - .5px)) calc(50% + .25rem), calc(100% - (100% - 1.0625rem - .5px)) calc(50% - .25rem), calc(100% - (100% - .75rem - .5px)) calc(50% - .25rem), calc(100% - (100% - 2.125rem)) center;
    background-size: .3125rem .3125rem, .3125rem .3125rem, .3125rem .3125rem, .3125rem .3125rem, 1px 1.5rem
}

select.ace-select option {
    background-color: #fff;
    color: #484b51
}

select.ace-select::-ms-expand {
    display: none
}

select.ace-select:focus {
    outline: 0
}

select.ace-select.no-border {
    background-image: linear-gradient(-45deg, transparent 50%, currentColor 50%), linear-gradient(-135deg, currentColor 50%, transparent 50%)
}

select.ace-select.double-caret.no-border {
    background-image: linear-gradient(-45deg, transparent 50%, currentColor 50%), linear-gradient(-135deg, currentColor 50%, transparent 50%), linear-gradient(-135deg, transparent 50%, currentColor 50%), linear-gradient(-45deg, currentColor 50%, transparent 50%)
}

.form-text.popover {
    right: auto;
    margin-top: 0;
    z-index: auto
}

.form-text.bs-popover-auto[x-placement^=right] > .arrow,
.form-text.bs-popover-right > .arrow {
    top: 50%;
    margin-top: -.5rem
}

@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) {
    .custom-control-input {
        position: absolute !important
    }

    input[type=checkbox],
    input[type=radio] {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        width: 1.5rem;
        height: 1.5rem;
        overflow: hidden;
        border: 1px solid #adb8c0;
        background-color: #fff;
        vertical-align: text-bottom;
        margin-left: .25rem
    }

    input[type=checkbox].input-lg,
    input[type=radio].input-lg {
        width: 1.5rem;
        height: 1.5rem
    }

    input[type=checkbox].input-xlg,
    input[type=radio].input-xlg {
        width: 1.625rem;
        height: 1.625rem
    }

    input[type=checkbox].input-sm,
    input[type=radio].input-sm {
        width: 1rem;
        height: 1rem
    }

    input[type=checkbox]:hover,
    input[type=radio]:hover {
        border-color: #010165;
    }

    input[type=checkbox]:focus,
    input[type=radio]:focus {
        outline: 0;
        border-color: #010165;
    }

    input[type=checkbox]:active,
    input[type=radio]:active {
        border-color: #010165;
    }

    input[type=checkbox] {
        border-radius: .2rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90%
    }

    input[type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%2332a3ce' d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z'/%3e%3c/svg%3e")
    }

    input[type=radio] {
        border-radius: 100%
    }

    input[type=radio]::after {
        content: "";
        border-radius: inherit;
        position: absolute;
        left: .25rem;
        right: .25rem;
        top: .25rem;
        bottom: .25rem;
        background-color: transparent;
        transition: background-color 80ms
    }

    @media (prefers-reduced-motion:reduce) {
        input[type=radio]::after {
            transition: none
        }
    }

    input[type=radio]:checked::after {
        background-color: #010165;
    }

    input[type=radio].border-2:not(.input-lg):not(.input-xlg)::after {
        left: .1875rem;
        right: .1875rem;
        top: .1875rem;
        bottom: .1875rem
    }

    input[type=radio].input-lg:not(.border-2)::after,
    input[type=radio].input-xlg::after {
        left: .3125rem;
        right: .3125rem;
        top: .3125rem;
        bottom: .3125rem
    }

    input[type=radio].input-sm::after {
        left: .1875rem;
        right: .1875rem;
        top: .1875rem;
        bottom: .1875rem
    }

    input[type=checkbox][class*=bgc-] {
        transition: background-color 80ms, border-color 80ms
    }

    @media (prefers-reduced-motion:reduce) {
        input[type=checkbox][class*=bgc-] {
            transition: none
        }
    }

    input[type=checkbox][class*=bgc-]:not(:checked) {
        background-color: #fff !important
    }

    input[type=checkbox][class*=bgc-]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23fff' d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z'/%3e%3c/svg%3e");
        border-color: transparent !important
    }

    input[type=checkbox][class*=bgc-].input-lg,
    input[type=checkbox][class*=bgc-].input-xlg {
        background-size: 85%;
        background-position: center
    }

    input[type=checkbox][class*=text-] {
        transition: background-color 80ms;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cmask id='mask'%3E%3Crect fill='white' width='100%25' height='100%25' fill-opacity='1' stroke-width='0' /%3E%3Cpath d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z' /%3E%3C/mask%3E%3Crect mask='url(%23mask)' fill='white' width='100%25' height='100%25' fill-opacity='1'/%3E%3C/svg%3E");
        background-size: 90%;
        background-position-x: 1px;
        background-clip: padding-box;
        box-shadow: inset 0 0 0 2px #fff
    }

    @media (prefers-reduced-motion:reduce) {
        input[type=checkbox][class*=text-] {
            transition: none
        }
    }

    input[type=checkbox][class*=text-]:checked {
        background-color: currentColor
    }

    input[type=checkbox][class*=text-].input-lg,
    input[type=checkbox][class*=text-].input-xlg {
        background-size: 85%;
        box-shadow: inset 0 0 0 3px #fff;
        background-position-x: 2px
    }

    input[type=checkbox][class*=text-].input-lg.border-2,
    input[type=checkbox][class*=text-].input-xlg.border-2 {
        background-size: 90%;
        background-position-x: 1px
    }

    input[type=radio][class*=text-]:checked::after {
        color: inherit;
        background-color: currentColor
    }

    input[type=radio][class*=bgc-] {
        transition: background-color 80ms, border-color 80ms
    }

    @media (prefers-reduced-motion:reduce) {
        input[type=radio][class*=bgc-] {
            transition: none
        }
    }

    input[type=radio][class*=bgc-]:not(:checked) {
        background-color: #fff !important
    }

    input[type=radio][class*=bgc-]:checked {
        border-color: transparent
    }

    input[type=radio][class*=bgc-]:checked::after {
        box-shadow: none;
        background-color: #fff
    }

    .brc-on-checked:not(:checked):not(:hover):not(:focus) {
        border-color: #adb8c0 !important
    }

    input[type=checkbox]:disabled,
    input[type=radio]:disabled {
        cursor: default;
        border-color: #ccc !important;
        background-color: #eee !important;
        background-image: none;
        box-shadow: none !important
    }

    input[type=checkbox]:disabled:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23aaa' d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z'/%3e%3c/svg%3e")
    }

    input[type=radio]:disabled:checked::after {
        background-color: #aaa;
        box-shadow: none
    }

    input.ace-switch[class*=text-] {
        box-shadow: none !important;
        background-clip: border-box
    }
}

@supports (-moz-appearance:none) {
    input[type=checkbox] {
        background-position-x: 1px
    }
}

@supports ((-webkit-appearance:none) and ((-webkit-box-reflect:above) or ((-webkit-text-orientation:mixed) or (text-orientation:mixed)))) or (-moz-appearance:none) {
    input.ace-switch {
        background-color: #9ea7ae;
        border: none;
        margin-left: 0
    }

    input.ace-switch:focus {
        box-shadow: none
    }

    input.ace-switch::after {
        content: "";
        position: absolute;
        background-color: #fff;
        border-radius: inherit;
        transition: -webkit-transform 80ms;
        transition: transform 80ms;
        transition: transform 80ms, -webkit-transform 80ms
    }

    @media (prefers-reduced-motion:reduce) {
        input.ace-switch::after {
            transition: none
        }
    }

    input.ace-switch:checked {
        background-image: none;
        background-color: #468fcc
    }

    input.ace-switch {
        border-radius: 1.5rem;
        width: 2.75rem;
        height: 1.5rem
    }

    input.ace-switch::after {
        top: .1875rem;
        right: .1875rem;
        width: 1.125rem;
        height: 1.125rem
    }

    input.ace-switch[class*=brc-]::after {
        border-width: .4375rem
    }

    input.ace-switch:checked::after {
        -webkit-transform: translateX(-1.25rem);
        transform: translateX(-1.25rem)
    }

    input.ace-switch.input-lg {
        border-radius: 2rem;
        width: 4.25rem;
        height: 2rem
    }

    input.ace-switch.input-lg::after {
        top: .25rem;
        right: .25rem;
        width: 1.5rem;
        height: 1.5rem
    }

    input.ace-switch.input-lg[class*=brc-]::after {
        border-width: .625rem
    }

    input.ace-switch.input-lg:checked::after {
        -webkit-transform: translateX(-2.25rem);
        transform: translateX(-2.25rem)
    }

    input.ace-switch.input-sm {
        border-radius: 1.25rem;
        width: 2.25rem;
        height: 1.25rem
    }

    input.ace-switch.input-sm::after {
        top: .1875rem;
        right: .1875rem;
        width: .875rem;
        height: .875rem
    }

    input.ace-switch.input-sm[class*=brc-]::after {
        border-width: .3125rem
    }

    input.ace-switch.input-sm:checked::after {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }

    input.ace-switch[class*=bgc-]:not(:checked):not([class*=text-]) {
        background-color: #9ea7ae !important
    }

    input.ace-switch[class*=bgc-]:checked {
        background-image: none
    }

    input.ace-switch[class*=text-]:not(:checked) {
        background-image: none;
        background-color: currentColor !important
    }

    input.ace-switch[class*=text-]:checked:not([class*=bgc-]) {
        background-color: #468fcc
    }

    input.ace-switch[class*=brc-] {
        background-color: transparent !important;
        border-width: .125rem;
        border-style: solid
    }

    input.ace-switch[class*=brc-]:not(:checked):not([class*=text-]) {
        background-color: transparent !important;
        border-color: #9ea7ae !important
    }

    input.ace-switch[class*=brc-][class*=text-] {
        background-color: transparent !important
    }

    input.ace-switch[class*=brc-][class*=text-]:not(:checked) {
        border-color: currentColor !important
    }

    input.ace-switch[class*=brc-]::after {
        border-style: solid;
        border-color: inherit;
        background-color: transparent;
        width: auto;
        height: auto
    }

    input.ace-switch::before {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 1.3125rem;
        line-height: normal;
        font-size: .9rem;
        font-weight: 600;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        padding: 0 .625rem;
        text-align: left
    }

    input.ace-switch:checked::before {
        text-align: right
    }

    input.ace-switch.ace-switch-yesno::before {
        content: "NO"
    }

    input.ace-switch.ace-switch-yesno:checked::before {
        content: "YES"
    }

    input.ace-switch.ace-switch-onoff::before {
        padding-left: .5rem;
        content: "OFF"
    }

    input.ace-switch.ace-switch-onoff:checked::before {
        content: "ON"
    }

    input.ace-switch.ace-switch-times:not(:checked) {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='none' stroke='%23fff' stroke-width='1.75px' d='M 2.5,2.5 L 7.5,7.5  M 7.5,2.5 L 2.5,7.5'/%3e%3c/svg%3e");
        background-size: 33%;
        background-position: 12% center;
        background-repeat: no-repeat
    }

    input.ace-switch.ace-switch-check:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23fff' d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z'/%3e%3c/svg%3e");
        background-size: 33%;
        background-position: 85% center;
        background-repeat: no-repeat
    }

    input.ace-switch.ace-switch-bars::after {
        color: #999;
        content: "";
        background-image: linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor);
        background-position: calc(100% - (50% - 3px)) center, center, calc(100% - (50% + 3px)) center;
        background-size: 1px 45%;
        background-repeat: no-repeat
    }

    input.ace-switch.ace-switch-bars:disabled::after {
        color: #bbb
    }

    input.ace-switch.ace-switch-bars-h::after {
        color: #999;
        content: "";
        background-image: linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor);
        background-position: center calc(50% - 3px), center, center calc(50% + 3px);
        background-size: 45% 1px;
        background-repeat: no-repeat
    }

    input.ace-switch.ace-switch-bars-h:disabled::after {
        color: #bbb
    }

    input.ace-switch.ace-switch-thin {
        visibility: hidden;
        overflow: visible;
        width: 3.09375rem;
        height: 1.6875rem
    }

    input.ace-switch.ace-switch-thin::before {
        visibility: visible;
        content: "";
        position: absolute;
        width: 80%;
        height: 40%;
        top: 2px;
        bottom: 0;
        margin: auto;
        border-radius: 1rem;
        background-color: inherit;
        color: inherit;
        opacity: .45
    }

    input.ace-switch.ace-switch-thin::after {
        height: 1.5rem;
        width: 1.5rem;
        visibility: visible;
        background-color: inherit;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
    }

    input.ace-switch.ace-switch-thin:checked::after {
        -webkit-transform: translateX(-1.4rem);
        transform: translateX(-1.4rem)
    }

    input[type=checkbox].ace-switch:disabled:not(:checked) {
        color: #ddd !important;
        background-color: #d0d0d0 !important
    }

    input[type=checkbox].ace-switch:disabled:checked {
        background-color: #c6c6c6 !important
    }

    input.ace-switch:not(.ace-switch-check):not(.ace-switch-times):checked:disabled {
        background-image: none
    }

    input[type=checkbox].ace-switch[class*=brc-]:disabled {
        background-color: transparent !important
    }
}

::-ms-backdrop,
input::-ms-check {
    width: 1.125rem;
    height: 1.125rem;
    color: #32a3ce;
    border-color: #adb8c0
}

::-ms-backdrop,
input:not([type=radio]):checked[class*=bgc-]::-ms-check {
    color: #fff;
    background-color: inherit
}

::-ms-backdrop,
input[type=radio][class*=bgc-] {
    background-color: transparent !important
}

::-ms-backdrop,
input[class*=brc-]::-ms-check {
    border-color: inherit
}

::-ms-backdrop,
input[class*=border-2]::-ms-check {
    border-width: 2px
}

::-ms-backdrop,
input[class*=text-]::-ms-check {
    color: inherit
}

::-ms-backdrop,
input[type=checkbox]::-ms-check {
    border-radius: .1875rem
}

::-ms-backdrop,
input[type=radio]::-ms-check {
    border-radius: 100%
}

::-ms-backdrop,
input:disabled::-ms-check {
    color: #aaa !important
}

.ace-file-input [type=file],
input.ace-file-input[type=file] {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0
}

.ace-file-input [type=file]:focus,
input.ace-file-input[type=file]:focus {
    outline: 0
}

.ace-file-input {
    display: block;
    font-size: inherit;
    position: relative;
    height: 2.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.ace-file-input .ace-file-placeholder {
    display: -ms-flexbox;
    display: flex
}

.ace-file-input .ace-file-container {
    display: block;
    height: 2.5rem;
    transition: all .15s
}

@media (prefers-reduced-motion:reduce) {
    .ace-file-input .ace-file-container {
        transition: none
    }
}

.ace-file-input .ace-file-container .ace-file-name {
    max-width: 100%;
    height: 2.5rem;
    line-height: 2.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888
}

.ace-file-input .ace-file-container.selected {
    margin-left: 1rem
}

.ace-file-input .ace-file-container.selected .ace-file-name {
    color: #666
}

.ace-file-input .remove {
    display: none;
    text-decoration: none
}

.ace-file-input .ace-file-container.selected + .remove {
    display: block
}

.ace-file-input input[type=file].disabled + .ace-file-container,
.ace-file-input input[type=file][disabled] + .ace-file-container,
.ace-file-input input[type=file][readonly] + .ace-file-container {
    cursor: default;
    background-color: #eee;
    border-color: #d5d5d5 !important
}

.ace-file-input .ace-file-overlay {
    position: absolute;
    top: -.25rem;
    bottom: -.25rem;
    right: -.25rem;
    left: -.25rem;
    background-color: rgba(0, 0, 0, .4)
}

.ace-file-input .ace-file-overlay > .overlay-content {
    position: relative;
    top: calc(50% - 1rem)
}

.ace-file-multiple {
    height: auto
}

.ace-file-multiple .ace-file-placeholder {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.ace-file-multiple .ace-file-container {
    height: auto;
    border-radius: .25rem
}

.ace-file-multiple .ace-file-container .ace-file-name {
    height: auto;
    margin: 0 .25rem
}

.ace-file-multiple .ace-file-container.selected {
    margin-left: 0
}

.ace-file-multiple .ace-file-placeholder .ace-file-name {
    margin: 0 1rem;
    text-align: center;
    text-overflow: unset;
    word-break: break-word;
    white-space: normal;
    line-height: normal
}

.ace-file-multiple .ace-file-item {
    border-bottom: 1px solid #ebebec
}

.ace-file-multiple .ace-file-item:last-child {
    border-bottom-width: 0
}

.ace-file-multiple .ace-file-icon.thumbnail-img {
    width: 3.25rem;
    text-align: center
}

.badge {
    font-size: 75%;
    font-weight: 600;
    padding: .25rem .5rem .275rem;
    line-height: 1.175;
    border-radius: .125rem;
    position: relative;
    font-family: "ASAN_Titr";
}

.badge-pill {
    border-radius: 2rem
}

@supports (-moz-appearance:none) {
    .badge {
        line-height: 1.1333
    }
}

.badge-sm {
    padding: .1875rem .425rem .275rem;
    font-size: 70%;
    line-height: 1
}

.badge-lg {
    padding: .275rem .5rem .425rem;
    font-size: 90%;
    line-height: 1.25;
    height: 1.75rem
}

.badge-xlg {
    padding: .325rem .625rem .475rem;
    font-size: 105%;
    line-height: 1.625;
    height: 2.5rem
}

.badge.arrowed-in-right::after,
.badge.arrowed-in::before,
.badge.arrowed-right::after,
.badge.arrowed::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    border: 1px solid transparent;
    border-width: .6875rem .375rem
}

.badge.arrowed {
    margin-right: .325rem
}

.badge.arrowed::before {
    right: -.7125rem;
    border-left-color: inherit
}

.badge.arrowed-right {
    margin-left: .325rem
}

.badge.arrowed-right::after {
    left: -.7125rem;
    border-right-color: inherit
}

.badge.arrowed-in {
    margin-right: .375rem
}

.badge.arrowed-in::before {
    right: -.375rem;
    border-color: inherit;
    border-right-color: transparent
}

.badge.arrowed-in-right {
    margin-left: .375rem
}

.badge.arrowed-in-right::after {
    left: -.375rem;
    border-color: inherit;
    border-left-color: transparent
}

.badge.badge-sm.arrowed {
    margin-right: .3rem
}

.badge.badge-sm.arrowed::before {
    border-width: .575rem .325rem;
    right: -.6125rem
}

.badge.badge-sm.arrowed-in {
    margin-right: .3rem
}

.badge.badge-sm.arrowed-in::before {
    border-width: .575rem .325rem;
    right: -.325rem
}

.badge.badge-sm.arrowed-right {
    margin-left: .3rem
}

.badge.badge-sm.arrowed-right::after {
    border-width: .575rem .325rem;
    left: -.6125rem
}

.badge.badge-sm.arrowed-in-right {
    margin-left: .3rem
}

.badge.badge-sm.arrowed-in-right::after {
    border-width: .575rem .325rem;
    left: -.325rem
}

.badge.badge-lg.arrowed {
    margin-right: .5rem
}

.badge.badge-lg.arrowed::before {
    border-width: .875rem .5rem;
    right: -.975rem
}

.badge.badge-lg.arrowed-in {
    margin-right: .5rem
}

.badge.badge-lg.arrowed-in::before {
    border-width: .875rem .5rem;
    right: -.5rem
}

.badge.badge-lg.arrowed-right {
    margin-left: .5rem
}

.badge.badge-lg.arrowed-right::after {
    border-width: .875rem .5rem;
    left: -.975rem
}

.badge.badge-lg.arrowed-in-right {
    margin-left: .5rem
}

.badge.badge-lg.arrowed-in-right::after {
    border-width: .875rem .5rem;
    left: -.5rem
}

.badge.badge-xlg.arrowed {
    padding-right: .5rem;
    margin-right: .675rem
}

.badge.badge-xlg.arrowed-in {
    padding-right: 0;
    margin-right: 1.325rem
}

.badge.badge-xlg.arrowed-in::before,
.badge.badge-xlg.arrowed::before {
    border-width: 1.25rem .625rem;
    right: -1.25rem
}

.badge.badge-xlg.arrowed-right {
    padding-left: .5rem;
    margin-left: .725rem
}

.badge.badge-xlg.arrowed-in-right {
    padding-left: 0;
    margin-left: 1.375rem
}

.badge.badge-xlg.arrowed-in-right::after,
.badge.badge-xlg.arrowed-right::after {
    border-width: 1.25rem .625rem;
    left: -.625rem
}

.badge-default {
    color: #fff;
    background-color: #8bb4cd;
    border-color: #8bb4cd
}

.badge-primary {
    color: #fff;
    background-color: #5899ca;
    border-color: #5899ca
}

.badge-secondary {
    color: #fff;
    background-color: #9aaab3;
    border-color: #9aaab3
}

.badge-info {
    color: #fff;
    background-color: #57b5da;
    border-color: #57b5da
}

.badge-success {
    color: #fff;
    background-color: #73bd73;
    border-color: #73bd73
}

.badge-danger {
    color: #fff;
    background-color: #FF0000;
    border-color: #FF0000
}

.badge-warning {
    color: #fff;
    background-color: #FF9800;
    border-color: #FF9800
}

.badge-dark {
    color: #fff;
    background-color: #515559;
    border-color: #515559
}

.badge-light {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #f5f6f9
}

.badge-dot {
    font-size: 0 !important;
    width: .5rem;
    height: .5rem;
    border-radius: 1rem;
    padding: 0
}

.badge-dot:empty {
    display: inline-block
}

.dropdown-toggle::after,
.dropleft .dropdown-toggle::before,
.dropright .dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    display: none
}

.dropdown-item {
    line-height: 2rem
}

.dropdown-item:not(.btn) {
    color: rgba(67, 72, 77, .93)
}

.dropdown-item:not(.btn):focus,
.dropdown-item:not(.btn):hover {
    background-color: #f0f2f4;
    color: rgba(67, 72, 77, .93)
}

.dropdown-item:not(.btn).active,
.dropdown-item:not(.btn):active {
    background-color: #e0ecf5;
    color: rgba(67, 72, 77, .96)
}

.dropdown-item.btn {
    text-align: right;
    padding: .25rem 1.5rem;
    width: auto;
    margin: 1px;
    font-size: 1rem;
    margin: 5px;
}

.dropdown-menu[class*=bgc-]:not([class*="-m"]):not([class*="-l"]):not([class*=bgc-yellow]) .dropdown-item:not(:hover) {
    color: #fff
}

.dropdown-item > a {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem
}

li.dropdown-item {
    padding: 0 !important
}

.page-content .dropdown-hover {
    position: relative
}

.page-content .dropdown-hover > .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem);
    transition: opacity 150ms 350ms, visibility 0s .5s, -webkit-transform 150ms 350ms;
    transition: opacity 150ms 350ms, transform 150ms 350ms, visibility 0s .5s;
    transition: opacity 150ms 350ms, transform 150ms 350ms, visibility 0s .5s, -webkit-transform 150ms 350ms
}

@media (prefers-reduced-motion:reduce) {
    .page-content .dropdown-hover > .dropdown-menu {
        transition: none
    }
}

.page-content .dropdown-hover > .dropdown-menu {
    top: 100%;
    right: 0
}

.page-content .dropdown-hover.dropright > .dropdown-menu {
    right: 100%;
    top: 0
}

.page-content .dropdown-hover.dropup > .dropdown-menu {
    bottom: 100%;
    top: auto
}

.page-content .dropdown-hover.dropleft > .dropdown-menu {
    right: auto;
    left: 100%;
    -webkit-transform: translateX(-.5rem);
    transform: translateX(-.5rem)
}

.page-content .dropdown-hover .dropdown-menu.show,
.page-content .dropdown-hover:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    transition-delay: 0s
}

.page-content .dropdown-menu:hover > .dropdown-hover:not(:hover) > .dropdown-menu {
    transition-delay: 50ms, 50ms, .2s
}

@media (max-width:575.98px) {
    .dropdown-item.dropdown-hover > .dropdown-menu {
        right: 0 !important;
        left: auto !important;
        top: 100% !important;
        bottom: auto !important
    }
}

@media (min-width:992px) {
    .navbar .dropdown-hover {
        position: relative
    }

    .navbar .dropdown-hover > .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem);
        transition: opacity 150ms 350ms, visibility 0s .5s, -webkit-transform 150ms 350ms;
        transition: opacity 150ms 350ms, transform 150ms 350ms, visibility 0s .5s;
        transition: opacity 150ms 350ms, transform 150ms 350ms, visibility 0s .5s, -webkit-transform 150ms 350ms
    }
}

@media (min-width:992px) and (prefers-reduced-motion:reduce) {
    .navbar .dropdown-hover > .dropdown-menu {
        transition: none
    }
}

@media (min-width:992px) {
    .navbar .dropdown-hover.dropup > .dropdown-menu {
        bottom: 100%;
        top: auto
    }

    .navbar .dropdown-hover .dropdown-menu.show,
    .navbar .dropdown-hover:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        transition-delay: 0s
    }
}

.dropdown-menu {
    border-radius: 0
}

.dropdown-menu.dropdown-caret::after,
.dropdown-menu.dropdown-caret::before {
    display: block;
    content: "";
    position: absolute;
    top: -.5em;
    right: 10px;
    width: 0;
    height: 0;
    border-bottom: .5rem solid rgba(0, 0, 0, .3);
    border-left: .5rem solid transparent;
    border-top: 0;
    border-right: .5rem solid transparent
}

.dropdown-menu.dropdown-caret::after {
    border-bottom-color: #fff
}

.dropdown-menu.dropdown-caret::before {
    margin-top: -1px;
    border-bottom-color: inherit
}

.dropdown-menu.dropdown-caret.dropdown-menu-right::after,
.dropdown-menu.dropdown-caret.dropdown-menu-right::before {
    right: auto;
    left: 10px
}

.dropdown-menu[x-placement^=top].dropdown-caret::after,
.dropdown-menu[x-placement^=top].dropdown-caret::before {
    top: auto;
    bottom: -.5em;
    border-top: .5rem solid rgba(0, 0, 0, .3);
    border-bottom: 0
}

.dropdown-menu[x-placement^=top].dropdown-caret::after {
    border-top-color: #fff
}

.dropdown-menu[x-placement^=top].dropdown-caret::before {
    margin-bottom: -1px;
    margin-top: 0;
    border-top-color: inherit
}

.dropdown-menu[x-placement^=right].dropdown-caret::after,
.dropdown-menu[x-placement^=right].dropdown-caret::before {
    top: 12px;
    right: -.5em;
    border-left: .5rem solid rgba(0, 0, 0, .3);
    border-top: .5rem solid transparent;
    border-right: 0;
    border-bottom: .5rem solid transparent
}

.dropdown-menu[x-placement^=right].dropdown-caret::after {
    border-left-color: #fff
}

.dropdown-menu[x-placement^=right].dropdown-caret::before {
    margin-right: -1px;
    margin-top: 0;
    border-left-color: inherit
}

.dropdown-menu[x-placement^=left].dropdown-caret::after,
.dropdown-menu[x-placement^=left].dropdown-caret::before {
    top: 12px;
    left: -.5em;
    right: auto;
    border-right: .5rem solid rgba(0, 0, 0, .3);
    border-top: .5rem solid transparent;
    border-left: 0;
    border-bottom: .5rem solid transparent
}

.dropdown-menu[x-placement^=left].dropdown-caret::after {
    border-right-color: #fff
}

.dropdown-menu[x-placement^=left].dropdown-caret::before {
    margin-left: -1px;
    margin-top: 0;
    border-right-color: inherit
}

.dropdown-animated {
    display: block;
    visibility: hidden;
    opacity: 0;
    will-change: transform;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    transition: opacity 150ms, visibility 0s, -webkit-transform 150ms;
    transition: opacity 150ms, transform 150ms, visibility 0s;
    transition: opacity 150ms, transform 150ms, visibility 0s, -webkit-transform 150ms;
    transition-delay: 0s, 0s, 150ms !important
}

@media (prefers-reduced-motion:reduce) {
    .dropdown-animated {
        transition: none
    }
}

.dropdown-animated[x-placement^=bottom] {
    top: 100% !important;
    bottom: auto !important
}

.dropdown-animated[x-placement^=top] {
    bottom: 100% !important;
    top: auto !important;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.dropdown-animated.dropdown-menu-right {
    right: auto !important;
    left: 0 !important
}

.dropdown-animated:not(.show) {
    -webkit-transform: scaleY(0) !important;
    transform: scaleY(0) !important;
    pointer-events: none
}

.dropdown-animated.animated-1 {
    -webkit-transform: translateY(0) scale(.6);
    transform: translateY(0) scale(.6)
}

.dropdown-animated.animated-2 {
    transition: opacity 150ms, margin-top 150ms, visibility 0s
}

@media (prefers-reduced-motion:reduce) {
    .dropdown-animated.animated-2 {
        transition: none
    }
}

.dropdown-animated.animated-2:not(.show) {
    margin-top: -1rem !important
}

.dropdown-animated.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
    transition-delay: 0s, 0s, 0s !important
}

@media (min-width:1200px) {
    .dropdown.dropdown-hover:hover > .dropdown-menu.dropdown-animated {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important;
        transition-delay: 0s, 0s, 0s !important;
        pointer-events: all
    }
}

@-webkit-keyframes dropdownSlideUp {
    from {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        display: none
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        display: block
    }
}

@keyframes dropdownSlideUp {
    from {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        display: none
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        display: block
    }
}

@-webkit-keyframes dropdownSlideCenter {
    from {
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%);
        display: none
    }

    to {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block
    }
}

@keyframes dropdownSlideCenter {
    from {
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%);
        display: none
    }

    to {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block
    }
}

.dropdown-inner {
    background-color: inherit;
    border-width: inherit;
    border-style: inherit;
    border-color: inherit;
    padding: inherit;
    max-height: calc(100% - 2rem);
    overflow-y: auto;
    overflow-x: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.dropdown-menu.dd-slide-up > .dropdown-inner {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    visibility: hidden
}

.dropdown-menu.dd-slide-up.show > .dropdown-inner {
    -webkit-animation-name: dropdownSlideUp;
    animation-name: dropdownSlideUp;
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    visibility: visible
}

.dropdown-menu.dd-slide-center > .dropdown-inner {
    position: fixed;
    top: 50%;
    bottom: auto;
    right: 0;
    left: 0;
    max-width: calc(100% - 1rem);
    margin: 0 auto;
    width: 240px;
    visibility: hidden
}

.dropdown-menu.dd-slide-center.show > .dropdown-inner {
    -webkit-animation-name: dropdownSlideCenter;
    animation-name: dropdownSlideCenter;
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    visibility: visible
}

@media (prefers-reduced-motion:reduce) {

    .dropdown-menu.dd-slide-center.show > .dropdown-inner,
    .dropdown-menu.dd-slide-up.show > .dropdown-inner {
        -webkit-animation-duration: 0s;
        animation-duration: 0s
    }
}

.dd-backdrop::before {
    content: "";
    display: block;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 1040;
    visibility: hidden;
    opacity: 0;
    transition: opacity 150ms, visibility 0s;
    transition-delay: 0s, 150ms
}

@media (prefers-reduced-motion:reduce) {
    .dd-backdrop::before {
        transition: none
    }
}

.dd-backdrop.show::before {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.dd-backdrop.show > .dropdown-toggle {
    position: relative
}

.dd-backdrop.show .dropdown-menu {
    z-index: 1050
}

.dropdown-menu[class*=dd-slide-]:not([class*=dd-slide-none-]) {
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important;
    visibility: hidden
}

.dropdown-menu[class*=dd-slide-]:not([class*=dd-slide-none-]).show > .dropdown-inner {
    visibility: visible
}

.dropdown-menu[class*=dd-slide-]:not([class*=dd-slide-none-]).dropdown-caret::after,
.dropdown-menu[class*=dd-slide-]:not([class*=dd-slide-none-]).dropdown-caret::before {
    display: none !important
}

.dropdown-menu.dd-slide-none.show {
    z-index: 1000
}

.dropdown-menu.dd-slide-none > .dropdown-inner {
    position: static;
    -webkit-animation: none !important;
    animation: none !important;
    width: auto;
    max-width: none;
    max-height: none;
    margin: auto;
    overflow: visible;
    background-color: transparent;
    border: none;
    padding: 0
}

.dd-backdrop-none::before {
    display: none
}

@media (min-width:576px) {
    .dropdown-menu.dd-slide-none-sm.show {
        z-index: 1000
    }

    .dropdown-menu.dd-slide-none-sm > .dropdown-inner {
        position: static;
        -webkit-animation: none !important;
        animation: none !important;
        width: auto;
        max-width: none;
        max-height: none;
        margin: auto;
        overflow: visible;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .dd-backdrop-none-sm::before {
        display: none
    }
}

@media (min-width:768px) {
    .dropdown-menu.dd-slide-none-md.show {
        z-index: 1000
    }

    .dropdown-menu.dd-slide-none-md > .dropdown-inner {
        position: static;
        -webkit-animation: none !important;
        animation: none !important;
        width: auto;
        max-width: none;
        max-height: none;
        margin: auto;
        overflow: visible;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .dd-backdrop-none-md::before {
        display: none
    }
}

@media (min-width:992px) {
    .dropdown-menu.dd-slide-none-lg.show {
        z-index: 1000
    }

    .dropdown-menu.dd-slide-none-lg > .dropdown-inner {
        position: static;
        -webkit-animation: none !important;
        animation: none !important;
        width: auto;
        max-width: none;
        max-height: none;
        margin: auto;
        overflow: visible;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .dd-backdrop-none-lg::before {
        display: none
    }
}

@media (min-width:1200px) {
    .dropdown-menu.dd-slide-none-xl.show {
        z-index: 1000
    }

    .dropdown-menu.dd-slide-none-xl > .dropdown-inner {
        position: static;
        -webkit-animation: none !important;
        animation: none !important;
        width: auto;
        max-width: none;
        max-height: none;
        margin: auto;
        overflow: visible;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .dd-backdrop-none-xl::before {
        display: none
    }
}

@media (max-width:575.98px) {
    .dropdown-menu.dd-slide-none-sm {
        -webkit-transform: none !important;
        transform: none !important;
        will-change: auto !important;
        visibility: hidden !important
    }

    .dropdown-menu.dd-slide-none-sm.dropdown-caret::after,
    .dropdown-menu.dd-slide-none-sm.dropdown-caret::before {
        display: none !important
    }
}

@media (max-width:767.98px) {
    .dropdown-menu.dd-slide-none-md {
        -webkit-transform: none !important;
        transform: none !important;
        will-change: auto !important;
        visibility: hidden !important
    }

    .dropdown-menu.dd-slide-none-md.dropdown-caret::after,
    .dropdown-menu.dd-slide-none-md.dropdown-caret::before {
        display: none !important
    }
}

@media (max-width:991.98px) {
    .dropdown-menu.dd-slide-none-lg {
        -webkit-transform: none !important;
        transform: none !important;
        will-change: auto !important;
        visibility: hidden !important
    }

    .dropdown-menu.dd-slide-none-lg.dropdown-caret::after,
    .dropdown-menu.dd-slide-none-lg.dropdown-caret::before {
        display: none !important
    }
}

@media (max-width:1199.98px) {
    .dropdown-menu.dd-slide-none-xl {
        -webkit-transform: none !important;
        transform: none !important;
        will-change: auto !important;
        visibility: hidden !important
    }

    .dropdown-menu.dd-slide-none-xl.dropdown-caret::after,
    .dropdown-menu.dd-slide-none-xl.dropdown-caret::before {
        display: none !important
    }
}

.dropdown-menu.dd-slide-none {
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important;
    visibility: hidden !important
}

.dropdown-menu.dd-slide-none.dropdown-caret::after,
.dropdown-menu.dd-slide-none.dropdown-caret::before {
    display: none !important
}

.page-link {
    color: #4491c0;
    background-color: #fdfeff;
    border-color: #cde7f2;
    border-radius: 0
}

.page-link:hover {
    color: #5894bc;
    background-color: #f0f8fe;
    border-color: #a5ccda
}

.page-link.active {
    z-index: 3
}

.page-link:focus {
    box-shadow: none
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #4da4cb;
    border-color: #4da4cb
}

.page-item.disabled .page-link {
    color: #798087;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-compact .page-link {
    margin-right: .425rem;
    border-width: 0
}

.pagination .btn.page-link {
    border-radius: 0
}

.tab-content {
    border: 0px solid #c5d0dc;
    padding: 0.5rem;
    width: 100%;
}

.tab-sliding {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.tab-sliding .tab-pane {
    max-width: 100%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: block !important;
    -webkit-transform: none;
    transform: none;
    visibility: hidden;
    max-height: 0;
    transition: margin-right, margin-left, max-height, visibility, -webkit-transform;
    transition: margin-right, margin-left, transform, max-height, visibility;
    transition: margin-right, margin-left, transform, max-height, visibility, -webkit-transform;
    transition-duration: 350ms, 350ms, 350ms, 350ms, 0s;
    transition-delay: 0s, 0s, 0s, 0s, 340ms
}

@media (prefers-reduced-motion:reduce) {
    .tab-sliding .tab-pane {
        transition: none
    }
}

.tab-sliding .tab-pane:not(.active) {
    pointer-events: none
}

.tab-sliding .tab-pane {
    margin-right: -100%
}

.tab-sliding .tab-pane.active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
    max-height: 100%;
    transition-delay: 0s
}

.tab-sliding .tab-pane.mh-none:not(.active) {
    max-height: 0 !important
}

.tab-sliding .tab-pane.active ~ .tab-pane {
    margin-right: 100%;
    margin-left: -200%
}

.tab-pane.tab-swiping.active {
    overflow: hidden;
    transition: none;
    -ms-touch-action: none;
    touch-action: none
}

.tab-pane.tab-swiping:not(.active) {
    transition: none;
    visibility: visible;
    max-height: none
}

.dropdown-menu:not(.show) .tab-sliding .tab-pane.active {
    visibility: hidden
}

.dropdown-hover:hover .tab-sliding .tab-pane.active {
    visibility: visible
}

.nav-tabs-scroll {
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.nav-tabs-scroll:not([class*=sticky-nav]) {
    position: relative
}

@supports (overflow:overlay) or (scrollbar-width:none) {
    .nav-tabs-scroll.is-scrollable {
        overflow-x: scroll;
        scrollbar-width: auto;
    }

    .nav-tabs-scroll.is-scrollable::-webkit-scrollbar {
        display: none;
        width: 0
    }
}

.nav-tabs {
    border-width: 0;
    border-color: #e2e7e9
}

.nav-tabs .nav-item {
    display: -ms-flexbox;
    display: flex
}

.nav-tabs .nav-link {
    width: 100%;
    height: calc(100% - 1px);
    box-shadow: none !important;
    border: 1px solid #e5eaef;
}

.nav-tabs .nav-link:not([class*=btn-]) {
    color: #7c8087;
    background-color: #f8f8f8
}

.nav-tabs .nav-link:not([class*=btn-]):hover {
    background-color: #fff;
    border-color: #d1d9e3
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    height: calc(100% + 1px)
}

.nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.nav-tabs .nav-link.active:not([class*=btn-]) {
    color: #000000;
    background-color: #fff;
    border-color: #c5d0dc;
/*    font-weight: 900;*/
/*    line-height: 3rem;*/
}

.tabs-above > .nav-tabs:not(.simple-tabs) {
    border-width: 0
}

.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link {
    border-width: 1px 1px 0
}

.nav-tabs .nav-item.show .nav-link,
.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link.active,
.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link.btn:active {
    margin-top: -1px;
    border-width: 2px 1px 1px
}

.nav-tabs .nav-item.show .nav-link,
.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link.active {
    border-bottom-color: transparent
}

.nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link.active:not([class*=btn-]) {
    border-top-color: #85afe2
}

.nav-tabs.nav-tabs-simple .nav-link {
    border-width: 0;
    margin-left: .5rem;
    padding-right: .25rem;
    background-color: transparent;
    color: #7c8087;
    height: calc(100% - 1px)
}

.nav-tabs.nav-tabs-simple .nav-link:not(.active):hover {
    color: #586670;
    background-color: transparent
}

.nav-tabs-simple .nav-item.show .nav-link,
.nav-tabs.nav-tabs-simple .nav-link.active {
    border-width: 0 0 5px 0;
    color: #070078;
    background-color: transparent
}

.nav-tabs-simple .nav-item.show .nav-link:not([class*=btn-]),
.nav-tabs.nav-tabs-simple .nav-link.active:not([class*=btn-]) {
    border-bottom-color: #070078
}

.nav-tabs.nav-tabs-simple + .tab-content {
    border-width: 0;
    padding: .75rem
}

.nav-tabs.nav-tabs-simple.nav-tabs-double {
    background-color: #f4f5f7;
    border-width: 1px 0;
    border-style: solid
}

.nav-tabs.nav-tabs-simple.nav-tabs-double .nav-item.show .nav-link,
.nav-tabs.nav-tabs-simple.nav-tabs-double .nav-link.active {
    background-color: rgba(255, 255, 255, .87)
}

.tabs-below {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.tabs-below > .nav-tabs .nav-item {
    margin-bottom: 0
}

.tabs-below > .nav-tabs .nav-link {
    border-width: 0 1px 1px;
    border-radius: 0 0 .25rem .25rem
}

.tabs-below .nav-tabs .nav-item.show .nav-link,
.tabs-below > .nav-tabs .nav-link.active,
.tabs-below > .nav-tabs .nav-link.btn:active {
    margin-top: -1px;
    border-width: 1px 1px 2px
}

.tabs-below .nav-tabs .nav-item.show .nav-link,
.tabs-below > .nav-tabs .nav-link.active {
    border-top-color: transparent;
    position: relative
}

.tabs-below .nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.tabs-below > .nav-tabs .nav-link.active:not([class*=btn-]) {
    border-bottom-color: #85afe2
}

.tabs-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.tabs-left > .tab-content {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tabs-left > .nav-tabs {
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs-left > .nav-tabs .nav-item {
    margin-bottom: 0;
    margin-top: 0;
    display: list-item
}

.tabs-left > .nav-tabs .nav-link {
    border-width: 1px 1px 1px 0;
    border-radius: 0 .25rem .25rem 0;
    margin: 0 0 -1px 0;
    width: auto;
    height: auto
}

.tabs-left .nav-tabs .nav-item.show .nav-link,
.tabs-left > .nav-tabs .nav-link.active,
.tabs-left > .nav-tabs .nav-link.btn:active {
    font-weight: 400;
    margin: 0 -1px -1px -1px;
    border-width: 1px 2px 1px 1px
}

.tabs-left .nav-tabs .nav-item.show .nav-link,
.tabs-left > .nav-tabs .nav-link.active {
    border-left-color: transparent;
    position: relative
}

.tabs-left .nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.tabs-left > .nav-tabs .nav-link.active:not([class*=btn-]) {
    border-right-color: #85afe2
}

.tabs-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tabs-right > .tab-content {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tabs-right > .nav-tabs {
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs-right > .nav-tabs .nav-item {
    margin-bottom: 0;
    margin-top: 0;
    display: list-item
}

.tabs-right > .nav-tabs .nav-link {
    border-width: 1px 0 1px 1px;
    border-radius: .25rem 0 0 .25rem;
    margin: 0 0 -1px 0;
    width: auto;
    height: auto
}

.tabs-right .nav-tabs .nav-item.show .nav-link,
.tabs-right > .nav-tabs .nav-link.active,
.tabs-right > .nav-tabs .nav-link.btn:active {
    font-weight: 400;
    margin: 0 -1px -1px -1px;
    border-width: 1px 1px 1px 2px
}

.tabs-right .nav-tabs .nav-item.show .nav-link,
.tabs-right > .nav-tabs .nav-link.active {
    border-right-color: transparent;
    position: relative
}

.tabs-right .nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.tabs-right > .nav-tabs .nav-link.active:not([class*=btn-]) {
    border-left-color: #85afe2
}

.nav-tabs-lg .nav-item {
    margin-right: .25rem;
    margin-left: .25rem
}

.nav-tabs-lg .nav-item .nav-link {
    width: 100%
}

.nav-tabs-lg .nav-link {
    border-radius: .25rem .25rem 0 0;
    font-size: 1rem;
    padding: .75rem 1rem
}

.nav-tabs-lg.nav-tabs-compact.nav-tabs .nav-item {
    margin: 0 0 -1px -1px
}

.nav-tabs-lg.nav-tabs-compact.nav-tabs .nav-link {
    border-radius: 0
}

.nav-tabs-lg.nav-tabs-compact.nav-tabs .nav-item:first-child .nav-link {
    border-top-right-radius: .25rem
}

.nav-tabs-lg.nav-tabs-compact.nav-tabs .nav-item:last-child .nav-link {
    border-top-left-radius: .25rem
}

.nav-tabs.page-nav-tabs {
    margin: 0 -1rem;
    padding: 0 1rem
}

.nav-tabs.page-nav-tabs + .tab-content {
    border-width: 1px 0 0
}

.nav-tabs.page-nav-tabs .nav-item .nav-link {
    width: 100%;
    transition: background-color 120ms, border-color 120ms, color 120ms;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (prefers-reduced-motion:reduce) {
    .nav-tabs.page-nav-tabs .nav-item .nav-link {
        transition: none
    }
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-item {
    margin: 0 0 -1px 1px
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link {
    font-weight: 600;
    border-bottom: 2px solid;
    padding: .75rem .5rem;
    margin-left: 2px
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link:hover {
    background-color: #f6f8f9
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link:not(.active) {
    border-bottom-color: transparent !important
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link:not(.active):hover {
    border-bottom: 2px solid #a9c1d7
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-item.show .nav-link,
.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link.active {
    border-bottom-width: 3px
}

.nav-tabs.page-nav-tabs.nav-tabs-simple + .tab-content {
    border-top-width: 0
}

.nav-tabs.page-nav-tabs.nav-tabs-simple.nav-tabs-double .nav-link:hover {
    background-color: rgba(255, 255, 255, .85)
}

.nav-tabs.page-nav-tabs.nav-tabs-simple.nav-tabs-double .nav-item.show .nav-link,
.nav-tabs.page-nav-tabs.nav-tabs-simple.nav-tabs-double .nav-link.active {
    border-bottom-width: 2px
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed {
    background-color: #f7f8fa;
    border-width: 0;
    margin: 0;
    padding: 0
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item {
    margin: 0 0 0 -1px;
    display: -ms-flexbox;
    display: flex
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item:last-child {
    margin-left: 0
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link {
    border-radius: 0;
    padding: .875rem .75rem;
    height: 100%;
    font-size: .925rem;
    border: 1px solid
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link:not([class*=btn-]) {
    background-color: transparent
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link:not(.active) {
    border-color: rgba(0, 0, 0, .075) !important
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link:not([class*=btn-h-]):not(.active):hover {
    background-color: #f4f4f5
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link[class*=btn-h-]:hover {
    z-index: 1
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item:first-child .nav-link {
    border-radius: 0 .25rem .25rem 0
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item:last-child .nav-link {
    border-radius: .25rem 0 0 .25rem
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item.show .nav-link,
.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link.active {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom-width: 3px;
    font-weight: .95rem;
    z-index: 2;
    background-color: #fff
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item.show .nav-link:not([class*=btn-a-]),
.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link.active:not([class*=btn-a-]) {
    color: #6097c0;
    border-color: #bad0ea #bad0ea #85afe2
}

.nav-tabs[class*=nav-tabs-color-] {
    padding: .325rem .75rem 0;
    border-style: solid;
    border-width: 1px 1px 0
}

.nav-tabs[class*=nav-tabs-color-] .nav-link {
    color: #fff;
    border-color: transparent;
    margin-left: 3px
}

.nav-tabs[class*=nav-tabs-color-] .nav-link:last-child .nav-link {
    margin-left: 0
}

.nav-tabs[class*=nav-tabs-color-] .nav-item.show .nav-link,
.nav-tabs[class*=nav-tabs-color-] .nav-link.active {
    background-color: #fff;
    font-weight: 400;
    color: #6494b8
}

.tabs-below .nav-tabs[class*=nav-tabs-color-] {
    padding: 0 .75rem .325rem;
    border-width: 0 1px 1px
}

.tabs-below .nav-tabs[class*=nav-tabs-color-] .nav-item.show .nav-link,
.tabs-below .nav-tabs[class*=nav-tabs-color-] .nav-link.active {
    border-color: transparent #7db4d8 #7db4d8
}

.tabs-left .nav-tabs[class*=nav-tabs-color-] {
    padding: .125rem .325rem .325rem 0;
    border-width: 1px 1px 1px 0
}

.tabs-left .nav-tabs[class*=nav-tabs-color-] .nav-link {
    margin-left: 0;
    margin-top: 3px
}

.tabs-left .nav-tabs[class*=nav-tabs-color-] .nav-item.show .nav-link,
.tabs-left .nav-tabs[class*=nav-tabs-color-] .nav-link.active {
    margin-left: -1px;
    border-color: #7db4d8 #7db4d8 #7db4d8 transparent
}

.tabs-right .nav-tabs[class*=nav-tabs-color-] {
    padding: .125rem 0 .325rem .325rem;
    border-width: 1px 0 1px 1px
}

.tabs-right .nav-tabs[class*=nav-tabs-color-] .nav-link {
    margin-left: 0;
    margin-top: 3px
}

.tabs-right .nav-tabs[class*=nav-tabs-color-] .nav-item.show .nav-link,
.tabs-right .nav-tabs[class*=nav-tabs-color-] .nav-link.active {
    margin-right: -1px;
    margin-left: -1px;
    border-color: #7db4d8 transparent #7db4d8 #7db4d8
}

.nav-tabs.nav-tabs-color-blue {
    background-color: #eff3f8;
    border-color: #c5d0dc
}

.nav-tabs.nav-tabs-color-blue .nav-link,
.nav-tabs.nav-tabs-color-blue .nav-link:not(.active):hover {
    background-color: #7db4d8;
    border-color: transparent
}

.nav-tabs.nav-tabs-color-blue .nav-item.show .nav-link,
.nav-tabs.nav-tabs-color-blue .nav-link.active {
    color: #6494b8;
    border-color: #7db4d8 #7db4d8 transparent
}

.accordion .card {
    border: 1px solid #c9dce8
}

.accordion .card:first-of-type,
.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 1px solid #c9dce8
}

.accordion .card[class*=brc-] .card-header {
    border-bottom-width: 0
}

.accordion .card + .card {
    margin-top: .125rem
}

.accordion .card-header {
    border-bottom-color: #c9dce8;
    padding: 0
}

.accordion .card-header .card-title {
    font-size: 1rem
}

.accordion .card-header .accordion-toggle {
    display: block;
    width: 100%;
    padding: .75rem 1.25rem .875rem;
    font-weight: 600;
    color: #508dc1;
    background-color: #f2f7fb;
    position: relative;
    overflow: hidden
}

.accordion .card-header .accordion-toggle.collapsed {
    font-weight: 400;
    color: #6e94a8;
    background-color: #fbfbfb
}

.accordion .card-header .accordion-toggle:hover {
    color: #508dc1;
    background-color: #f1f8fd;
    text-decoration: none
}

a[data-toggle=collapse].collapsed .toggle-icon {
    -webkit-transform: none;
    transform: none
}

a[data-toggle=collapse] .toggle-icon {
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

@media (prefers-reduced-motion:reduce) {
    a[data-toggle=collapse] .toggle-icon {
        transition: none
    }
}

a[data-toggle=collapse]:not(.collapsed) .toggle-icon[class*="-down"] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

a[data-toggle=collapse]:not(.collapsed) .toggle-icon[class*="-left"] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

a[data-toggle=collapse]:not(.collapsed) .toggle-icon[class*="-right"] {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tooltip {
    top: 0
}

.bs-tooltip-auto[x-placement=top] .arrow,
.bs-tooltip-top .arrow {
    right: calc(50% - .4rem) !important
}

.bs-tooltip-auto[x-placement=top] .arrow[class*=brc-]::before,
.bs-tooltip-top .arrow[class*=brc-]::before {
    border-top-color: inherit
}

.bs-tooltip-auto[x-placement=top] .arrow + .arrow,
.bs-tooltip-top .arrow + .arrow {
    margin-bottom: 2px
}

.bs-tooltip-auto[x-placement=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    right: calc(50% - .4rem) !important
}

.bs-tooltip-auto[x-placement=bottom] .arrow[class*=brc-]::before,
.bs-tooltip-bottom .arrow[class*=brc-]::before {
    border-bottom-color: inherit
}

.bs-tooltip-auto[x-placement=bottom] .arrow + .arrow,
.bs-tooltip-bottom .arrow + .arrow {
    margin-top: 2px
}

.bs-tooltip-auto[x-placement=left] .arrow,
.bs-tooltip-left .arrow {
    top: calc(50% - .4rem) !important
}

.bs-tooltip-auto[x-placement=left] .arrow[class*=brc-]::before,
.bs-tooltip-left .arrow[class*=brc-]::before {
    border-right-color: inherit
}

.bs-tooltip-auto[x-placement=left] .arrow + .arrow,
.bs-tooltip-left .arrow + .arrow {
    margin-left: 2px
}

.bs-tooltip-auto[x-placement=right] .arrow,
.bs-tooltip-right .arrow {
    top: calc(50% - .4rem) !important
}

.bs-tooltip-auto[x-placement=right] .arrow[class*=brc-]::before,
.bs-tooltip-right .arrow[class*=brc-]::before {
    border-left-color: inherit
}

.bs-tooltip-auto[x-placement=right] .arrow + .arrow,
.bs-tooltip-right .arrow + .arrow {
    margin-right: 2px
}

.popover .arrow2 {
    z-index: 1
}

.popover .arrow2 + .arrow::after,
.popover .arrow2::after {
    display: none
}

.bs-popover-auto[x-placement=top] .arrow,
.bs-popover-top .arrow {
    right: calc(50% - .5rem) !important;
    margin-right: 0;
    margin-left: 0
}

.bs-popover-auto[x-placement=top] .arrow[class*=brc-]::before,
.bs-popover-top .arrow[class*=brc-]::before {
    border-top-color: inherit
}

.bs-popover-auto[x-placement=top] .arrow2,
.bs-popover-top .arrow2 {
    margin-bottom: 1px
}

.bs-popover-auto[x-placement=bottom] .arrow,
.bs-popover-bottom .arrow {
    right: calc(50% - .5rem) !important;
    margin-right: 0;
    margin-left: 0
}

.bs-popover-auto[x-placement=bottom] .arrow[class*=brc-]::before,
.bs-popover-bottom .arrow[class*=brc-]::before {
    border-bottom-color: inherit
}

.bs-popover-auto[x-placement=bottom] .arrow2,
.bs-popover-bottom .arrow2 {
    margin-top: 1px
}

.bs-popover-auto[x-placement=left] .arrow,
.bs-popover-left .arrow {
    top: calc(50% - .5rem) !important;
    margin-top: 0;
    margin-bottom: 0
}

.bs-popover-auto[x-placement=left] .arrow[class*=brc-]::before,
.bs-popover-left .arrow[class*=brc-]::before {
    border-right-color: inherit
}

.bs-popover-auto[x-placement=left] .arrow2,
.bs-popover-left .arrow2 {
    margin-left: 1px
}

.bs-popover-auto[x-placement=right] .arrow,
.bs-popover-right .arrow {
    top: calc(50% - .5rem) !important;
    margin-top: 0;
    margin-bottom: 0
}

.bs-popover-auto[x-placement=right] .arrow[class*=brc-]::before,
.bs-popover-right .arrow[class*=brc-]::before {
    border-left-color: inherit
}

.bs-popover-auto[x-placement=right] .arrow2,
.bs-popover-right .arrow2 {
    margin-right: 1px
}

.popover .arrow[class*=brc-] ~ .popover-header::before {
    display: none !important
}

.alert {
    border-radius: 3px;
    color: #57585b
}

.alert-collapse.collapsing {
    transition-duration: 150ms
}

.ace-toaster-container {
    position: fixed !important;
    z-index: 1021;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em;
}

.ace-toaster-container.position-br,
.ace-toaster-container.position-rc,
.ace-toaster-container.position-tr {
    left: 2rem;
    -ms-flex-align: end;
    align-items: end
}

.ace-toaster-container.position-tr {
    top: 2rem
}

.ace-toaster-container.position-br {
    bottom: 2rem
}

.ace-toaster-container.position-bl,
.ace-toaster-container.position-lc,
.ace-toaster-container.position-tl {
    right: 2rem;
    -ms-flex-align: start;
    align-items: start
}

.ace-toaster-container.position-tl {
    top: 2rem
}

.ace-toaster-container.position-bl {
    bottom: 2rem
}

.ace-toaster-container.position-bc {
    top: auto;
    bottom: 2rem
}

.ace-toaster-container.position-tc {
    bottom: auto;
    top: 2rem
}

.ace-toaster-container.toaster-below-nav {
    margin-top: 4.5rem;
    margin-top: var(--navbar-height);
    z-index: 1019
}

@media (max-width:1199.98px) {
    .ace-toaster-container.toaster-below-nav {
        margin-top: 4rem;
        margin-top: var(--navbar-mobile-height)
    }
}

.ace-toaster-container .toast {
    pointer-events: all;
    position: relative;
    z-index: inherit;
    width: 40rem;
    max-width: calc(100vw - 2rem)
}

.ace-toaster-container .toast .toast-header {
    position: relative
}

.ace-toaster-container .toast .toast-header .close {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.ace-toaster-container .toast .toast-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: .75rem;
    margin-right: .5rem;
    overflow: hidden;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 1px
}

.ace-toaster-container .toast .toast-image img {
    border-radius: .1875rem
}

.ace-toaster-container .toast .toast-main {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.ace-toaster-container .toast.collapsing {
    transition-duration: 250ms;
    margin-bottom: 0
}

.ace-toaster-container .toast .toast-title {
    margin-left: auto;
/*    font-weight: 600*/
}

.modal-header {
    border-bottom-color: #e4e9ee
}

.modal-footer {
    border-top-color: #e4e9ee;
    background-color: #eff3f8
}

.ace-aside {
    transition: z-index 0s 250ms
}

@media (prefers-reduced-motion:reduce) {
    .ace-aside {
        transition: none
    }
}

.ace-aside.aside-hover {
    transition-delay: 750ms
}

.ace-aside.aside-hover:hover,
.ace-aside.show {
    transition-delay: 0s
}

.ace-aside.modal-nb {
    pointer-events: none;
    z-index: 1018
}

.ace-aside.modal-nb.aside-hover:hover,
.ace-aside.modal-nb.show {
    z-index: 1021
}

.ace-aside.modal-nb.aside-offset:not(.aside-below-nav) {
    z-index: 1021
}

.ace-aside.modal-nb.aside-offset:not(.aside-below-nav).aside-hover:hover,
.ace-aside.modal-nb.aside-offset:not(.aside-below-nav).show {
    z-index: 1022
}

.ace-aside.aside-below-nav.aside-hover:hover,
.ace-aside.aside-below-nav.show {
    z-index: 1019
}

.ace-aside:not(.modal-nb) {
    z-index: 1018
}

.ace-aside:not(.modal-nb).aside-hover:hover,
.ace-aside:not(.modal-nb).show {
    z-index: 1050
}

.ace-aside:not(.modal-nb) {
    width: 100%;
    height: 100%;
    overflow-y: hidden
}

.ace-aside:not(.modal-nb).aside-bottom {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: end;
    align-items: flex-end
}

.ace-aside:not(.modal-nb).aside-bottom:not(.aside-r):not(.aside-l):not(.aside-c) .modal-dialog {
    width: 100%
}

.ace-aside {
    display: block !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: auto;
    height: auto;
    visibility: hidden
}

.ace-aside.modal-nb {
    overflow: visible !important
}

.ace-aside.show:not(.modal-nb) {
    visibility: visible
}

.ace-aside.aside-hover:not(.modal-nb):hover {
    visibility: visible
}

.ace-aside.fade {
    opacity: 1
}

.ace-aside.fade .modal-dialog {
    transition-duration: 250ms
}

.ace-aside .modal-dialog {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    max-width: none
}

@media (prefers-reduced-motion:reduce) {
    .ace-aside .modal-dialog {
        transition: none
    }
}

.ace-aside .modal-dialog .aside-header {
    pointer-events: all;
    -ms-flex-order: -1;
    order: -1;
    position: relative;
    z-index: 1;
    visibility: visible
}

.ace-aside .modal-dialog .modal-content {
    z-index: 2
}

.ace-aside.show .modal-dialog {
    visibility: visible
}

.ace-aside.aside-bottom,
.ace-aside.aside-top {
    right: 0;
    left: 0;
    width: 100%
}

.ace-aside.aside-bottom .modal-dialog,
.ace-aside.aside-top .modal-dialog {
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ace-aside.aside-bottom .aside-header,
.ace-aside.aside-top .aside-header {
    height: 3rem
}

.ace-aside.aside-top {
    top: 0;
    bottom: auto
}

.ace-aside.aside-top .modal-dialog {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 0
}

.ace-aside.aside-top .modal-content {
    border-width: 0 0 1px 0
}

.ace-aside.aside-top.aside-offset .modal-dialog {
    -webkit-transform: translateY(-100%) translateY(3rem);
    transform: translateY(-100%) translateY(3rem)
}

.ace-aside.aside-top.aside-hover:hover .modal-dialog,
.ace-aside.aside-top.show .modal-dialog {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ace-aside.aside-top.aside-hover:hover.margin-1 .modal-dialog,
.ace-aside.aside-top.show.margin-1 .modal-dialog {
    -webkit-transform: translateY(.25rem);
    transform: translateY(.25rem)
}

.ace-aside.aside-top.aside-hover:hover.margin-2 .modal-dialog,
.ace-aside.aside-top.show.margin-2 .modal-dialog {
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem)
}

.ace-aside.aside-top.aside-hover:hover.margin-3 .modal-dialog,
.ace-aside.aside-top.show.margin-3 .modal-dialog {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem)
}

.ace-aside.aside-top.aside-hover:hover.margin-4 .modal-dialog,
.ace-aside.aside-top.show.margin-4 .modal-dialog {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem)
}

.ace-aside.aside-top.aside-hover:hover.margin-5 .modal-dialog,
.ace-aside.aside-top.show.margin-5 .modal-dialog {
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem)
}

.ace-aside.aside-bottom {
    bottom: 0;
    top: auto
}

.ace-aside.aside-bottom .modal-dialog {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0
}

.ace-aside.aside-bottom .modal-content {
    border-width: 1px 0 0 0
}

.ace-aside.aside-bottom.aside-offset .modal-dialog {
    -webkit-transform: translateY(100%) translateY(-3rem);
    transform: translateY(100%) translateY(-3rem)
}

.ace-aside.aside-bottom.aside-hover:hover .modal-dialog,
.ace-aside.aside-bottom.show .modal-dialog {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-1 .modal-dialog,
.ace-aside.aside-bottom.show.margin-1 .modal-dialog {
    -webkit-transform: translateY(-.25rem);
    transform: translateY(-.25rem)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-2 .modal-dialog,
.ace-aside.aside-bottom.show.margin-2 .modal-dialog {
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-3 .modal-dialog,
.ace-aside.aside-bottom.show.margin-3 .modal-dialog {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-4 .modal-dialog,
.ace-aside.aside-bottom.show.margin-4 .modal-dialog {
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-5 .modal-dialog,
.ace-aside.aside-bottom.show.margin-5 .modal-dialog {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem)
}

.ace-aside.aside-c .modal-dialog,
.ace-aside.aside-l .modal-dialog,
.ace-aside.aside-r .modal-dialog {
    width: 500px;
    max-width: calc(100vw - 1rem)
}

.ace-aside.aside-l .modal-dialog {
    margin-right: 0
}

.ace-aside.aside-r .modal-dialog {
    margin-left: 0
}

.ace-aside.aside-left,
.ace-aside.aside-right {
    top: 0;
    bottom: 0
}

.ace-aside.aside-left .modal-dialog,
.ace-aside.aside-right .modal-dialog {
    -ms-flex-align: center;
    align-items: center;
    width: 500px;
    max-width: calc(100vw - 1rem);
    height: 100%;
    max-height: 100vh
}

.ace-aside.aside-left .modal-dialog .modal-content,
.ace-aside.aside-right .modal-dialog .modal-content {
    height: 100%
}

.ace-aside.aside-left .modal-dialog .aside-header,
.ace-aside.aside-right .modal-dialog .aside-header {
    width: 3rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    word-break: break-all
}

.ace-aside.aside-right {
    left: 0;
    right: auto
}

.ace-aside.aside-right .modal-dialog {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0
}

.ace-aside.aside-right .aside-header {
    -ms-flex-order: -1;
    order: -1
}

.ace-aside.aside-right .modal-content {
    border-width: 0 1px 0 0
}

.ace-aside.aside-right.aside-offset .modal-dialog {
    -webkit-transform: translateX(-100%) translateX(3rem);
    transform: translateX(-100%) translateX(3rem)
}

.ace-aside.aside-right.aside-hover:hover .modal-dialog,
.ace-aside.aside-right.show .modal-dialog {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ace-aside.aside-right.aside-hover:hover.margin-1 .modal-dialog,
.ace-aside.aside-right.show.margin-1 .modal-dialog {
    -webkit-transform: translateX(.25rem);
    transform: translateX(.25rem)
}

.ace-aside.aside-right.aside-hover:hover.margin-2 .modal-dialog,
.ace-aside.aside-right.show.margin-2 .modal-dialog {
    -webkit-transform: translateX(.5rem);
    transform: translateX(.5rem)
}

.ace-aside.aside-right.aside-hover:hover.margin-3 .modal-dialog,
.ace-aside.aside-right.show.margin-3 .modal-dialog {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem)
}

.ace-aside.aside-right.aside-hover:hover.margin-4 .modal-dialog,
.ace-aside.aside-right.show.margin-4 .modal-dialog {
    -webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem)
}

.ace-aside.aside-right.aside-hover:hover.margin-5 .modal-dialog,
.ace-aside.aside-right.show.margin-5 .modal-dialog {
    -webkit-transform: translateX(3rem);
    transform: translateX(3rem)
}

.ace-aside.aside-left {
    right: 0;
    left: auto
}

.ace-aside.aside-left .modal-dialog {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 0
}

.ace-aside.aside-left .modal-content {
    border-width: 0 0 0 1px
}

.ace-aside.aside-left.aside-offset .modal-dialog {
    -webkit-transform: translateX(100%) translateX(-3rem);
    transform: translateX(100%) translateX(-3rem)
}

.ace-aside.aside-left.aside-hover:hover .modal-dialog,
.ace-aside.aside-left.show .modal-dialog {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ace-aside.aside-left.aside-hover:hover.margin-1 .modal-dialog,
.ace-aside.aside-left.show.margin-1 .modal-dialog {
    -webkit-transform: translateX(-.25rem);
    transform: translateX(-.25rem)
}

.ace-aside.aside-left.aside-hover:hover.margin-2 .modal-dialog,
.ace-aside.aside-left.show.margin-2 .modal-dialog {
    -webkit-transform: translateX(-.5rem);
    transform: translateX(-.5rem)
}

.ace-aside.aside-left.aside-hover:hover.margin-3 .modal-dialog,
.ace-aside.aside-left.show.margin-3 .modal-dialog {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem)
}

.ace-aside.aside-left.aside-hover:hover.margin-4 .modal-dialog,
.ace-aside.aside-left.show.margin-4 .modal-dialog {
    -webkit-transform: translateX(-1.5rem);
    transform: translateX(-1.5rem)
}

.ace-aside.aside-left.aside-hover:hover.margin-5 .modal-dialog,
.ace-aside.aside-left.show.margin-5 .modal-dialog {
    -webkit-transform: translateX(-3rem);
    transform: translateX(-3rem)
}

.ace-aside.aside-m {
    margin-top: auto;
    margin-bottom: auto
}

.ace-aside.aside-m .modal-dialog {
    max-height: calc(100vh - 2rem);
    height: 400px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.ace-aside.aside-center {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: hidden;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ace-aside.aside-center .modal-dialog {
    width: 500px;
    max-width: calc(100vw - 1rem)
}

.ace-aside.aside-below-nav:not(.aside-bottom) {
    top: 4.5rem;
    top: var(--navbar-height)
}

@media (min-width:1200px) {
    .navbar-sm ~ .main-container .ace-side.aside-below-nav:not(.aside-bottom) {
        top: 4rem;
        top: var(--navbar-sm-height)
    }
}

@media (max-width:1199.98px) {
    .ace-aside.aside-below-nav:not(.aside-bottom) {
        top: 4rem;
        top: var(--navbar-mobile-height)
    }
}

.ace-aside .modal-content,
.ace-aside:not(.aside-offset) .aside-header {
    visibility: hidden;
    transition: visibility 0s 250ms
}

.ace-aside.aside-hover:hover .modal-content,
.ace-aside.aside-hover:hover:not(.aside-offset) .aside-header,
.ace-aside.show .modal-content,
.ace-aside.show:not(.aside-offset) .aside-header {
    visibility: visible;
    transition-delay: 0s
}

.ace-aside .modal-content.scroll-content {
    max-height: 100%;
    overflow: hidden auto
}

@media (min-width:1200px) {

    .container .aside-left.container,
    .container .aside-right.container {
        -webkit-transform: none;
        transform: none;
        left: 0;
        right: 0;
        width: 100%;
        -webkit-clip-path: inset(-30px 0 -30px 0);
        clip-path: inset(-30px 0 -30px 0)
    }

    .container .aside-right.container .modal-dialog {
        margin-left: 0
    }

    .container .aside-left.container .modal-dialog {
        margin-right: 0
    }

    .container .container:not(.modal-nb).aside-left,
    .container .container:not(.modal-nb).aside-right {
        min-width: 100%;
        max-height: none
    }

    .container .container:not(.modal-nb).aside-left .modal-dialog,
    .container .container:not(.modal-nb).aside-right .modal-dialog {
        max-width: inherit;
        width: auto;
        margin: auto;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    .container .container:not(.modal-nb).aside-left .modal-dialog .modal-content,
    .container .container:not(.modal-nb).aside-right .modal-dialog .modal-content {
        width: 500px;
        max-width: calc(100vw - 1rem)
    }

    .container .container:not(.modal-nb).aside-bottom,
    .container .container:not(.modal-nb).aside-top {
        min-width: 100%
    }

    .container .container:not(.modal-nb).aside-bottom .modal-dialog,
    .container .container:not(.modal-nb).aside-top .modal-dialog {
        max-width: inherit;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    .container .container:not(.modal-nb).aside-c .modal-content,
    .container .container:not(.modal-nb).aside-l .modal-content,
    .container .container:not(.modal-nb).aside-r .modal-content {
        width: 500px;
        max-width: calc(100vw - 1rem)
    }

    .container .container:not(.modal-nb).aside-l .modal-dialog {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .container .container:not(.modal-nb).aside-r .modal-dialog {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .container .aside-m.container:not(.modal-nb) .modal-dialog {
        max-height: calc(100vh - 2rem);
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto
    }
}

.ace-aside.aside-fade.aside-offset {
    opacity: 1
}

.ace-aside.aside-fade .modal-dialog {
    -webkit-transform: none !important;
    transform: none !important;
    visibility: hidden
}

.ace-aside.aside-fade .modal-content {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms 0s, visibility 0s 250ms, -webkit-transform 250ms 0s;
    transition: transform 250ms 0s, opacity 250ms 0s, visibility 0s 250ms;
    transition: transform 250ms 0s, opacity 250ms 0s, visibility 0s 250ms, -webkit-transform 250ms 0s;
    z-index: 2
}

@media (prefers-reduced-motion:reduce) {
    .ace-aside.aside-fade .modal-content {
        transition: none
    }
}

.ace-aside.aside-fade .aside-header {
    z-index: 1;
    visibility: visible
}

.ace-aside.aside-fade .aside-header.fade {
    opacity: 1;
    transition: all 250ms
}

@media (prefers-reduced-motion:reduce) {
    .ace-aside.aside-fade .aside-header.fade {
        transition: none
    }
}

.ace-aside.aside-fade.aside-hover:hover .modal-content,
.ace-aside.aside-fade.show .modal-content {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.ace-aside.aside-fade.aside-hover:hover .aside-header.fade,
.ace-aside.aside-fade.show .aside-header.fade {
    -webkit-transform: scale(.75);
    transform: scale(.75);
    opacity: 0
}

.ace-aside.aside-fade.aside-right .aside-header,
.ace-aside.aside-fade.aside-right .modal-content {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.ace-aside.aside-fade.aside-left .aside-header,
.ace-aside.aside-fade.aside-left .modal-content {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.ace-aside.aside-fade.aside-top .aside-header,
.ace-aside.aside-fade.aside-top .modal-content {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.ace-aside.aside-fade.aside-top.aside-r .aside-header,
.ace-aside.aside-fade.aside-top.aside-r .modal-content {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.ace-aside.aside-fade.aside-top.aside-l .aside-header,
.ace-aside.aside-fade.aside-top.aside-l .modal-content {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.ace-aside.aside-fade.aside-bottom .aside-header,
.ace-aside.aside-fade.aside-bottom .modal-content {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.ace-aside.aside-fade.aside-bottom.aside-r .aside-header,
.ace-aside.aside-fade.aside-bottom.aside-r .modal-content {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.ace-aside.aside-fade.aside-bottom.aside-l .aside-header,
.ace-aside.aside-fade.aside-bottom.aside-l .modal-content {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.aside-hover .modal-dialog {
    transition-delay: .5s
}

.aside-hover:hover .modal-dialog {
    transition-delay: .1s
}

.modal:not(.show) .d-show {
    display: none
}

.modal.show .d-n-show {
    display: none
}

body.modal-open:not(.scrollbar-w0).modal-nb {
    overflow-y: auto;
    padding-left: 0 !important
}

@media (min-width:1200px) {
    body.modal-open:not(.scrollbar-w0):not(.modal-nb) .navbar-fixed:not(.container) .navbar-inner {
        padding-left: var(--modal-padding)
    }

    body.modal-open:not(.scrollbar-w0):not(.modal-nb) .container .footer-fixed .footer-inner {
        right: calc(-1 * var(--modal-padding))
    }
}

body.modal-open:not(.modal-nb):not(.scrollbar-w0) .aside-bottom,
body.modal-open:not(.modal-nb):not(.scrollbar-w0) .aside-top {
    padding-left: var(--modal-padding) !important
}

body.modal-open:not(.modal-nb):not(.scrollbar-w0) .aside-center .modal-dialog {
    left: var(--modal-padding)
}

body.modal-open.modal-scroll:not(.modal-nb):not(.scrollbar-w0) .aside-right {
    padding-left: var(--modal-padding) !important
}

body.modal-open.modal-scroll:not(.modal-nb):not(.scrollbar-w0) .aside-right.aside-m {
    left: var(--modal-padding) !important
}

@media (max-width:1199.98px) {
    body.modal-open.modal-scroll:not(.modal-nb):not(.scrollbar-w0) .navbar-fixed .navbar-inner {
        padding-left: var(--modal-padding)
    }
}

@media (min-width:1200px) {
    body.modal-open.modal-scroll:not(.modal-nb):not(.scrollbar-w0) .navbar-fixed .navbar-inner.container {
        left: var(--modal-padding);
        padding-left: 0
    }

    body.modal-open:not(.modal-nb):not(.scrollbar-w0) .container .ace-aside.container.aside-bottom,
    body.modal-open:not(.modal-nb):not(.scrollbar-w0) .container .ace-aside.container.aside-top {
        right: calc(-1 * var(--modal-padding));
        padding-left: 0 !important
    }

    body.modal-open:not(.modal-nb):not(.scrollbar-w0) .container .ace-aside.container.aside-right {
        padding-left: calc(var(--modal-padding)/ 2) !important;
        -webkit-clip-path: inset(-30px calc(var(--modal-padding)/ 2) -30px 0);
        clip-path: inset(-30px calc(var(--modal-padding)/ 2) -30px 0)
    }

    body.modal-open:not(.modal-nb):not(.scrollbar-w0) .container .ace-aside.container.aside-left {
        right: calc(-1 * var(--modal-padding))
    }
}

@supports (((-ms-scroll-chaining:none) or (overscroll-behavior:none)) and (-webkit-appearance:none) and (-webkit-box-reflect:above)) or (((-ms-scroll-chaining:none) or (overscroll-behavior:none)) and (scrollbar-width:none)) {

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .aside-bottom,
    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .aside-top {
        padding-left: 0 !important
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .aside-center .modal-dialog {
        left: 0
    }

    @media (min-width:1200px) {
        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .navbar-fixed:not(.container) .navbar-inner {
            padding-left: 0
        }

        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .footer-fixed .footer-inner {
            right: 0
        }

        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-bottom,
        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-top {
            right: 0;
            padding-left: 0 !important
        }

        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-right {
            padding-left: 0 !important
        }

        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-left {
            right: 0
        }
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) {
        padding: 0 !important;
        overflow-y: auto
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .modal[aria-modal=true] {
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        padding: 0 !important;
        overflow-y: auto;
        scrollbar-width: none
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .modal[aria-modal=true]::-webkit-scrollbar {
        display: none;
        width: 0
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .modal[aria-modal=true]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: calc(100% + .5rem);
        pointer-events: none
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .ace-aside[aria-modal=true]::before {
        height: calc(100% + 1px)
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .modal-dialog-scrollable .modal-body {
        -ms-scroll-chaining: none;
        overscroll-behavior: none
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-bottom,
    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-top {
        right: 0;
        margin-right: auto
    }
}

.modal-fs {
    padding-left: 0 !important
}

.modal-fs .modal-dialog {
    width: 100%;
    height: 100%;
    max-width: calc(100vw - 1rem);
    max-height: calc(100vh - 1rem)
}

.modal-fs .modal-dialog .modal-content {
    min-height: 100%
}

@media (min-width:576px) {
    .modal-fs .modal-dialog {
        max-width: calc(100vw - 3.5rem);
        max-height: calc(100vh - 3.5rem)
    }
}

@media (min-width:992px) {
    .modal-lg .modal-dialog,
    .modal-xl .modal-dialog {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: none
    }

    .modal-xl .modal-dialog {
        max-width: 1140px
    }
}

.modal-dialog-static {
    -webkit-transform: none !important;
    transform: none !important
}

.modal-dialog-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    -webkit-transform: none !important;
    transform: none !important;
    height: calc(100% - .5rem)
}

@media (min-width:576px) {
    .modal-dialog-bottom {
        height: calc(100% - 1.75rem)
    }
}

th {
    font-weight: 600
}

.table td,
.table th {
    border-color: rgba(0, 0, 0, .075)
}

.table thead {
    color: #717276
}

.table thead th {
    border-bottom-width: 1px
}

.table-hover tbody tr:hover {
    color: #444549;
    background-color: rgba(0, 0, 0, .05)
}

.table-bordered th {
    border-bottom-width: 1px
}

.table-bordered-x td,
.table-bordered-x th {
    border-width: 1px 0;
    border-style: solid
}

.table-bordered-y td,
.table-bordered-y th {
    border-width: 0 1px;
    border-style: solid
}

.table[class*=brc-] > tbody,
.table[class*=brc-] > tbody > tr,
.table[class*=brc-] > tbody > tr > td,
.table[class*=brc-] > thead,
.table[class*=brc-] > thead > tr,
.table[class*=brc-] > thead > tr > th,
.table[class*=brc-] > tr,
.table[class*=brc-] > tr > td,
.table[class*=brc-] > tr > th {
    border-color: inherit
}

.table tbody[class*=brc-] > tr,
.table tbody[class*=brc-] > tr > td,
.table tbody[class*=brc-] > tr > th,
.table thead[class*=brc-] > tr,
.table thead[class*=brc-] > tr > td,
.table thead[class*=brc-] > tr > th {
    border-color: inherit
}

.table tr[class*=brc-] > td,
.table tr[class*=brc-] > th {
    border-color: inherit
}

.table-spaced {
    border-spacing: 0 .75rem;
    border-collapse: separate
}

.table-spaced td,
.table-spaced th {
    border-width: 0
}

.table-lg td,
.table-lg th {
    padding: .875rem
}

table.bt tbody tr td {
    padding: 0
}

table.bt tbody tr td .bt-content {
    padding: .375rem;
    padding-right: .875rem
}

table.bt tbody tr td:first-child .bt-content,
table.bt tbody tr td:first-child::before {
    padding-top: .875rem
}

table.bt tbody tr td:last-child .bt-content {
    padding-bottom: .875rem
}

table.bt tbody tr {
    border-bottom: 1px solid #fff
}

table.bt tbody td::before {
    background-color: #71a8d2;
    color: #fff;
    margin-left: .625rem;
    padding: .125rem .625rem;
    padding-top: .125rem;
    font-weight: 600
}

table.bt tbody[class*=bgc-] td::before {
    background-color: inherit
}

table.bt tbody[class*=bgc-] td .bt-content {
    -ms-flex: 2 1 0px;
    flex: 2 1 0;
    background-color: #fff
}

.table[class*=table-striped]:not(.bt) tbody tr:nth-of-type(2n) {
    background-color: #fff
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f6f7f7
}

.table-striped.bt tbody tr:nth-of-type(2n+1) {
    background-color: transparent
}

.table-striped.bt tbody tr:nth-of-type(2n+1) > td .bt-content {
    background-color: #f6f7f7
}

.table-striped-danger tbody tr:nth-of-type(2n+1) {
    background-color: #fdf6f4
}

.table-striped-danger.bt tbody tr:nth-of-type(2n+1) {
    background-color: transparent
}

.table-striped-danger.bt tbody tr:nth-of-type(2n+1) > td .bt-content {
    background-color: #fdf6f4
}

.table-striped-success tbody tr:nth-of-type(2n+1) {
    background-color: #f4faf4
}

.table-striped-success.bt tbody tr:nth-of-type(2n+1) {
    background-color: transparent
}

.table-striped-success.bt tbody tr:nth-of-type(2n+1) > td .bt-content {
    background-color: #f4faf4
}

.table-striped-warning tbody tr:nth-of-type(2n+1) {
    background-color: #fdf6ea
}

.table-striped-warning.bt tbody tr:nth-of-type(2n+1) {
    background-color: transparent
}

.table-striped-warning.bt tbody tr:nth-of-type(2n+1) > td .bt-content {
    background-color: #fdf6ea
}

.table-striped-info tbody tr:nth-of-type(2n+1) {
    background-color: #f2f9fc
}

.table-striped-info.bt tbody tr:nth-of-type(2n+1) {
    background-color: transparent
}

.table-striped-info.bt tbody tr:nth-of-type(2n+1) > td .bt-content {
    background-color: #f2f9fc
}

.icon-glossy {
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: normal
}

.icon-glossy::before {
    content: "";
    display: block;
    border-radius: inherit;
    background-color: rgba(255, 255, 255, .15);
    position: absolute;
    right: 1px;
    left: 2px;
    top: 0;
    bottom: 5px;
    z-index: 0
}

.progress {
    border-radius: .125rem
}

.shadow-md {
    box-shadow: 0 0 .25rem rgba(0, 0, 0, .075) !important
}

.c-pointer {
    cursor: pointer
}

.icon-animated-bell {
    display: inline-block;
    -webkit-animation: ringing 2s 5 ease 1s;
    animation: ringing 2s 5 ease 1s;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

@-webkit-keyframes ringing {
    0% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    2% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    6% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    8% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    10% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    12% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    14% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    16% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    18% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes ringing {
    0% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    2% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    6% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    8% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    10% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    12% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    14% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    16% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    18% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.icon-animated-vertical {
    display: inline-block;
    -webkit-animation: vertical 2s 5 ease 2s;
    animation: vertical 2s 5 ease 2s
}

@-webkit-keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    20% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    20% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.icon-animated-hand-pointer {
    display: inline-block;
    -webkit-animation: hand-pointer 2s 4 ease 2s;
    animation: hand-pointer 2s 4 ease 2s
}

@-webkit-keyframes hand-pointer {
    0% {
        -moz-transform: translate(0, 0)
    }

    6% {
        -moz-transform: translate(-5px, 0)
    }

    12% {
        -moz-transform: translate(0, 0)
    }

    18% {
        -moz-transform: translate(-5px, 0)
    }

    24% {
        -moz-transform: translate(0, 0)
    }

    30% {
        -moz-transform: translate(-5px, 0)
    }

    36% {
        -moz-transform: translate(0, 0)
    }
}

@keyframes hand-pointer {
    0% {
        -moz-transform: translate(0, 0)
    }

    6% {
        -moz-transform: translate(-5px, 0)
    }

    12% {
        -moz-transform: translate(0, 0)
    }

    18% {
        -moz-transform: translate(-5px, 0)
    }

    24% {
        -moz-transform: translate(0, 0)
    }

    30% {
        -moz-transform: translate(-5px, 0)
    }

    36% {
        -moz-transform: translate(0, 0)
    }
}

.icon-animated-wrench {
    display: inline-block;
    -webkit-animation: wrenching 2.5s 4 ease;
    animation: wrenching 2.5s 4 ease;
    -webkit-transform-origin: 10% 35%;
    transform-origin: 10% 35%
}

@-webkit-keyframes wrenching {
    0% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    8% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    10% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    18% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    20% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    28% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    30% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    38% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    40% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    48% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    50% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    58% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    60% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    68% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wrenching {
    0% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    8% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    10% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    18% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    20% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    28% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    30% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    38% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    40% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    48% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    50% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    58% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    60% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    68% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes blinking {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@keyframes blinking {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@-webkit-keyframes pulsating {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    5% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    10% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    30% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    35% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsating {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    5% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    10% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    30% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    35% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes blinkAndpulse {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@keyframes blinkAndpulse {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

.typing-dots {
    color: #aaa;
    visibility: hidden;
    display: inline-block;
    line-height: 0;
    letter-spacing: -.1875rem;
    white-space: nowrap
}

.typing-dots .typing-dot {
    visibility: visible;
    position: relative;
    display: inline-block;
    color: inherit;
    opacity: .4;
    min-height: .625rem;
    vertical-align: middle;
    -webkit-animation: 1.5s blinkAndpulse infinite .5s;
    animation: 1.5s blinkAndpulse infinite .5s
}

.typing-dots .typing-dot:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.typing-dots .typing-dot:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@media (prefers-reduced-motion:reduce) {

    .typing-dot,
    [class*=icon-animated] {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.jqtree-toggler + .jqtree-title .opened-icon {
    display: inline-block
}

.jqtree-toggler + .jqtree-title .closed-icon {
    display: none
}

.jqtree-closed + .jqtree-title .opened-icon {
    display: none
}

.jqtree-closed + .jqtree-title .closed-icon {
    display: inline-block
}

ul.jqtree-tree {
    margin: auto;
    padding: 0 1rem 0 0;
    position: relative
}

ul.jqtree_common ul.jqtree_common {
    margin-right: .5rem;
    padding-right: 1rem
}

ul.jqtree-tree li.jqtree_common {
    margin: .5rem 0
}

.jqtree_common {
    position: relative
}

ul.jqtree_common::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: -1.125rem;
    bottom: 0;
    right: 0;
    width: 0;
    border-right: 1px dotted #67b2dd;
    z-index: auto
}

ul.jqtree-tree::before {
    right: 0;
    bottom: .5rem
}

li.jqtree_common:last-child::after,
ul.jqtree-tree > .jqtree_common:last-child::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: calc(1rem - 1px);
    bottom: -.5rem;
    right: -1rem;
    width: 0;
    border-right: 1px solid #fff;
    z-index: 1
}

li.jqtree_common:last-child::after {
    right: -1rem
}

li.jqtree_common {
    position: relative
}

li.jqtree_common::before {
    display: block;
    content: "";
    position: absolute;
    top: .925rem;
    right: calc(-1rem + 2px);
    border-top: 1px dotted #67b2dd;
    height: 1px;
    width: 1.125rem;
    z-index: auto
}

ul.jqtree-tree .jqtree-title {
    margin-right: .325rem
}

.tree-dotted ul.jqtree-tree .jqtree-title:not(.jqtree-title-folder) {
    margin-right: .925rem
}

ul.jqtree-tree li.jqtree-selected > .jqtree-element,
ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
    background: #e6f1f8
}

.jqtree-tree .jqtree-element {
    padding: .125rem .125rem .25rem;
    -ms-flex-align: center;
    align-items: center
}

.jqtree-folder > .jqtree-element {
    margin-right: 1rem
}

.jqtree-folder > .jqtree-element > .jqtree-toggler {
    margin-right: -1.125rem
}

.node-icon {
    margin-left: .5rem;
    margin-right: .125rem
}

ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {
    outline: 0
}

ul.jqtree-tree span.jqtree-border {
    border-color: #57b5da
}

ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
    border-color: #57b5da
}

ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
    background-color: #57b5da
}

span.jqtree-dragging {
    z-index: 4
}

.jqtree.tree-dotted .jqtree_common:not(.jqtree-folder) > .jqtree-element {
    position: relative
}

.jqtree.tree-dotted .jqtree_common:not(.jqtree-folder) > .jqtree-element::before {
    content: "";
    display: inline-block;
    width: .375rem;
    height: .375rem;
    border-radius: 100%;
    background-color: #91a3ac;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    right: .25rem;
    margin-top: auto;
    margin-bottom: auto
}

.fixed-table-pagination,
.fixed-table-toolbar {
    border-style: solid;
    border-width: 1px 0;
    padding: .25rem 1.25rem
}

.fixed-table-toolbar {
    background-color: transparent;
    margin-bottom: -1px;
    border-color: transparent;
}

.fixed-table-pagination {
    background-color: transparent;
    margin-bottom: -1px;
    border-color: transparent;
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
    border-bottom-width: 0
}

.bootstrap-table .fixed-table-container {
    position: static
}

.bootstrap-table .fixed-table-container .table tbody tr.selected td {
    background-color: #eef7ee
}

.bootstrap-table th .sortable {
    background-image: none !important;
    position: relative
}

.bootstrap-table th .sortable::after,
.bootstrap-table th .sortable::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: .46875rem;
    top: 50%;
    bottom: auto;
    opacity: 1;
    color: inherit;
    border-left: .3125rem solid transparent;
    border-right: .3125rem solid transparent
}

.bootstrap-table th .sortable::before {
    border-bottom: .3125rem solid currentColor;
    border-top: none;
    margin-top: -.3125rem
}

.bootstrap-table th .sortable::after {
    border-top: .3125rem solid currentColor;
    border-bottom: none;
    margin-top: .125rem
}

.bootstrap-table th .sortable.asc::before,
.bootstrap-table th .sortable.desc::after {
    opacity: 1
}

.table.dataTable {
    margin: auto !important
}

.dataTables_wrapper > .row:first-of-type {
    padding: 1.25rem .5rem .75rem;
    margin: auto;
    background-color: #f2f7fb
}

.dataTables_wrapper > .row:last-of-type {
    padding: .75rem .5rem 1.25rem;
    margin: auto;
    background-color: #f2f7fb;
    border-bottom: 1px solid #ebebec
}

.dataTables_wrapper div.dataTables_length select.form-control {
    width: 4rem;
    margin: 0 .125rem
}

.dataTable tr.selected {
    background-color: #eef7ee
}

.dataTables_info .select-item {
    font-size: 90%;
    opacity: .9;
    margin-right: .5rem
}

table.DTCR_clonedTable.dataTable {
    position: absolute !important;
    background-color: transparent;
    z-index: 202
}

div.DTCR_pointer {
    width: .125rem;
    background-color: #5899ca;
    z-index: 201
}

.dataTable th::after,
.dataTable th::before {
    content: "" !important;
    left: .46875rem !important
}

.dataTable th[class*=sorting]:not(.sorting_disabled)::after,
.dataTable th[class*=sorting]:not(.sorting_disabled)::before {
    width: 0;
    height: 0;
    color: inherit;
    border-left: .3125rem solid transparent;
    border-right: .3125rem solid transparent;
    top: 50% !important;
    bottom: auto !important
}

.dataTable th[class*=sorting]:not(.sorting_disabled)::before {
    border-bottom: .3125rem solid currentColor;
    border-top: none;
    margin-top: -.3125rem
}

.dataTable th[class*=sorting]:not(.sorting_disabled)::after {
    border-top: .3125rem solid currentColor;
    border-bottom: none;
    margin-top: .125rem
}

.ui-jqgrid table {
    border-collapse: collapse
}

.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-paging-info,
.ui-jqgrid .ui-pg-selbox,
.ui-jqgrid .ui-pg-table {
    font-size: 1rem
}

.ui-jqgrid .ui-jqgrid-pager .btn,
.ui-jqgrid .ui-jqgrid-view .btn {
    font-size: 1rem
}

.ui-jqgrid .ui-jqgrid-title,
.ui-jqgrid .ui-jqgrid-title-rtl {
    margin: 0 .75rem
}

.ui-jqgrid .disabled {
    opacity: .35
}

.ui-jqgrid .jqgfirstrow td {
    padding: 0 !important
}

.ui-jqgrid .ui-jqgrid-bdiv tr > td:last-child {
    border-left-width: 0
}

@media (max-width:575.98px) {
    .ui-jqgrid .ui-pg-selbox {
        display: block
    }
}

.ui-jqgrid .ui-jqgrid-errorbar,
.ui-jqgrid .ui-jqgrid-titlebar {
    font-size: 1.25rem
}

.ui-jqgrid-btable input:not([type=checkbox]),
.ui-jqgrid-btable select,
.ui-jqgrid-btable textarea {
    width: auto;
    max-width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: .125rem
}

.ui-jqgrid-btable input:not([type=checkbox]):hover,
.ui-jqgrid-btable select:hover,
.ui-jqgrid-btable textarea:hover {
    border-color: #b5b5b5
}

.ui-jqgrid-btable input:not([type=checkbox]):focus,
.ui-jqgrid-btable select:focus,
.ui-jqgrid-btable textarea:focus {
    box-shadow: 0 0 0 2px rgba(245, 153, 66, .2);
    color: #696969;
    border-color: #f59942;
    background-color: #fff
}

.ui-jqgrid tr.ui-row-ltr td,
.ui-jqgrid tr.ui-row-rtl td {
    padding: .75rem
}

.ui-jqgrid .ui-pg-button .ui-separator {
    margin-right: .25rem;
    margin-left: .25rem;
    border-color: #a1b1b8
}

.ui-jqgrid .ui-jqgrid-sortable {
    padding: .75rem 0
}

.ui-jqgrid th[aria-selected=true] {
    background-color: #f9f0b8 !important;
    color: rgba(0, 0, 0, .73) !important
}

.ui-jqgrid .s-ico {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    left: .125rem
}

.ui-jqgrid .s-ico > .ui-grid-ico-sort {
    height: .45rem;
    line-height: .5;
    font-size: 1rem
}

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow: auto;
    overflow: overlay;
    box-shadow: -1px 0 0 0 rgba(0, 0, 0, .075), 1px 0 0 0 rgba(0, 0, 0, .075);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin
}

@media (hover:hover) {
    .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
        width: 7px
    }

    .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track {
        background-color: #f0f0f0
    }

    .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
        background-color: #cdcdcd
    }
}

.ui-jqdialog .ui-jqdialog-titlebar {
    font-size: 1.25rem
}

.ui-jqdialog .FormData {
    border-bottom: 1px dotted #e2e7e9
}

.ui-jqdialog .FormData:nth-last-child(2) {
    border-bottom: none
}

.ui-jqdialog pre {
    font-size: 1rem
}

.ui-jqdialog[id*=alertcnt_] {
    padding: .5rem .75rem
}

.ui-jqdialog .ui-resizable-handle {
    bottom: 1px;
    left: 3px
}

.ui-jqdialog .searchFilter td {
    padding: .375rem 0
}

.ui-jqdialog .searchFilter .queryresult {
    margin-bottom: .75rem
}

.ui-jqdialog .searchFilter .queryresult td.query {
    padding: .5rem .75rem;
    border-bottom: 2px solid #e2e3e4;
    background-color: #f3f3f3
}

.ui-jqdialog .searchFilter .queryresult td.query:empty {
    display: none
}

.ui-pg-table.navtable {
    float: none !important
}

.ui-pager-control > .ui-pg-table > tbody > tr > td {
    width: auto !important
}

@media (max-width:991.98px) {
    .ui-pager-control > .ui-pg-table > tbody > tr > td {
        display: block;
        text-align: center;
        margin: .5rem;
        min-height: 1.75rem;
        scrollbar-width: none;
        overflow-y: auto
    }
}

.ui-subgrid .ui-jqgrid-htable .ui-jqgrid-labels {
    background-color: transparent
}

.ui-subgrid .ui-jqgrid-bdiv {
    max-height: 10rem
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar {
    border-top: 1px solid #e2e3e4
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar .ui-th-column {
    border-top-width: 0
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar .ui-search-input .form-control:not([size]):not([multiple]) {
    min-height: 1.75rem
}

.fm-button.btn-default .fm-button-text,
.fm-button.btn-secondary .fm-button-text {
    color: #fff
}

.fm-button:only-of-type {
    margin: 0 .25rem
}

.ui-jqgrid .ui-jqgrid-bdiv .jqgroup {
    background-color: #fff !important
}

.ui-jqgrid .ui-jqgrid-bdiv .jqgroup > td {
    color: #508dc1;
    border-right: 3px solid #87c4ec !important
}

.ui-jqgrid .jqgrow > td > .cbox,
::-ms-backdrop {
    width: auto;
    height: auto
}

.chosen-container {
    font-size: 1rem
}

.chosen-container > .chosen-single,
[class*=chosen-container] > .chosen-single {
    font-size: 1rem;
    line-height: 2.25rem;
    height: 2.5rem;
    background: #fafafa;
    box-shadow: none
}

.chosen-choices {
    box-shadow: none !important
}

.chosen-container-single .chosen-single .search-choice-close {
    background: 0 0;
    height: 2.5rem;
    top: 0
}

.chosen-container-single .chosen-single .search-choice-close::after {
    content: "\00D7";
    font-size: 1.25rem
}

.chosen-container-single .chosen-single .search-choice-close:hover::after {
    color: #da3737
}

.chosen-container-single .chosen-single div b {
    background: 0 0
}

.chosen-container-single .chosen-single div b::after {
    content: "";
    position: absolute;
    top: calc(50% - .25em);
    left: .5em;
    width: 0;
    height: 0;
    border-top: .425rem solid rgba(0, 0, 0, .5);
    border-bottom: none;
    border-left: .425rem solid transparent;
    border-right: .425rem solid transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b::after {
    border-bottom: .425rem solid rgba(0, 0, 0, .5);
    border-top: none
}

.chosen-container-single .chosen-search {
    position: relative
}

.chosen-container-single .chosen-search input[type=text] {
    background: 0 0;
    border-radius: 0;
    line-height: 2.25rem;
    height: 2.5rem;
    font-size: 1rem
}

.chosen-container-single .chosen-search::after {
    content: "\1F50D";
    position: absolute;
    left: 1rem;
    top: .5rem;
    font-size: 1.25em
}

.chosen-container .chosen-results li {
    line-height: 1.125rem;
    padding: .5rem
}

.chosen-container-multi .chosen-choices {
    padding: .25rem .5rem;
    background: 0 0;
    border-radius: 2px
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 1.5rem
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #eee;
    line-height: 1.5rem;
    font-size: 1rem;
    padding-bottom: 3px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: 0 0
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
    content: "\00D7";
    font-size: 1.125rem
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::after {
    color: #da3737
}

.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
    background: 0 0
}

.chosen-container .chosen-results-scroll-down span:before,
.chosen-container .chosen-results-scroll-up span:before {
    position: relative;
    top: -1px;
    right: 1px;
    width: 0;
    height: 0;
    border-top: .425rem solid rgba(0, 0, 0, .5);
    border-bottom: none;
    border-left: .425rem solid transparent;
    border-right: .425rem solid transparent;
    content: "\f0d7";
    display: inline-block
}

.chosen-container .chosen-results-scroll-up span:before {
    border-bottom: .425rem solid rgba(0, 0, 0, .5);
    border-top: none
}

.chosen-container-active .chosen-single-with-drop div b:before {
    border-bottom: .425rem solid rgba(0, 0, 0, .5);
    border-top: none
}

.chosen-container-single .chosen-single {
    border-radius: 2px
}

.chosen-container .chosen-results li.highlighted {
    background: #4f99c6;
    color: #fff
}

.chosen-container .chosen-drop {
    border-radius: 0;
    border-color: #4492c9;
    border-bottom-width: 2px
}

.chosen-container-active .chosen-single,
.chosen-single.chosen-single-with-drop {
    border-color: #4492c9
}

.chosen-container-multi .chosen-drop {
    border-top-width: 0
}

.chosen-container-active .chosen-choices {
    border-color: #4492c9
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #4492c9
}

.chosen-container.chosen-with-drop .chosen-drop {
    right: auto;
    left: auto;
    display: block
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice {
    background: 0 0;
    background-color: #6da1c0;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 3px;
    margin-left: 3px;
    padding: .375rem .5rem .375rem 1.375rem;
    position: relative;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    border-radius: 2px
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.125rem;
    height: auto;
    line-height: 1.5;
    text-align: center
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
    color: #fff;
    position: static;
    font-size: .9rem
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-color: rgba(0, 0, 0, .2)
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::after {
    color: #fff
}

.select2-container .select2-selection {
    border-radius: 1rem;
    border-color: #aaa
}

.select2-container .select2-selection .select2-selection__rendered {
    height: 100%
}

.select2-container.select2-container--focus .select2-selection {
    border-color: #4492c9
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .25rem;
    position: relative;
    overflow: visible;
    direction: rtl;
}

.select2-container .select2-selection__clear {
    position: absolute;
    right: auto;
    top: 0;
    height: 100%;
    font-size: 1.25rem;
    color: #fff;
    width: 2rem;
    text-align: center
}

.select2-container .select2-selection__clear:hover {
    color: #da3737
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    left: 2px;
    top: auto;
    height: auto
}

.select2-container .select2-selection--multiple .select2-selection__clear:hover {
    background-color: rgba(0, 0, 0, .075)
}

.select2-container--open .select2-dropdown {
    border-radius: 0;
    border-color: #4492c9;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, .125)
}

.select2-results__option {
    padding: .5rem;
    margin-bottom: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: .25rem .375rem;
    border-radius: .125rem
}

.select2-container .select2-selection--single {
    height: 2.5rem;
    line-height: 2.25rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top: .425rem solid rgba(0, 0, 0, .5);
    border-bottom: none;
    border-left: .425rem solid transparent;
    border-right: .425rem solid transparent;
    margin-top: .14167rem;
    margin-right: -.6375rem
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 .425rem;
    border-bottom: .425rem solid rgba(0, 0, 0, .5)
}

.select2-container--default .select2-selection .select2-selection__choice__remove {
    font-size: 1rem;
    margin-left: 3px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #eceff2
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4f99c6
}

.select2-container .select2-search--inline {
    max-width: calc(100% - 1.5rem)
}

.select2-container .select2-search--inline .select2-search__field {
    max-width: 100%;
    margin: .25rem 0;
    padding-right: .25rem;
    height: calc(2em + 1rem + 2px);
}

.select2-search {
    background: 0 0
}

.select2-search:before {
    content: "\1F50D";
    font-size: 1rem;
    color: #888;
    position: absolute;
    left: .5rem;
    margin-top: 2px
}

.select2-selection--multiple .select2-search:before {
    display: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 1px
}

.tag-input-style .select2-selection .select2-selection__choice {
    position: relative;
    color: #fff;
    background-color: #6da1c0;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
    margin: 2px;
    padding: .3125rem .5rem .3125rem 1.5rem;
    border: none;
    box-shadow: none;
    border-radius: 2px
}

.tag-input-style .select2-selection .select2-selection__choice .select2-selection__choice__remove {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
    right: auto;
    width: 1.125rem;
    height: auto;
    line-height: 2rem;
    text-align: center;
    color: #fff
}

.tag-input-style .select2-selection .select2-selection__choice .select2-selection__choice__remove:hover {
    background-color: rgba(0, 0, 0, .15);
    color: #fff
}

.sw-main > ul.step-anchor > li.wizard-progressbar {
    position: absolute;
    z-index: 2;
    top: calc(50% - .125rem);
    bottom: 0;
    height: .25rem;
    max-width: 0;
    background-color: #5293c4;
    transition: all 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sw-main > ul.step-anchor > li.wizard-progressbar {
        transition: none
    }
}

.sw-main > ul.step-anchor > li.wizard-progressbar::after,
.sw-main > ul.step-anchor > li.wizard-progressbar::before {
    display: none !important
}

.sw-theme-circles > ul.step-anchor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 3rem;
    width: 75%
}

@media (max-width:767.98px) {
    .sw-theme-circles > ul.step-anchor {
        width: 100%;
        margin-bottom: 3.5rem
    }
}

.sw-theme-circles > ul.step-anchor::before {
    display: none
}

.sw-theme-circles > ul.step-anchor > li {
    display: inline-block;
    margin-right: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    z-index: auto;
    border: 0 solid
}

.sw-theme-circles > ul.step-anchor > li,
.sw-theme-circles > ul.step-anchor > li.active ~ li.done {
    border-color: #ced1d6
}

.sw-theme-circles > ul.step-anchor > li.active,
.sw-theme-circles > ul.step-anchor > li.done {
    border-color: #5293c4
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done,
.sw-theme-circles > ul.step-anchor > li:not(.active):not(.done) {
    border-color: #ced1d6 !important
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done .step-title,
.sw-theme-circles > ul.step-anchor > li:not(.active):not(.done) .step-title {
    color: #546474 !important
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done .step-description,
.sw-theme-circles > ul.step-anchor > li:not(.active):not(.done) .step-description {
    color: #5f7183 !important
}

.sw-theme-circles > ul.step-anchor > li::before {
    display: block;
    content: "";
    width: 100%;
    height: 0;
    overflow: hidden;
    border-top: .25rem solid;
    border-color: inherit;
    position: absolute;
    top: calc(50% - .125rem);
    z-index: 0
}

.sw-theme-circles > ul.step-anchor > li:last-child::before {
    right: 0;
    width: 50%
}

.sw-theme-circles > ul.step-anchor > li.wizard-progressbar + li::before,
.sw-theme-circles > ul.step-anchor > li:first-child::before {
    right: 50%;
    width: 50%
}

.sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li::before {
    border-color: #ced1d6
}

.sw-theme-circles > ul.step-anchor > li.nav-item.active ~ li.done > a,
.sw-theme-circles > ul.step-anchor > li.nav-item > a {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    padding: 0;
    width: 4rem;
    height: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #546474;
    font-size: 1.125rem;
    background-color: #fff;
    border: 5px solid;
    border-color: inherit !important;
    box-shadow: none !important
}

@media (max-width:575.98px) {

    .sw-theme-circles > ul.step-anchor > li.nav-item.active ~ li.done > a,
    .sw-theme-circles > ul.step-anchor > li.nav-item > a {
        width: 3.25rem;
        height: 3.25rem;
        border-width: 4px
    }
}

.sw-theme-circles > ul.step-anchor > li.nav-item.active > a,
.sw-theme-circles > ul.step-anchor > li.nav-item.done > a {
    background-color: #fff;
    color: #546474;
    border-color: inherit !important
}

.sw-theme-circles > ul.step-anchor > li.wizard-progressbar.active ~ li.done > a,
.sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li > a {
    transition: border-color 75ms, border-width 150ms, font-size 150ms;
    transition-delay: 0s
}

@media (prefers-reduced-motion:reduce) {

    .sw-theme-circles > ul.step-anchor > li.wizard-progressbar.active ~ li.done > a,
    .sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li > a {
        transition: none
    }
}

.sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li.active > a,
.sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li.done > a {
    transition-delay: 75ms;
    transition-duration: 150ms
}

.sw-theme-circles > ul.step-anchor > li:not(.done) > a:hover {
    cursor: default
}

.sw-theme-circles > ul.step-anchor > li > a:focus,
.sw-theme-circles > ul.step-anchor > li > a:hover {
    border-width: 5px;
    background-color: #fff;
    color: #546474;
    border-color: inherit
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done > a:hover,
.sw-theme-circles > ul.step-anchor > li.done > a:hover {
    border-width: 4px;
    font-size: 1.325rem
}

.sw-theme-circles > ul.step-anchor > li .step-title-done {
    display: none
}

.sw-theme-circles > ul.step-anchor > li.done .step-title {
    display: none
}

.sw-theme-circles > ul.step-anchor > li.done .step-title-done {
    display: inline-block
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done .step-title {
    display: inline-block
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done .step-title-done {
    display: none
}

.sw-theme-circles > ul.step-anchor > li .step-description {
    position: absolute;
    right: 0;
    width: 100%;
    text-align: center;
    margin-top: .5rem
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li.wizard-progressbar + li > a,
.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:first-child > a {
    margin: 0 !important
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li.wizard-progressbar + li::before,
.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:first-child::before {
    right: 0;
    width: 100%
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li.wizard-progressbar + li::after,
.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:first-child::after {
    display: none !important
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:last-child > a {
    margin: 0 auto 0 0 !important
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:last-child::before {
    right: 0;
    width: 100%
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:last-child::after {
    display: none !important
}

.sw-theme-circles .sw-toolbar {
    padding-right: 0;
    padding-left: 0
}

@supports (-moz-appearance:none) {
    .sw-theme-circles > ul.step-anchor > li.wizard-progressbar {
        margin-top: 1px
    }
}

.sw-theme-circles > .sw-container {
    padding: 1rem;
    border-width: 1px 0;
    border-style: dotted
}

.sw-btn-finish,
.sw-btn-next.sw-btn-hide.disabled {
    display: none
}

.sw-btn-next.disabled ~ .sw-btn-finish {
    display: inline-block
}

.fc-bootstrap .fc-popover,
.fc-bootstrap .fc-row,
.fc-bootstrap hr,
.fc-bootstrap tbody,
.fc-bootstrap td,
.fc-bootstrap th,
.fc-bootstrap thead {
    border-color: #d5e5f2
}

.fc-bootstrap .fc-event {
    border-width: 0;
    border-radius: .125rem
}

.fc-bootstrap .fc-day-number {
    color: #64758d
}

.fc-bootstrap .fc-axis {
    background: #eef4f8;
    color: #60889e
}

.fc-bootstrap .fc-highlight {
    background: #baddf4
}

.fc-bootstrap a {
    text-decoration: none
}

.fc-bootstrap a[data-goto]:hover {
    text-decoration: underline
}

.fc-bootstrap hr.fc-divider {
    border-color: inherit
}

.fc-bootstrap .fc-today.alert {
    border-radius: 0
}

.fc-bootstrap a.fc-event:not([href]):not([tabindex]) {
    color: #fff
}

.fc-bootstrap .fc-popover.card {
    position: absolute
}

.fc-bootstrap .fc-popover .card-body {
    padding: 0
}

.fc-bootstrap .fc-time-grid .fc-slats table {
    background: 0 0
}

.fc-scroller {
    scrollbar-width: thin
}

.fc-scroller::-webkit-scrollbar {
    width: 8px;
    -webkit-appearance: none;
    appearance: none
}

@media (max-width:575.98px) {
    .fc-toolbar {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fc-toolbar > .fc-center {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .fc-toolbar > .fc-left {
        -ms-flex-item-align: end;
        align-self: flex-end;
        -ms-flex-order: 10;
        order: 10
    }

    .fc-toolbar > .fc-right {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex-order: -1;
        order: -1
    }
}

.dp-modal {
    z-index: 1050
}

.dp {
    padding-top: 0;
    border-top: .25rem solid #619fcd;
    border-radius: 3px;
    font-size: 1rem
}

.dp::before {
    display: none
}

.dp .dp-col-header {
    font-size: .875em;
    color: #999
}

.dp .dp-day {
    font-size: .925em
}

.dp-cal-month,
.dp-cal-year,
.dp-day,
.dp-month,
.dp-year {
    border-radius: 0;
    font-size: .925em
}

.dp-day:hover,
.dp-month:hover,
.dp-year:hover {
    background: #eee;
    color: #3b404d
}

.dp-current,
.dp-current:focus,
.dp-day:focus,
.dp-month:focus,
.dp-selected,
.dp-selected:focus,
.dp-selected:hover,
.dp-year:focus {
    background: rgba(86, 152, 201, .93);
    color: #fff
}

.dp-clear:focus,
.dp-clear:hover,
.dp-close:focus,
.dp-close:hover,
.dp-today:focus,
.dp-today:hover {
    background: rgba(72, 175, 214, .93);
    color: #fff
}

.dp-next,
.dp-prev {
    top: .75rem;
    border-radius: 1rem;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: 2px solid #d1dce7;
    color: #7a868d
}

.dp-next:focus,
.dp-next:hover,
.dp-prev:focus,
.dp-prev:hover {
    background-color: #fff;
    color: #5698c9;
    border-color: rgba(86, 152, 201, .67)
}

.dp-cal-header {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.dp-cal-month,
.dp-cal-year {
    vertical-align: middle;
    padding: .425rem .75rem .5rem
}

.dp-cal-month:focus,
.dp-cal-month:hover,
.dp-cal-year:focus,
.dp-cal-year:hover {
    color: #3b404d;
    background-color: #e7e7e7
}

.dp-day-today::after {
    border-left-color: #f2d11c;
    border-top-color: #f2d11c
}

.dr-cals {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 11;
    overflow: visible;
    box-shadow: none;
    padding-top: 0;
    border-top: .25rem solid #619fcd;
    border-radius: 3px;
    font-size: 1rem
}

.dr-cals::before {
    display: none
}

.dr-cals .dr-in-range,
.dr-cals .dr-in-range:focus,
.dr-cals .dr-in-range:hover {
    color: #3b404d;
    background-color: #e9f3fd
}

.dr-cals .dp-current:hover {
    color: #3b404d;
    background-color: #e9f3fd;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.dr-cals .dr-selected,
.dr-cals .dr-selected:focus,
.dr-cals .dr-selected:hover {
    color: #fff;
    background: #619fcd;
    border-radius: 0
}

.dp-daterange-picker {
    position: absolute;
    right: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: opacity .15s, visibility 0s .15s, z-index 0s .15s;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2)
}

@media (prefers-reduced-motion:reduce) {
    .dp-daterange-picker {
        transition: none
    }
}

.dp-daterange-picker.visible {
    opacity: 1;
    z-index: 100;
    visibility: visible;
    transition: opacity .15s, visibility 0s 0s, z-index 0s 0s
}

@media (prefers-reduced-motion:reduce) {
    .dp-daterange-picker.visible {
        transition: none
    }
}

.dp-daterange-above {
    top: auto;
    bottom: 100%
}

.dr-cal-end .dp {
    border-right-width: .25rem
}

@media (max-width:616px),
(max-height:480px) {
    .dr-cal-end {
        display: none
    }

    .dr-cal-start .dp-next {
        visibility: visible
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
    min-width: 20rem
}

.bootstrap-datetimepicker-widget .collapse.in {
    display: list-item
}

.bootstrap-datetimepicker-widget .datepicker .table td,
.bootstrap-datetimepicker-widget .datepicker .table th,
.bootstrap-datetimepicker-widget .timepicker .table td,
.bootstrap-datetimepicker-widget .timepicker .table th,
.bootstrap-datetimepicker-widget table td span {
    border-radius: 0
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e6eff4
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: rgba(86, 152, 201, .93)
}

.bootstrap-datetimepicker-widget table td span:hover {
    background-color: #e6eff4
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: rgba(86, 152, 201, .93)
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: #e6eff4
}

.bootstrap-datetimepicker-widget .picker-switch .table td span:hover {
    background-color: #e6f3e6
}

.bootstrap-touchspin .btn-group-vertical,
.bootstrap-touchspin .input-group-btn-vertical {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.bootstrap-touchspin .btn-group-vertical > .btn,
.bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    height: 50%;
    border-radius: 3px 0 0 0
}

.bootstrap-touchspin .btn-group-vertical > .btn:last-child,
.bootstrap-touchspin .input-group-btn-vertical > .btn:last-child {
    margin-top: 1px;
    border-radius: 0 0 0 3px
}

.bootstrap-touchspin .btn-group-inside-spinner {
    padding-left: 2.25rem
}

.bootstrap-touchspin .btn-group-inside-spinner ~ .input-group-btn-vertical {
    position: absolute;
    left: 0;
    height: 100%;
    z-index: 11
}

.bootstrap-touchspin .btn-group-inside-spinner ~ .input-group-btn-vertical > .btn {
    position: absolute;
    left: 0;
    height: 50%;
    padding: 0;
    width: 2rem;
    text-align: center;
    line-height: 1
}

.bootstrap-touchspin .btn-group-inside-spinner ~ .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 2px 0 0 0;
    top: 0
}

.bootstrap-touchspin .btn-group-inside-spinner ~ .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 0 2px;
    bottom: 0
}

.noUi-target {
    box-shadow: none;
    border-width: 0;
    border-radius: .125rem;
    background-color: #ddd
}

.noUi-target[disabled] {
    opacity: .75;
    background-color: #e5e5e5
}

.noUi-target:not([disabled]):not(.disabled) .noUi-handle {
    cursor: pointer
}

.noUi-target .noUi-handle {
    border-radius: 2px;
    border-color: #bababa;
    box-shadow: 0 3px 6px -3px #bbb
}

.noUi-target .noUi-handle.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 6px #d7d7d7, 0 3px 6px -3px #bbb
}

.noUi-target .noUi-handle::before {
    display: none
}

.noUi-target .noUi-handle::after {
    background-color: transparent;
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: 45%;
    margin: auto;
    color: #999;
    background-image: linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor);
    background-position: calc(100% - (50% - 3px)) center, center, calc(100% - (50% + 3px)) center;
    background-size: 1px 100%;
    background-repeat: no-repeat
}

.noUi-target .noUi-handle.slider-bars-h::after {
    height: auto;
    width: 45%;
    background-position: center calc(50% - 3px), center, center calc(50% + 3px);
    background-size: 100% 1px
}

.noUi-target .noUi-handle.slider-bars-none::after {
    display: none
}

.noUi-target.noUi-horizontal {
    height: .75rem
}

.noUi-target.noUi-horizontal .noUi-handle {
    width: 2rem;
    height: 2rem;
    top: -.625rem;
    left: -1rem
}

.noUi-target.noUi-vertical {
    width: .75rem
}

.noUi-target.noUi-vertical .noUi-handle {
    width: 2rem;
    height: 2rem;
    left: -.625rem;
    top: -1rem
}

.noUi-target.slider-sm.noUi-horizontal {
    height: .5rem
}

.noUi-target.slider-sm.noUi-horizontal .noUi-handle {
    width: 1.75rem;
    height: 1.75rem;
    top: -.625rem;
    left: -.875rem
}

.noUi-target.slider-sm.noUi-vertical {
    width: .5rem
}

.noUi-target.slider-sm.noUi-vertical .noUi-handle {
    width: 1.75rem;
    height: 1.75rem;
    left: -.625rem;
    top: -.875rem
}

.noUi-target.slider-thin.noUi-horizontal {
    height: .3125rem
}

.noUi-target.slider-thin.noUi-horizontal .noUi-handle {
    width: 1.75rem;
    height: 1.75rem;
    top: -.71875rem;
    left: -.875rem
}

.noUi-target.slider-thin.noUi-vertical {
    width: .3125rem
}

.noUi-target.slider-thin.noUi-vertical .noUi-handle {
    width: 1.75rem;
    height: 1.75rem;
    left: -.71875rem;
    top: -.875rem
}

.noUi-target.slider-sm .noUi-handle::after,
.noUi-target.slider-thin .noUi-handle::after {
    padding-top: .125rem
}

.noUi-target.noUi-toggle-tooltip .noUi-tooltip {
    display: none
}

.noUi-target.noUi-toggle-tooltip .noUi-active .noUi-tooltip {
    display: block
}

.noUi-tooltip {
    padding: .25rem .325rem
}

.slider-tooltip-right .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    bottom: auto;
    right: 120%;
    left: auto
}

.slider-tooltip-left .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    bottom: auto;
    left: 120%;
    right: auto
}

.slider-tooltip-top .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    right: 50%;
    left: auto;
    bottom: 120%;
    top: auto
}

.slider-tooltip-bottom .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    right: 50%;
    left: auto;
    top: 120%;
    bottom: auto
}

.slider-tooltip-caret .noUi-tooltip::before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0
}

.slider-tooltip-caret.slider-tooltip-bottom .noUi-tooltip {
    margin-top: .25rem
}

.slider-tooltip-caret.slider-tooltip-bottom .noUi-tooltip::before {
    top: -.5em;
    right: calc(50% - .5em);
    border-bottom: .5em solid;
    border-bottom-color: inherit;
    border-top: 0;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent
}

.slider-tooltip-caret.slider-tooltip-top .noUi-tooltip {
    margin-bottom: .25rem
}

.slider-tooltip-caret.slider-tooltip-top .noUi-tooltip::before {
    bottom: -.5em;
    right: calc(50% - .5em);
    border-top: .5em solid;
    border-top-color: inherit;
    border-bottom: 0;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent
}

.slider-tooltip-caret.slider-tooltip-left .noUi-tooltip {
    margin-left: .25rem
}

.slider-tooltip-caret.slider-tooltip-left .noUi-tooltip::before {
    left: -.5em;
    top: calc(50% - .5em);
    border-right: .5em solid;
    border-right-color: inherit;
    border-left: 0;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent
}

.slider-tooltip-caret.slider-tooltip-right .noUi-tooltip {
    margin-right: .25rem
}

.slider-tooltip-caret.slider-tooltip-right .noUi-tooltip::before {
    right: -.5em;
    top: calc(50% - .5em);
    border-left: .5em solid;
    border-left-color: inherit;
    border-right: 0;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent
}

.irs--flat .irs-line {
    height: 1rem;
    border-radius: 2px
}

.irs--flat .irs-bar {
    height: 1rem;
    border-radius: 0 2px 2px 0
}

.irs--flat .irs-handle {
    height: 1.325rem;
    z-index: auto
}

.irs-from,
.irs-single,
.irs-to {
    top: -.25rem
}

.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
    font-size: .875rem
}

.irs--flat .irs-max,
.irs--flat .irs-min {
    font-size: .75rem
}

.dropzone .dz-preview .dz-progress.progress {
    border-radius: .1875rem
}

.dropzone .dz-preview .dz-progress.progress .dz-upload {
    background: 0 0
}

.dropzone .dz-preview.dz-image-preview {
    background-color: transparent
}

.note-toolbar {
    background-color: #f2f2f3;
    border-color: #e2e3e4
}

.note-toolbar .note-btn {
    font-size: 1rem;
    color: #7b7d81;
    padding: .375rem .75rem;
    border-width: 0 !important
}

.note-toolbar .note-btn.focus,
.note-toolbar .note-btn:focus,
.note-toolbar .note-btn:hover {
    color: #64758d;
    background-color: #d3e9f8
}

.note-toolbar .note-btn > .fa {
    color: inherit;
    font-size: 1rem
}

.note-toolbar .note-btn > .note-current-fontname {
    color: inherit
}

.note-modal-footer {
    min-height: 3rem
}

.md-editor > textarea {
    background-color: #f6f7f7
}

.card-body > .md-editor {
    border-width: 0
}

.bootstrap-wysiwyg-editor {
    min-height: 200px;
    max-height: calc(100vh - 2rem);
    overflow: auto
}

.bootstrap-wysiwyg-editor > img {
    margin: .25rem
}

.card-body .bootstrap-wysiwyg-editor {
    border-radius: 0 0 .25rem .25rem
}

.bootstrap-wysiwyg-toolbar {
    background-color: #f2f2f3;
    padding: .25rem .3125rem
}

.bootstrap-wysiwyg-toolbar .btn[data-edit],
.bootstrap-wysiwyg-toolbar a[data-toggle] {
    background-color: #fff
}

.bootstrap-wysiwyg-toolbar.bsw-toolbar-style-2 {
    border: 1px solid #e2e3e4
}

.bootstrap-wysiwyg-toolbar.bsw-toolbar-style-2 .btn[data-edit],
.bootstrap-wysiwyg-toolbar.bsw-toolbar-style-2 a[data-toggle] {
    border-radius: 0;
    border-width: 0
}

.bootstrap-wysiwyg-toolbar.bsw-toolbar-style-2 .btn-group + .btn-group {
    margin-right: 2px
}

.card-body .bsw-toolbar-style-2 {
    border-width: 0 0 1px 0
}

.file-input-invisible {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.popover-wysiwyg-image {
    -webkit-transform: none !important;
    transform: none !important;
    right: 0 !important;
    top: 0 !important;
    width: 300px;
    max-width: calc(100vw - 2rem)
}

.popover-wysiwyg-image .arrow {
    display: none
}

.rating-container .badge {
    font-size: .8125rem;
    font-weight: 600
}

.rating-container .filled-stars {
    text-shadow: none;
    color: inherit;
    -webkit-text-stroke: 1px currentColor
}

input.typeahead ~ .dropdown-menu {
    width: 100%
}

input.typeahead.scrollable ~ .dropdown-menu {
    max-height: 200px;
    overflow-y: auto
}

.bootstrap-tagsinput {
    color: #6e7074;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    display: block;
    padding: .5rem .375rem .25rem;
    min-height: calc(1.5em + .75rem + 2px)
}

.bootstrap-tagsinput:hover {
    border-color: #b5b5b5
}

.bootstrap-tagsinput.tagsinput-focus,
.bootstrap-tagsinput.tagsinput-focus:hover {
    border-color: #f59942;
    outline: 0
}

.bootstrap-tagsinput input {
    display: inline;
    border: none;
    outline: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    color: inherit
}

.bootstrap-tagsinput .tag {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
    margin-bottom: .25rem;
    margin-left: 1px;
    padding-left: 1.75rem !important;
    transition: all .15s
}

.bootstrap-tagsinput .tag:not(.badge) {
    background-color: #6da1c0;
    color: #fff
}

@media (prefers-reduced-motion:reduce) {
    .bootstrap-tagsinput .tag {
        transition: none
    }
}

.bootstrap-tagsinput .tag:empty {
    display: none
}

.bootstrap-tagsinput .tag span[data-role=remove] {
    position: absolute;
    left: 1px;
    top: 0;
    bottom: 0;
    width: 1.25rem;
    text-align: center;
    line-height: 2;
    cursor: pointer
}

.bootstrap-tagsinput .tag span[data-role=remove]:hover {
    background-color: rgba(0, 0, 0, .125)
}

.bootstrap-tagsinput .tag span[data-role=remove]::after {
    content: "\00D7";
    font-size: 110%
}




.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    width: 95px !important;
}

.icon a {
    color: #ffffff;
}

.icon a:hover {
    color: #000000;
}

.health-status-block.status-badge-blue {
    background-color: #00C0EF !important;
}

.health-status-block.status-badge-blue .icon {
    background-color: #00A3CB !important;
}

.health-status-block.status-badge-green2 {
    background-color: #00A65A !important;
}

.health-status-block.status-badge-green2 .icon {
    background-color: #008D4D !important;
}

.health-status-block.status-badge-orange {
    background-color: #F39C12 !important;
}

.health-status-block.status-badge-orange .icon {
    background-color: #CF850F !important;
}

.health-status-block.status-badge-red {
    background-color: #DD4B39 !important;
}

.health-status-block.status-badge-red .icon {
    background-color: rgba(188, 64, 49, 0.51) !important;
}

.health-status-block.status-badge-green1 {
    background-color: #20c997 !important;
}

.health-status-block.status-badge-green1 .icon {
    background-color: #00a65a !important;
}

.health-status-block.status-badge-brown {
    background-color: #c59c6b !important;
}

.health-status-block.status-badge-brown .icon {
    background-color: #bc905b !important;
}



.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.row-eq-height .col-md-4 {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px
}

.system-health-export-buttons {
    margin-top: -46px
}

.health-status-blocks {
    margin: 10px 0
}

.health-status-block {
    margin: 5px 2px;
    border-radius: 1rem;
    color: #fff;
    width: 100%;
}

.health-status-block .icon {
    float: left;
    display: inline-block;
    width: 30%;
    height: 70px;
    font-size: 2.6em;
    line-height: 70px;
    text-align: center;
    border-radius: 1rem 0 0 1rem;
}

.health-status-block .detail {
    float: left;
    display: inline-block;
/*    padding: 20px 5px 5px 5px;*/
    padding: 2px;
    width: 70%;
    height: 70px;
    border-radius: 0 4px 4px 0;
    align-content: center;
}

.health-status-block .detail a {
    color: #000000;
}

.health-status-block .detail a:hover {
    color: #ffffff;
}

.health-status-block .detail span {
    display: block
}

.health-status-block .detail span.count {
    font-size: 2em;
    white-space: nowrap;
    overflow: hidden
}

.health-status-block .detail span.desc {
    margin-top: -5px;
    font-size: .8em;
    white-space: nowrap;
    overflow: hidden
}

.health-status-col-margin {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.health-status-col-margin .col-sm-4 {
    padding-right: 7.5px;
    padding-left: 7.5px
}

.health-status-col {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 7.5px;
    padding-left: 7.5px;
    width: 33.33333333%
}

.health-status-col-danger {
    left: 66.66666667%
}

.health-status-col-success {
    right: 66.66666667%
}

.avatarpresenter {
    vertical-align: middle;
    width: 7em;
    height: 7em;
    border-radius: 50%;
    border: 3px solid red;
    line-height: 1;
}

.avatarradvin {
    vertical-align: middle;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 3px solid red;
}

.avatarlogin {
    vertical-align: middle;
    width: 3em;
}

.avatar11 {
    vertical-align: middle;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    border: 2px solid #000;
}

.avatarfacultymemberradvin {
    vertical-align: middle;
    width: 100%;
    max-width: 15em;
    height: auto;
    border-radius: 1rem;
    border: 0px solid #DDD;
}

.presenterbox {
    border-bottom: 1px dotted #e2e2e2;
}

.post-inline-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/******************  News Slider Demo-1 *******************/
.post-slide {
    overflow: hidden;
    margin-left: 1em;
    background-color: #fff !important;
    border: 0px solid #DDD;
    border-radius: 1rem;
}

.avatar11 {
    vertical-align: middle;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    border: 2px solid #000;
}

.post-img {
    float: left;
    width: 100%;
    position: relative;
    margin-left: 0px;
}

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

.post-countdown {
    background: #008080;
    color: #fff;
    position: inherit;
    bottom: auto;
    right: 0;
    display: block;
    padding: 2% 3%;
    width: 95%;
    height: 3em;
    line-height: 2em;
    text-align: center;
    transition: all .5s ease;
    border-radius: 10rem;
    margin: 2.5%;
}

.countdown {
    display: block;
    font-weight: 700
}

.month {
    display: block;
    font-size: 1em;
    text-transform: uppercase
}

.post-review {
    padding: 1% 1% 1% 1%;
    border-top: 3px solid #38cfd8;
}

.post-slide:hover .post-review {
    border-top-color: #ec3c6a
}

.post-title {
    margin: 0 0 10px 0;
    height: 4em;
    text-align: justify;
}

.post-title a {
    line-height: 1.5em;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
}

.post-title a:hover {
    color: #336699;
    text-decoration: none;
    font-weight: 600;
}

.post-bar {
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 10px;
}

.post-bar:after,
.post-bar:before {
    border: 1px solid #38cfd8;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 36%;
    width: 55px;
}

.post-bar:before {
    border: 1px solid #ec3c6a;
    right: 48%;
}

.post-bar li {
    color: #555;
    margin-left: 10px;
    display: inline-block
}

.post-bar li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #ec3c6a
}

.post-bar li a:hover {
    color: #ec3c6a
}

.post-bar li i {
    color: #777;
    margin-left: 5px
}

.post-description {
    color: #444454
}

.post-description-bargozari {
    color: #000000;
}

.post-price {
    line-height: 21px;
    color: red;
}

.post-inline-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/******************  News Slider Demo-1 *******************/

.search-input {
  height: 3em;
  width: 100%;
  min-width: 200px;
}

.rtl-column .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 200px;
    direction: rtl;
    text-align: right;
}

.ltr-column .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 200px;
    direction: ltr;
    text-align: left;
}

/* custom4_far.css */
@media only screen and (min-width:992px) {
    .navbar.h-navbar {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25)
    }

    .sidebar.h-sidebar {
        position: relative;
        float: none !important;
        width: auto;
        margin-top: 17px;
        border-width: 0 !important;
        box-shadow: none
    }

    .sidebar.h-sidebar.compact,
    .sidebar.h-sidebar.menu-min {
        width: auto
    }

    .sidebar.h-sidebar.sidebar-fixed {
        position: fixed
    }

    .sidebar.h-sidebar.no-gap {
        margin-top: auto
    }

    .sidebar.h-sidebar.no-gap .nav-list {
        padding-top: 3px
    }

    .sidebar.h-sidebar:before {
        display: block;
        position: absolute;
        z-index: -1;
        left: 0 !important;
        right: 0 !important;
        top: -17px;
        bottom: auto;
        height: 17px;
        width: auto;
        border-width: 0;
        border-bottom: 1px solid;
        border-bottom-color: inherit
    }

    .main-content .sidebar.h-sidebar .nav-list > li:before,
    .sidebar.h-sidebar.lower-highlight .nav-list > li:before {
        top: 0
    }

    .sidebar.h-sidebar .nav-list {
        border-width: 0;
        border-bottom: 2px solid #79B0CE !important;
    }

    .sidebar.h-sidebar .nav-list > li {
        float: left;
        border-width: 0 0 0 1px;
        margin-left: 0
    }

    .sidebar.h-sidebar .nav-list > li:last-child {
        border-right-width: 1px
    }

    .sidebar.h-sidebar .nav-list > li:before {
        left: -1px;
        right: -1px;
        bottom: auto;
        top: -2px;
        max-width: none;
        width: auto;
        height: 2px;
        border-width: 0
    }

    .sidebar.h-sidebar .nav-list > li.active:before {
        display: block
    }

    .sidebar.h-sidebar .nav-list > li.active:after {
        display: none
    }

    .sidebar.h-sidebar .nav-list > li:first-child {
        border-left-width: 0;
        margin-left: 0
    }

    .sidebar.h-sidebar .sidebar-shortcuts + .nav-list > li:first-child {
        border-left-width: 1px;
        margin-left: -1px
    }

    .sidebar.h-sidebar .nav-list > li > a {
        line-height: 22px;
        height: auto;
        padding: 5px;
    }

    .sidebar.h-sidebar .nav-list > li > a > .menu-icon {
        display: block;
        margin: 1px 0 4px;
        line-height: inherit;
        width: auto
    }

    .sidebar.h-sidebar .nav-list > li.hover.hover-show > a ~ .arrow,
    .sidebar.h-sidebar .nav-list > li.hover:hover > a ~ .arrow,
    .sidebar.h-sidebar .nav-list > li > a > .arrow {
        display: none
    }

    .sidebar.h-sidebar .nav-list > li.hover.pull_right {
        float: none !important
    }

    .sidebar.h-sidebar .nav-list > li.hover > .submenu {
        top: 100%;
        left: 1px;
        margin-top: auto;
        margin-left: -2px;
        width: 190px;
        z-index: 1026
    }

    .sidebar.h-sidebar .nav-list > li.hover.pull_right > .submenu {
        left: auto;
        right: 1px
    }

    .sidebar.h-sidebar .nav-list > li.hover > .arrow {
        right: auto;
        top: auto;
        left: 24px;
        bottom: 7px
    }

    .sidebar.h-sidebar .nav-list > li.hover.pull_right > .arrow {
        left: auto;
        right: 24px
    }

    .sidebar.h-sidebar .nav-list > li.hover > .arrow:after,
    .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
        border-color: transparent;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        right: auto !important;
        left: -10px !important;
        border-width: 0 8px 8px !important
    }

    .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
        top: -1px !important
    }

    .sidebar.h-sidebar .nav-list > li.hover.hover-show > a.dropdown-toggle ~ .arrow,
    .sidebar.h-sidebar .nav-list > li.hover:hover > a.dropdown-toggle ~ .arrow {
        display: block
    }

    .sidebar.h-sidebar .nav-list > li.hover-flip > .submenu {
        left: auto;
        right: 1px;
        margin-left: auto;
        margin-right: -2px
    }

    .sidebar.h-sidebar .nav-list > li.hover-flip > .arrow {
        left: auto;
        right: 24px
    }

    .sidebar.h-sidebar .nav-list li li.hover-flip > .submenu {
        left: auto;
        right: 100%;
        margin-left: auto;
        margin-right: -2px
    }

    .sidebar.h-sidebar .nav-list li li.hover-flip > .arrow {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
        left: 0;
        right: auto
    }

    .sidebar.h-sidebar .sidebar-shortcuts-large:after,
    .sidebar.h-sidebar .sidebar-shortcuts-large:before {
        display: block;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -8px;
        border: 1px solid transparent;
        border-width: 0 8px 8px
    }

    .sidebar.h-sidebar .sidebar-shortcuts-large:after {
        border-right-color: transparent;
        top: -8px
    }

    .sidebar.h-sidebar .sidebar-shortcuts-large:before {
        border-bottom-color: #CCC;
        top: -9px
    }

    .sidebar.h-sidebar .sidebar-toggle {
        position: absolute;
        top: 12px;
        right: 6px;
        background-color: transparent;
        border-width: 0
    }

    .sidebar.h-sidebar .sidebar-shortcuts {
        float: left;
        display: block;
        overflow: visible;
        position: relative;
        margin: 0;
        padding: 12px 8px 9px;
        max-height: none !important;
        background-color: transparent
    }

    .sidebar.h-sidebar .sidebar-shortcuts.hover-show .sidebar-shortcuts-large,
    .sidebar.h-sidebar .sidebar-shortcuts:hover .sidebar-shortcuts-large {
        display: block
    }

    .sidebar.h-sidebar .sidebar-shortcuts-large {
        display: none;
        width: 52px;
        height: auto;
        position: absolute;
        z-index: 1025;
        top: 100%;
        margin-top: -5px;
        left: 10px;
        padding: 3px 2px;
        border: 1px solid
    }

    .sidebar.h-sidebar .sidebar-shortcuts-mini {
        width: auto;
        max-width: 52px;
        display: block;
        background-color: transparent;
        padding-top: 3px;
        padding-bottom: 5px
    }

    .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn {
        padding: 9px
    }

    .sidebar.h-sidebar .nav-list a .badge,
    .sidebar.h-sidebar .nav-list a .label {
        position: absolute;
        top: 11px;
        right: auto !important;
        left: 50%;
        margin-left: 10px
    }

    .sidebar.h-sidebar + .main-content {
        margin-left: 0
    }

    .sidebar.h-sidebar + .main-content .breadcrumbs {
        margin: 6px 9px;
        border: 1px solid #E5E5E5
    }

    .h-sidebar.sidebar-fixed {
        top: auto;
        width: 100%;
        left: 0;
        right: 0
    }

    .h-sidebar.sidebar-fixed:before {
        z-index: auto
    }

    .h-sidebar.sidebar-fixed,
    .h-sidebar.sidebar-fixed .nav-list {
        border-right-width: 0;
        border-left-width: 0
    }

    .h-sidebar.sidebar-fixed .sidebar-shortcuts {
        border-width: 0
    }

    .h-sidebar.sidebar-fixed + .main-content {
        padding-top: 88px
    }

    .h-sidebar.sidebar-fixed.no-gap + .main-content {
        padding-top: 74px
    }

    .h-sidebar.sidebar-fixed.menu-min + .main-content {
        padding-top: 63px
    }

    .h-sidebar.sidebar-fixed.menu-min.no-gap + .main-content {
        padding-top: 49px
    }
}

.addOn {
    width: 100%;
    margin-bottom: 1rem
}

.addOn label {
    width: 100%;
    display: flex;
    padding: 1rem 2rem;
    color: #343448;
    font-size: 1.5rem;
    position: relative;
    background: #fff;
    align-items: center;
    box-shadow: 0 5px 10px 0 rgba(20, 83, 155, .05);
    border-radius: .3333rem;
    cursor: pointer
}

.addOn label:before {
    content: "+";
    width: 2rem;
    display: flex;
    font-size: 2rem;
    margin-left: 1rem;
    padding-top: .5rem;
    justify-content: center
}

.addOn input {
    display: none
}

.addOn input:checked + label:before {
    content: "–"
}

.coverbg {
    padding: 5px;
    border: 2px dashed #DDD;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 3.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 2em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 2em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.6em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: linear-gradient(90deg, #91efd4 50%, #25a06f);
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #25a06f;
    background: #25a06f;
    font-weight: normal;
    color: #25a06f;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #25a06f;
    background: #25a06f;
    font-weight: normal;
    color: #25a06f;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}


.bgviewevent {
    /* 	color: #fff;
	min-height: 20rem;
	position: absolute;
	background: rgb(100, 160, 130);
	background: linear-gradient(90deg, #4dba64, #25a06f); */
}

.kazemi1 {
    /* 	padding-top: 10px;
 	background: linear-gradient(180deg, #134c27 2%, #ffffff);
	background: linear-gradient(180deg, #70927c 2%, #fff); */
    /*     background: linear-gradient(to bottom, #393738 30%, #cccccc 0% 100%) !important; */
    background: linear-gradient(to bottom, #393738 30%, #ffffff 0% 100%) !important;
}

.mainslider {
    color: #fff;
    min-height: 5rem;
    position: relative;
    /* 	background: linear-gradient(90deg, #4dba64, #25a06f); */
    background: rgb(100, 160, 130);
}

.mainsliderbg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .05;
    position: absolute;
}

.subjectbgcaroop {
    padding: 15px 0;
    position: relative;
    cursor: pointer
}

.subjectbgcaroop,
.subjectbgcaroop:hover {
    color: #fff;
}

.subjectbgcaroop .light-font {
    font-weight: 400
}

.subjectbgcaroop .btn {
    border-width: 2px;
    font-weight: 700
}

.subjectbgcaroop img {
    margin-top: -6px
}

.subjectbgcaroop a {
    position: relative;
    border: none !important;
    padding: 7px 15px;
    border-radius: 30px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

.subjectbgcaroop a img {
    position: initial;
    top: 2px;
    left: 0;
    pointer-events: none;
    width: 100%;
}

@media (max-width:991.98px) {
    .subjectbgcaroop .subjectbgcaroopText {
        justify-content: flex-start !important;
        margin-bottom: .4rem !important
    }

    .subjectbgcaroop .subjectbgcaroopCounter {
        flex-direction: row;
        justify-content: flex-start !important
    }

    .subjectbgcaroop .subjectbgcaroopCounter .es-countdown {
        display: flex
    }

    .subjectbgcaroop .subjectbgcaroopCounter .es-countdown div div {
        margin-left: 1rem
    }

    .subjectbgcaroop .subjectbgcaroopCounter .es-countdown span {
        padding-left: 3px;
        padding-right: 3px
    }

    .subjectbgcaroop .subjectbgcaroopBtn {
        justify-content: flex-end !important
    }
}

@media (max-width:767.98px) {
    .subjectbgcaroop .row {
        justify-content: center !important
    }

    .subjectbgcaroop .subjectbgcaroopCounter {
        justify-content: flex-start !important
    }

    .subjectbgcaroop .subjectbgcaroopCounter div div {
        display: none
    }

    .subjectbgcaroop .subjectbgcaroopBtn {
        justify-content: flex-end !important
    }
}


.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cc-selectpaycard input {
    position: absolute;
    z-index: 999;
}

.wallet {
    background-image: url(../images/wallet.png);
}

.irankish {
    background-image: url(../images/irankish.png);
}

.mellat {
    background-image: url(../images/mellat.png);
}

.melli {
    background-image: url(../images/melli1.png);
}

.payline {
    background-image: url(../images/payline.png);
}

.zarinpal {
    background-image: url(../images/zarinpal.png);
}

.parsian {
    background-image: url(../images/parsian.png);
}

.sepehr {
    background-image: url(../images/sepehr.png);
}

.pasargad {
    background-image: url(../images/pasargad.png);
}

.pasargad1 {
    background-image: url(../images/pasargad.png);
}

.cc-selectpaycard input:active + .drinkcard-cc,
.cc-selector input:active + .drinkcard-cc {
    opacity: .9;
}

.cc-selectpaycard input:checked + .drinkcard-cc,
.cc-selector input:checked + .drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}

.drinkcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}


.btn-lg {
    height: calc(2em + 1rem + 5px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 2;
}

.btn-caroop-success {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #25a06f !important;
    color: #25a06f !important;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(to right, #25a06f 0, #25a06f 100%);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-success:hover {
    background-size: 100% 100%;
    color: #fff !important;
}

.btn-caroop-success-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #25a06f !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #25a06f 0, #25a06f 100%);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-success-radvin:hover {
    background-size: 0% 100%;
    color: #25a06f !important;
}

.btn-caroop-danger {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #ff0000 !important;
    color: #ff0000 !important;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(to right, #ff0000, #ff2400);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-danger:hover {
    background-size: 100% 100%;
    color: #fff !important;
}

.btn-caroop-danger-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #ff0000 !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #ff0000, #ff2400);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-danger-radvin:hover {
    background-size: 0% 100%;
    color: #ff0000 !important;
}

.btn-caroop-brown {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #bc905b !important;
    color: #bc905b !important;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(to right, #bc905b, #c59c6b);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-brown:hover {
    background-size: 100% 100%;
    color: #fff !important;
}

.btn-caroop-brown-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #bc905b !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #bc905b, #c59c6b);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-brown-radvin:hover {
    background-size: 0% 100%;
    color: #bc905b !important;
}

.btn-caroop-black {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #000000 !important;
    color: #000000 !important;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(to right, #000000, #000000);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-black:hover {
    background-size: 100% 100%;
    color: #ffffff !important;
}

.btn-caroop-white {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #ffffff !important;
    color: #ffffff !important;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(to right, #ffffff, #ffffff);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-white:hover {
    background-size: 100% 100%;
    color: #000000 !important;
}

.btn-caroop-blue {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #0000FF !important;
    color: #0000FF !important;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(to right, #0000FF, #0000FF);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-blue:hover {
    background-size: 100% 100%;
    color: #fff !important;
}

.btn-caroop-blue-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #0000FF !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #0000FF, #0000FF);
    transition: all 0.35s ease;
    overflow: hidden;
}

.btn-caroop-blue-radvin:hover {
    background-size: 0% 100%;
    color: #0000FF !important;
}

.btn-caroop-warning {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #f39c12 !important;
    color: #f39c12 !important;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-image: linear-gradient(to right, #f39c12 0%, #f39c12 100%);
    transition: all 0.35s ease;
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    overflow: hidden;
}

.btn-caroop-warning:hover {
    background-size: 100% 100%;
    color: #ffffff !important;
}

.btn-caroop-warning-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #f39c12 !important;
    color: #000000 !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #f39c12 0%, #f39c12 100%);
    transition: all 0.35s ease;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.btn-caroop-warning-radvin:hover {
    background-size: 0 100%;
    color: #f39c12 !important;
}


.ticket-replies .reply {
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    position: relative;
}

.ticket-replies .replies-admin {
    direction: ltr
}

.ticket-replies .replies-user-info {
    display: inline-block;
    padding: 13px 11px;
    text-align: center;
    vertical-align: top;
    width: 120px;
    border-radius: 0 10px 10px 25px;
    font-size: 0.8em;
}

.ticket-replies .replies-user-info .replies-user-image {
    border-radius: 50%;
    max-width: 100%;
    margin-bottom: 5px;
    width: 64px;
    height: 64px;
    border: 2px solid #e53935 !important;

}

.ticket-replies .replies-user-info > span {
    display: block
}

.ticket-replies .replies-user-info .replies-user-title {
    color: #616161;
    text-align: initial;
    width: 120px
}

.ticket-replies .replies-admin-info .replies-admin-title {
    color: #616161;
    text-align: left;
    width: 120px
}

.ticket-replies .replies-user-info .replies-user-title span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: calc(100% - 20px)
}

.ticket-replies .replies-user-info .replies-user-title i {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0;
    text-align: center;
    vertical-align: top;
    width: 15px
}

.ticket-replies .replies-user-info .replies-user-type {
    border-radius: 15px;
    height: 24px;
    margin: 0;
    text-align: right;
    width: 100px
}

.ticket-replies .replies-admin .replies-user-info .replies-user-type {
    background: #3F51B5;
    border: 2px solid #3F51B5 !important;
}

.ticket-replies .replies-client .replies-user-info .replies-user-type {
    background: #e53935;
    border: 2px solid #e53935 !important;
}

.ticket-replies .replies-user-info .replies-user-type span {
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: calc(100% - 28px)
}

.ticket-replies .replies-user-info .replies-user-type i {
    background: #fff;
    border-radius: 100%;
    color: #ccc;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0;
    text-align: center;
    vertical-align: top;
    width: 20px
}

.ticket-replies .replies-info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 125px);
}

.ticket-replies .replies-date-attachment {
    position: absolute;
    bottom: -1px;
    z-index: 1
}

.ticket-replies .replies-admin .replies-date-attachment {
    direction: ltr;
    right: -1px;
    align-self: center;
    align-items: center;
    vertical-align: middle;
}

.ticket-replies .replies-client .replies-date-attachment {
    left: -1px
}

.ticket-replies .replies-date {
    background: #f7f7f7;
    color: #757575;
    display: flex;
    direction: ltr;
    height: 32px;
    padding: 0 5px 0 20px;
    align-content: center;
    align-items: center;
}

.ticket-replies .replies-admin .replies-date {
    border-radius: 10px 0 0 0
}

.ticket-replies .replies-client .replies-date {
    border-radius: 0 10px 0 0
}

.ticket-replies .replies-attahcments {
    display: inline-block;
    color: #fff;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    vertical-align: top
}

.ticket-replies .replies-admin .attachemets-list + .replies-date {
    border-radius: 0 0 10px 0
}

.ticket-replies .replies-client .attachemets-list + .replies-date {
    border-radius: 0 0 0 5px
}

.replies-attahcments + .attachemets-list {
    display: none
}

.ticket-replies .replies-admin .replies-attahcments {
    background: #3F51B5;
    border-radius: 5px 0 0 0;
    margin-right: 0
}

.ticket-replies .replies-client .replies-attahcments {
    background: #e53935;
    border-radius: 0 5px 0 0;
    margin-left: -4px
}

.ticket-modals .modal-content {
    border: none;
    border-radius: 3px
}

.ticket-modals .modal-header {
    background: #0888f5;
    border: none;
    border-radius: 3px 3px 0 0;
    color: #fff;
    height: 38px;
    padding: 10px 15px 0 10px
}

.ticket-modals .close {
    color: #fff;
    height: 38px;
    line-height: 1;
    outline: none;
    position: relative;
    text-align: left;
    text-shadow: none;
    top: -9px;
    left: 5px;
    transition: all .2s ease-in-out;
    vertical-align: top;
    width: 40px
}

.ticket-modals .modal-title {}

#modal-ticket-attachments ul {
    direction: ltr;
    display: block;
    padding: 0;
    width: 100%
}

#modal-ticket-attachments ul li {
    direction: ltr;
    transition: all .25s ease-in-out
}

#modal-ticket-attachments ul li:nth-child(odd) {
    background: #FAFAFA
}

#modal-ticket-attachments ul li:nth-child(even) {
    background: #EEE
}

#modal-ticket-attachments ul li:hover {
    background: #E0E0E0
}

#modal-ticket-attachments ul li a {
    color: #757575;
    transition: all .25s ease-in-out
}

#modal-ticket-attachments ul li:hover a {
    color: #424242
}

#modal-ticket-attachments ul li .fa {
    background: #3f51b5;
    color: #fff;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    opacity: .5;
    text-align: center;
    vertical-align: top;
    width: 32px
}

#modal-ticket-attachments ul li span {
    color: inherit;
    display: inline-block;
    height: 32px;
    line-height: 36px;
    padding: 0 10px;
    text-align: left;
    vertical-align: top;
    width: calc(100% - 38px)
}

.ticket-replies .replies-date span,
.ticket-replies .replies-date i {
    display: inline-block;
    direction: ltr;
    vertical-align: middle;
}

.ticket-replies .replies-date i {
    position: relative;
    margin: 0 5px 0 -10px;
}

.ticket-replies .replies-content {
    background: #fdfdfd;
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    color: #616161;
    min-height: 140px;
    padding: 15px 15px 30px;
    position: relative;
    direction: rtl;
}

.ticket-replies .replies-admin .replies-content:before {
    border: 12px solid #f7f7f7 !important;
    border-radius: 50px 0 0 0;
    content: "";
    display: inline-block;
    position: absolute;
    right: calc(100% + 1px);
    top: 5px;
    z-index: 1;
    display: none
}

.ticket-replies .replies-admin .replies-content:after {
    border: 16px solid #fff;
    border-radius: 25px 0 0 0;
    content: "";
    display: inline-block;
    position: absolute;
    right: calc(100% + 1px);
    top: 18px;
    z-index: 2;
    display: none
}

.ticket-replies .replies-client .replies-content:before {
    border: 12px solid #fff !important;
    border-radius: 0 50px 0 0;
    content: "";
    display: inline-block;
    position: absolute;
    left: calc(100% + 1px);
    top: 5px;
    z-index: 1;
    display: none
}

.ticket-replies .replies-client .replies-content:after {
    border: 16px solid #fff;
    border-radius: 0 25px 0 0;
    content: "";
    display: inline-block;
    position: absolute;
    left: calc(100% + 1px);
    top: 18px;
    z-index: 2;
    display: none
}

.ticket-replies .replies-rank {
    padding-top: 15px
}

.ticket-replies .rating span.star {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    transition: all .2s ease-in-out
}

.ticket-replies .rating span.star:hover,
.ticket-replies .rating span.star:hover ~ span.star,
.ticket-replies .rating-done span.star.active {
    color: #FFC107
}

#modal-ticket-add-reply .md-header,
#modal-ticket-add-reply .md-footer,
#modal-ticket-add-reply .md-fullscreen-controls {
    display: none
}

#modal-ticket-add-reply label[for="inputMessage"] {
    color: #757575;
    font-weight: 400
}

#modal-ticket-add-reply .md-editor {
    border: none
}

#modal-ticket-add-reply .md-editor textarea {
    border: 1px solid #eee !important;
    border-radius: 3px;
    display: block;
    margin: 0;
    width: calc(100%)
}

#modal-ticket-add-reply .input-attachment-item input {
    height: .01px;
    width: .01px;
    overflow: hidden
}

#modal-ticket-add-reply .attachments-title-conainer {
    border-bottom: 1px solid #eee;
    padding: 2px 7px 4px 4px
}

#modal-ticket-add-reply .attachments-title-conainer:after {
    clear: both;
    content: "";
    display: block;
    width: 100%
}

#modal-ticket-add-reply .attachments-title-conainer .addTicketAttachmentItem {
    float: left;
    padding: 1px 10px;
    outline: none;
    line-height: 25px;
}

#modal-ticket-add-reply .attachments-title-conainer .addTicketAttachmentItem i {
    display: inline-block;
    position: relative;
    padding: 5px;
    top: 1px;
    vertical-align: initial
}

.input-attachment-items {
    margin: 10px 0
}

.input-attachment-item {
    border-radius: 3px;
    margin: 3px 0;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.input-attachment-item:nth-child(even) {
    background: #F5F5F5
}

.input-attachment-item:nth-child(odd) {
    background: #EEE
}

.input-attachment-item:hover {
    background: #E0E0E0
}

.input-attachment-item label i,
.input-attachment-item label span {
    display: inline-block
}

.input-attachment-item label {
    display: block;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.input-attachment-item .selectfile {
    background: #3F51B5;
    border-radius: 0 3px 3px 0;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px
}

.input-attachment-item .selectedfile {
    color: #3f51b5;
    direction: ltr;
    line-height: 36px;
    padding: 0 5px;
    text-align: left;
    vertical-align: top;
    width: calc(98% - 100px)
}

a.autoLinked {
    color: #2392ec;
    word-wrap: break-word
}

@media(max-width: 576px) {
    .ticket-replies .replies-info {
        width: 100%
    }

    .ticket-replies .replies-user-info {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        background: #fff;
        border: 0
    }

    .ticket-replies .replies-client .replies-user-info {
        text-align: right
    }

    .ticket-replies .replies-user-info .replies-user-type {
        height: 20px
    }

    .ticket-replies .replies-user-info .replies-user-type span {
        height: 18px;
        line-height: 17px;
        vertical-align: top
    }

    .ticket-replies .replies-user-info .replies-user-type i {
        height: 16px;
        line-height: 16px;
        font-size: 8px;
        width: 16px
    }

    .ticket-replies .replies-client .replies-content:before {
        border: 8px solid #f7f7f7;
        border-radius: 0 20px 0 0;
        bottom: calc(100% + 1px);
        display: none;
        left: auto;
        right: 4px;
        top: auto
    }

    .ticket-replies .replies-client .replies-content:after {
        border: 9px solid #fff;
        border-radius: 0 30px 0 0;
        bottom: calc(100% + 1px);
        display: none;
        left: auto;
        right: 13px;
        top: auto
    }

    .ticket-replies .replies-client .replies-user-info .replies-user-image {
        float: right;
        margin-top: 0;
        width: 48px
    }

    .ticket-replies .replies-client .replies-user-info .replies-user-title {
        display: inline-block;
        height: 24px;
        padding-right: 9px;
        vertical-align: top;
        width: calc(100% - 55px)
    }

    .ticket-replies .replies-client .replies-user-info .replies-user-type {
        border: 1px solid #e53935 !important;
        border-right: 2px solid #e53935 !important;
        display: inline-block;
        float: right;
        margin-right: 5px
    }

    .ticket-replies .replies-admin .replies-content:before {
        border: 8px solid #f7f7f7;
        border-radius: 20px 0 0 0;
        bottom: calc(100% + 1px);
        display: none;
        left: auto;
        left: 4px;
        top: auto
    }

    .ticket-replies .replies-admin .replies-content:after {
        border: 9px solid #fff;
        border-radius: 30px 0 0 0;
        bottom: calc(100% + 1px);
        display: none;
        left: auto;
        left: 13px;
        top: auto
    }

    .ticket-replies .replies-admin .replies-user-info {
        text-align: left
    }

    .ticket-replies .replies-admin .replies-user-info .replies-user-image {
        float: left;
        margin-top: 0;
        width: 48px
    }

    .ticket-replies .replies-admin .replies-user-info .replies-user-title {
        direction: ltr;
        display: inline-block;
        height: 24px;
        padding-left: 9px;
        text-align: left;
        vertical-align: top;
        width: calc(100% - 55px)
    }

    .ticket-replies .replies-admin .replies-user-info .replies-user-type {
        display: inline-block;
        float: left;
        margin-left: 5px;
        direction: ltr;
        text-align: left
    }

    .ticket-replies .replies-admin .replies-user-info .replies-rank {
        display: none
    }
}

.ticket-info {
    font-size: 100%;
}

.ticket-info-block {
    padding: 0 0 10px
}

.ticket-info-block.btns {
    text-align: center
}

.ticket-info-block .ticket-info-block-content {
    border-radius: 5px;
    padding: 20px 10px 15px;
    position: relative;
    border: 1px solid #f5f5f5
}

.ticket-info-block .ticket-info-block-btn {
    border-radius: 3px;
    padding: 5px;
    position: relative
}

.ticket-info-block .ticket-info-item {
    padding: 0
}

.ticket-info-block .ticket-info-item .icon {
    color: #52a3e8;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    vertical-align: top;
    width: 30px
}

.ticket-info-block .ticket-info-item .title {
    color: #757575;
    display: inline-block;
    height: 30px;
    line-height: 34px;
    vertical-align: top
}

.ticket-info-block .ticket-info-item .value {
    color: #757575;
    display: inline-block;
    float: left;
    height: 30px;
    padding: 8px 0;
    text-align: left;
    vertical-align: top;
    width: calc(95% - 135px)
}

.ticket-status {
    display: inline-block;
    height: 28px;
    opacity: 1;
    padding: 5px 10px;
    position: absolute;
    right: 1px;
    top: 10px;
    transform: rotateZ(-90deg);
    transform-origin: top right;
    width: 90px;
    z-index: 1;
    color: #0b75b6 !important
}

.ticket-status:before {
    border: 14px solid;
    border-left: 16px solid transparent;
    bottom: 0;
    content: "";
    display: inline-block;
    left: -25px;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: -1px
}

.ticket-status span {
    color: #fff;
    position: absolute;
    z-index: 1
}

/* 
.ticket-info-block .ticket-info-item .btn {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	min-width: 110px;
	padding: 5px 8px 0 5px;
	text-align: right;
	vertical-align: top;
	width: 100%
} */

/* .ticket-info-block .ticket-info-item .btn i {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-left: 1px;
	text-align: center;
	vertical-align: top;
	width: 20px
} */

.ticket-info-block .ticket-info-item .btn span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: top
}

.ticket-info-block .close-ticket {
    background: #e53935
}

.ticket-info-block .add-reply {
    background: #00C853
}

.ticket-info-block .replies-attahcments {
    background: #FFA000
}

@media (max-width: 992px) {
    .ticket-info {
        border-radius: 3px;
        box-shadow: none;
        padding: 0 0 5px;
        position: rela tive
    }

    .ticket-info > div {
        position: static
    }

    .ticket-info > div:nth-child(2) {
        border-bottom: 1px solid #eee;
        padding-bottom: 10px
    }

    .ticket-info-block {
        padding: 0
    }

    .ticket-info-block.btns {
        padding-top: 5px
    }

    .ticket-info-block.btns .ticket-info-item {
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
        width: 32%
    }

    .ticket-info-block.btns .ticket-info-item .btn {
        text-align: center;
        width: 100%
    }

    .ticket-info-block .ticket-info-block-content {
        box-shadow: none;
        padding: 0;
        position: static
    }
}

@media (max-width: 567px) {
    .ticket-info > div:nth-child(2) {
        border-bottom: none;
        padding-bottom: 0
    }

    .ticket-info-block .ticket-info-item .value {
        display: block;
        line-height: auto;
        padding-right: 55px;
        padding-top: 0;
        text-align: left;
        width: 100%
    }

    .ticket-info-block.btns .ticket-info-item,
    .ticket-info-block.btns .ticket-info-item .btn {
        text-align: center;
        width: 100%
    }
}

.removefavourite {
    display: none;
}

.card-kazemi-header {
    width: 100%;
    position: relative;
    border-radius: .3333rem .3333rem 0 0;
}

.addfavevent {
    cursor: pointer;
    z-index: 1001;
    display: flex;
    position: absolute;
    bottom: -20px;
    left: 10px;
    background-color: #fff;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 7px 0 rgba(30, 80, 145, .25);
}

.addfavevent i {
    font-size: 14px;
    color: #191970;
    line-height: inherit;
}

.topfilterevent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 100%;
    background-color: #f5f5f5;
    border-radius: 1rem;
}

.topfilterevent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 100%;
}

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

.topfiltereventtypes {
    margin-left: 1rem;
    padding-top: 2px;
    padding-bottom: 2px;
}

.topfiltereventtypes span {
    margin-left: .5rem
}

.topfiltereventtypes select {
    border: 1px solid #c1cfe6;
    height: 35px;
    border-radius: 5px;
    width: 160px;
    padding: 0 10px;
    outline: none;
    cursor: pointer
}

.topfiltereventgrid {
    position: relative;
    border: 1px solid #c1cfe6;
    height: 35px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.topfiltereventgrid span {
    cursor: pointer;
    padding: 10px
}

.topfiltereventgrid span i {
    font-size: 18px;
    line-height: 35px;
    text-align: right;
    color: #c1cfe6;
    transition: all .5s
}

.topfiltereventgrid span i.active,
.topfiltereventgrid span i:hover {
    color: #5d597a
}

.topfiltereventgrid:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 50%;
    height: 20px;
    border-right: 1px solid #c1cfe6
}

@media (max-width:767.98px) {

    .topfiltereventbreadcrumb,
    topfiltereventdetails {
        margin-bottom: 1rem;
    }

    .topfiltereventtypes select {
        width: 120px
    }

    .topfiltereventtypes span {
/*        display: none*/
    }

    .topfilterevent {
        flex-wrap: wrap
    }

    .topfiltereventholder {
        padding: .3rem 1rem !important
    }
}


.btn-caroop {
    color: #fff;
    background-color: #336699;
    border-color: #336699;
}

.btn-caroop:hover {
    color: #fff;
    background-color: #191970;
    border-color: #191970;
}

.btn-caroop.focus,
.btn-caroop:focus {
    background-color: #191970;
    border-color: #191970;
}

.btn-caroop.focus.fs--shadow,
.btn-caroop:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-caroop:not(:disabled):not(.disabled).active,
.btn-caroop:not(:disabled):not(.disabled):active,
.show > .btn.btn-pink.dropdown-toggle {
    background-color: #336699;
    border-color: #336699;
    color: #fff
}

.btn-caroop.disabled,
.btn-caroop:disabled {
    background-color: #336699;
    border-color: #191970
}

.caroop-bg-red {
    background: linear-gradient(90deg, #ff5969, #d01d31)
}

.caroop-bg-blue {
    background: linear-gradient(90deg, #01d1de, #0289fe)
}

.caroop-bg-green {
    background: linear-gradient(90deg, #4dba64, #25a06f)
}

.caroop-bg-orange {
    background: linear-gradient(90deg, #ff8f3c, #ff5343)
}

.caroop-bg-primary {
    background: linear-gradient(90deg, #4dba64, #25a06f)
}

.subscribefooter {
    z-index: 100;
    position: relative;
    background: #ffffff;
    padding: 2rem;
    box-shadow: 0 0 5px 0 rgba(20, 80, 150, 0.5);
    border-radius: 0.7rem;
}

.subscribefooter .text {
    display: flex;
    color: #898989;
    margin-top: 1rem;
}

.subscribefooter img {
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
}

.subscribefooter img:hover {
    opacity: 0.5;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.3s ease-in-out 0s;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-top: 1px so border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    flex: auto;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 15px 20px;
    border-bottom: 1px solid #DDD;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 110%;
    color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
/*    border-radius: 4px;*/
}

.panel-group .panel + .panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 1;
    margin-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}

.panel-default {
    border-color: #ddd;
}

.panel-default > .panel-heading {
    color: #333333;
    background-color: #fff;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
} 

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
}


.showimg img {
    max-height: 30px;
    max-width: 30px;
}

.text-kazemi-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.caption-slider-top {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
    background: rgba(0, 0, 0, .2);
    padding: 1em 2em;
    max-height: 15em;
    overflow: hidden;
    color: #ffffff !important;
}

/*
.caption-slider-top:hover {
    color: #000000 !important;
}
*/



.btnRemoveAction {
    background: #c1cfe6;
    width: 31px;
    height: 31px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer
}

.btnRemoveAction:hover {
    background: #d01d31
}

.btnRemoveAction:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}


.btnRemoveActionSmall {
    background: #c1cfe6;
    min-width: 21px;
    height: 21px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer;
    color: #ffffff;
    right: 0;
    padding-right: 5px;
    padding-left: 5px;
}

.btnRemoveActionSmall:hover {
    background: #d01d31;
    color: #ffffff;
}

.btnRemoveActionSmall:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}

.btnEditActionSmall {
    background: #c1cfe6;
    min-width: 21px;
    height: 21px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer;
    color: #ffffff;
    right: 50px;
    padding-right: 5px;
    padding-left: 5px;
}

.btnEditActionSmall:hover {
    background: #1ab394;
    color: #000000;
}

.btnEditActionSmall:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}

div#myCategories {
    position: absolute;
    z-index: 2;
    top: 100%
}

#category_menu {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1
}

#category_menu ul,
#category_menu ul li,
#category_menu ul ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#category_menu ul {
    position: relative;
    z-index: 597;
    float: right;
}

#category_menu ul li {
    float: left;
    min-height: 1px;
    line-height: 1em;
    vertical-align: middle;
    position: relative
}

#category_menu ul li.hover,
#category_menu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default
}

#category_menu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 598;
    width: 100%;
}

#category_menu ul ul li {
    float: none
}

#category_menu ul ul ul {
    top: -2px;
    right: 0
}

#category_menu ul li:hover > ul {
    visibility: visible
}

#category_menu ul ul {
    top: 1px;
    right: 99%;
}

#category_menu ul li {
    float: none
}

#category_menu ul ul {
    margin-top: 1px
}

#category_menu ul ul li {
    font-weight: 400
}

#category_menu {
    width: 250px;
    background: #fff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 0 42px 0 rgba(32, 32, 32, 0.15);
    -webkit-box-shadow: 0 0 42px 0 rgba(32, 32, 32, 0.15)
}

#category_menu:before {
    content: '';
    display: block
}

#category_menu:after {
    content: '';
    display: table;
    clear: both
}

#category_menu a {
    display: block;
    padding: 17px 20px;
    text-decoration: none;
    border-bottom: 1px dashed #e5e8ef
}

#category_menu ul li:last-child a,
#category_menu ul ul > li:last-child a,
#category_menu ul ul ul > li:last-child a {
    border-bottom: none
}

#category_menu > ul {
    width: 100%
}

#category_menu ul ul {
    width: 270px;
}

#category_menu li {
    position: relative
}

#category_menu ul li.has-sub > a:after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -9px;
}

#category_menu ul ul li.first {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0
}

#category_menu ul ul li.last {
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px;
    border-radius: 0 0 3px 0;
    border-bottom: 0
}

#category_menu ul ul {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

#category_menu ul ul {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 42px 0 rgba(32, 32, 32, 0.15);
    -webkit-box-shadow: 0 0 42px 0 rgba(32, 32, 32, 0.15)
}

#category_menu ul ul a {
    font-size: 14px
}

#category_menu.align-right > ul > li > a {
    border-left: 4px solid #d50000;
    border-right: none
}

#category_menu.align-right {
    float: right
}

#category_menu.align-right li {
    text-align: right
}

#category_menu.align-right ul li.has-sub > a:before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -6px
}

#category_menu.align-right ul li.has-sub > a:after {
    content: none
}

#category_menu.align-right ul ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 598;
    width: 100%
}

#category_menu.align-right ul ul li.first {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0;
    border-radius: 3px 0 0 0
}

#category_menu.align-right ul ul li.last {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px
}

#category_menu.align-right ul ul {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

a.shop_category {
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 900;
    color: <?=$menufontcolor?> !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    padding-left: 1rem;
    margin-left: 7rem;
    font-size: 1.1em;
}

a.shop_category i {
    font-size: 21px;
    margin-left: 10px;
    color: <?=$menufontcolor?> !important;
}

.caroopmenuheader {
    text-align: right;
    flex: 1;
    justify-content: right;
    margin: auto;
    display: flex;
}


.wsmenu-list > li {
    text-align: center;
    display: block;
    margin: 0px;
    padding: 0px;
    float: right;
}


.wsmenu-list > .wsshopmenu > a .fa.fa-angle-down {
    display: inline-block;
    line-height: inherit;
    margin-left: 4px;
    color: #7b7b7b;
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
    font-size: 12px;
    margin: 0 3px 0 -4px;
}

.wsmenu-list > li > a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    position: relative;
}

.wsmenu-list > li:hover > a {
    color: #000;
}

.wsmenu-list > li > .navtext {
    padding: 0.2rem;
    margin: 0;
    border-top: 2px solid transparent;
}

.wsmenu-list > li > .navtext:hover {
    border-top: 2px solid #191970 !important;
}

.wsmenu-list > li > .navtext > span:hover,
.wsmenu-list > li > .navtext > span:focus {
    color: #000000;
}

.wsmenu-list > li > .navtext > span {
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    line-height: 1.5em;
    color: #ffffff;
    padding: 5px;
    font-weight: 900;
}

.wsmenu-list > li > .navtext > span: hover,
.wsmenu-list > li > .navtext > span: focus {
    color: #000000;
}

.wsmenu-list > li > .navtext > span + span {
    white-space: nowrap;
    font-weight: bold;
    color: #000000;
}

.wsmenu-list li a:hover .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li a.active .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li:hover > a .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li > .megamenu {
    transform: translateY(35px);
    transition: all .3s ease;
    visibility: hidden;
}

.wsmenu-list li > .megamenu a {
    line-height: 1;
    color: #000000;
    border-radius: 3rem;
    background: #f6f8fb;
    padding: 0.733rem 1.2rem;
    margin-top: 0.5rem;
}

.wsmenu-list li > .megamenu a:hover {
    color: #fff;
    background: linear-gradient(90deg, #191970, #010165)
}

.wsmenu-list li:hover > .megamenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.wsmenu-submenu {
    position: absolute;
    min-width: 200px;
    top: 58px;
    z-index: 1000;
    margin: 0px;
    padding: 0px;
    border: solid 1px #eeeeee;
    background-color: #fff;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.wsmenu-submenu li a {
    background: #fff !important;
    background-image: none !important;
    color: #666666 !important;
    border-right: 0 none !important;
    display: block;
    line-height: 22px;
    padding: 8px 12px;
    text-transform: none;
    letter-spacing: normal;
    border-right: 0px solid;
    border-bottom: 1px solid #f5f5f5;
}

.wsmenu-submenu li {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.wsmenuexpandermain {
    display: none;
}

.wsmenu-list li:hover .wsmenu-submenu {
    display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
    min-width: 220px;
    position: absolute;
    top: 0;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    opacity: 1;
    list-style: none;
    padding: 0px;
    border: solid 1px #eeeeee;
    background-color: #fff;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
    min-width: 220px;
    position: absolute;
    top: 0;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
    opacity: 1;
    list-style: none;
    padding: 0px;
    border: solid 1px #eeeeee;
    background-color: #fff;
}

.wsmenu-submenu li {
    position: relative;
    padding: 0px;
    margin: 0px;
    display: block;
}

.wsmenu-list li:hover .megamenu {
    opacity: 1;
}

.megamenu {
    width: 450px;
    right: auto;
    position: absolute;
    top: auto;
    color: #000;
    z-index: 1000;
    margin: 0px;
    text-align: right;
    padding: 2em;
    border: solid 1px #eeeeee;
    background-color: #ffffff;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    min-height: 10rem;
    box-shadow: 0 20px 50px 0 rgba(20, 83, 155, 5);
}

.megamenu .title {
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    padding: 9px 5px 9px 0px;
    font-size: 17px;
    color: #424242;
    margin: 0px 0px 7px 0px;
    text-align: left;
    height: 39px;
    margin: 0px 0px 10px 0px;
}

span.cartcounter {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    display: flex;
    background: yellow;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
    top: -0.5em;
    right: -0.5em;
    color: #000;
}

.cartbox {
    width: 4em;
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff !important;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
}

.cartbox:hover {
    transform: rotate(360deg);
    transition: all 0.5s ease-in-out 0s;
}

.rotclass:hover {
    transform: rotate(360deg);
    transition: all 0.5s ease-in-out 0s;
    font-size: 2em !important;
}

.cartcontent span {
    display: block;
    margin-right: 0.5em;
    margin-left: 0.5em;
}


.quantity-selector {
    width: 80px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #898989 !important;
    border-radius: 8px;
    color: #000;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quantity-selector button {
    border: none;
    margin: 0;
    padding: 0;
    color: #0fabc6;
    cursor: pointer;
    width: 33%;
    text-align: center;
    height: 100%;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0);
}

.quantity-selector-red,
.quantity-selector-red button {
    color: #ef394e
}

.quantity-selector-small {
    width: 88px;
    height: 34px
}

.quantity-selector-number {
    width: 33%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 15px;
    font-size: 1.4rem;
    line-height: 15px
}

.quantity-selector-add:before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-weight: 900;
    font-size: 1.2em;
}

.quantity-selector-add--disabled,
.quantity-selector-add--disabled:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.quantity-selector-add--disabled:before {
    color: #e0e0e2
}

.quantity-selector-add:before {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 22px
}

.quantity-selector-remove:before {
    content: "-";
    font-size: 3rem;
    line-height: 18px;
    vertical-align: top
}

.quantity-selector-trash:before {
    content: "\E024\00FE0E";
    vertical-align: top;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 18px
}

.radsearch-main {
    display: flex;
    color: #000;
    min-height: 1rem;
    position: relative;
    /*     background: linear-gradient(90deg, #191970, #191970); */
}

.radsearch-main + .rad-webinars-holder {
    margin-top: -2.1667rem
}

.mainSearch-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    position: absolute
}

.mainSearch-bg.pattern {
    background-repeat: repeat
}

.radsearch-main-wrapper {
    flex: 1;
    max-width: auto;
    position: relative;
    padding: 2px;
    margin: 0;
}

.radsearch-main-wrapper .radsearch-main-allWebinarsCount {
    display: none;
    font-size: 1.65rem;
    font-weight: 700;
    margin-top: 1rem
}

.rad-webinars .radsearch-main-wrapper {
    margin-bottom: 20px
}

.rad-webinars .radsearch-main-wrapper .radsearch-main-allWebinarsCount {
    display: flex;
    align-items: center;
    justify-content: center
}

.rad-about .radsearch-main-wrapper,
.rad-conatctUs .radsearch-main-wrapper,
.rad-terms .radsearch-main-wrapper {
    margin-bottom: 20px
}

.rad-host .radsearch-main-wrapper,
.rad-teacher .radsearch-main-wrapper {
    margin-bottom: 50px
}

.radsearch-main-title {
    text-align: center;
    font-size: 1.73333rem;
    z-index: 21;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.radsearch-main-title span {
    font-size: 1em
}

.radsearch-main-input {
    position: relative;
    margin-top: 0;
    background: #fff;
    color: #000;
    border-radius: 1rem;
    /*     box-shadow: 5px 5px 5px 5px rgba(20, 83, 155, 0.1); */
    z-index: 22
}

.radsearch-main-input input[type="text"] {
    width: 100%;
    border: none;
    display: block;
    background: transparent;
    /*     padding: 1.4rem 1rem; */
    font-size: 1rem;
    transition: all .25s;
    margin-right: 1px;
    padding: 1rem;
/*    min-width: 250px;*/
}

.radsearch-main-input input::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input::-moz-placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input::-ms-input-placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input::placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input:focus {
    outline: none
}

.radsearch-main-input .spinner {
    top: 50%;
    left: 2.2rem;
    font-size: .8rem;
    position: absolute;
    transform: translateY(-50%)
}

.radsearch-main-input .spinner:before {
    border-top-color: rgba(93, 89, 122, .5)
}

.radsearch-main-input .mainSearch-clear,
.radsearch-main-input button {
    top: 50%;
    left: 1em;
    padding: 1rem;
    border: none;
    outline: none;
    font-size: 1.8rem;
    position: absolute;
    background: transparent;
    color: rgba(93, 89, 122, .5);
    transform: translateY(-50%);
    color: #191971;
    padding-left: 0;
}

.radsearch-main-input .mainSearch-clear:disabled,
.radsearch-main-input button:disabled {
    opacity: .4
}

.radsearch-main-input .mainSearch-clear.stickLeft,
.radsearch-main-input button.stickLeft {
    left: 0
}

.radsearch-main-input.small {
    box-shadow: none;
    border: 1px solid #eee;
    width: 50%;
    margin: 0 25px;
    overflow: hidden;
    box-shadow: 0 3px 5px 0 rgba(52, 52, 72, .02)
}

.radsearch-main-input.small form {
    width: 100%;
    display: flex
}

.radsearch-main-input.small input {
    width: 100%;
    border: none;
    display: block;
    background: transparent;
    padding: 10px 15px;
    font-size: .93333rem
}

.radsearch-main-input.small input:focus {
    outline: none
}

.radsearch-main-input.small button {
    top: 48%;
    left: 0;
}

@media (max-width:767.98px) {
    .radsearch-main-input input {
        font-size: 1em !important;
        padding: 1.2rem
    }

    .radsearch-main-input button {
        left: 0
    }
}

.radsearch-main-mainContent {
    position: relative
}

.mainsearch-rad-resultb {
    position: absolute;
    top: 83px;
    right: 0;
    width: 100%;
    z-index: 22
}

.mainsearch-rad-result {
    position: absolute;
    top: -33px;
    right: 0;
    width: 100%;
    background: #ffffff;
    padding-top: inherit;
    border-radius: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0 0 10px 0 rgba(20, 83, 155, 5);
    overflow: auto;
    max-height: 220px;
}

.mainsearch-rad-result-event {
    position: absolute;
    top: auto;
    right: 0;
    width: 100%;
    background: #ffffff;
    padding-top: inherit;
    border-radius: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0 0 10px 0 rgba(20, 83, 155, 5);
    overflow: auto;
    max-height: 220px;
    bottom: 90px;
}


@media (max-width:767.98px) {
    .mainsearch-rad-result {
        padding: 0 !important
    }

    .mainsearch-rad-result .rad-mainSearch-r-seeAll {
        left: 0
    }
}

.mainsearch_rad {
    position: relative;
    height: 100%
}

.mainsearch_rad_item {
    border-top: 1px solid #f1f3f8;
    padding: 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:991.98px) {
    .mainsearch_rad_item {
        padding: .5rem 1rem 1rem
    }
}

.mainsearch_rad_item:hover {
    background-color: #f6f8fb
}

.mainsearch-rad-itemcon {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mainsearch-rad-itemcon .img-holder {
    flex: 0 0 65px;
    width: 60px;
    height: 60px;
    border-radius: 5px
}

.mainsearch-rad-itemcon .img-holder img {
    width: 100%;
    height: 100%
}

.mainsearch-rad-itemcon .text {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: row;
    flex-wrap: wrap;
    padding-left: 1rem;
    color: #191971;
    text-align: right;
}

.mainsearch-rad-itemcon .text .mainsearch-rad-onvan {
    flex: 0 0 100%;
    color: #191971;
    font-size: 1rem
}

.mainsearch-rad-itemcon .text .mainsearch-rad-evetdate,
.mainsearch-rad-itemcon .text .mainsearch-rad-professor {
    color: #191971;
    font-size: .8rem
}

.mainsearch-rad-itemcon .text .mainsearch-rad-professor {
    padding-left: .8rem;
    position: relative
}

.mainsearch-rad-itemcon .text .mainsearch-rad-evetdate {
    padding-right: .8rem
}

/* .mainsearch-rad-itemcon .text .mainsearch-rad-professor:after {
    content: "/";
    position: absolute;
    top: 0;
    left: -1px
} */

@media (max-width:991.98px) {
    .mainsearch-rad-itemcon {
        flex-flow: row;
        flex-wrap: wrap;
        position: relative
    }

    .mainsearch-rad-itemcon .text {
        flex: 0 0 calc(100% - 65px)
    }

    .mainsearch-rad-itemcon .mainsearch-rad-pricevalue {
        position: absolute;
        bottom: -8px;
        left: 0;
        font-size: .8rem !important;
        width: 30%;
    }
}

@media (max-width:767.98px) {
    .mainsearch-rad-itemcon {
        padding-bottom: 1.3rem
    }

    .mainsearch-rad-itemcon .mainsearch-rad-onvan {
        line-height: 20px;
        font-size: .8rem !important
    }
}

.mainsearch-rad-pricevalue {
    flex: 0 0 20%;
    font-weight: 700;
    text-align: left;
    font-size: 1em;
}

.rad-mainSearch-r-seeAll {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 172px;
    line-height: 38px;
    border-radius: 15.5px;
    box-shadow: 0 20px 50px 0 rgba(20, 83, 155, .05);
    background-color: #fff;
    font-size: .8rem;
    color: #343448;
    text-align: center
}

.rad-mainSearch-result-err {
    flex: 0 0 100%;
    color: #5d597a;
    font-size: 1rem;
    border-top: 1px solid #f1f3f8;
    text-align: center;
    padding: 1rem 0
}

#radsearch-main-r-itemFinished {
    font-size: .86667rem;
    font-weight: 400
}

.radsearchPresenterB {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background: #efe;
    padding: 20px;
    border-radius: .3333rem;
    box-shadow: 0 5px 10px 0 rgba(20, 83, 155, .05)
}

.radsearchPresenter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 1.5rem 1.5rem 2.4rem !important
}

.radsearchPresenter .img-holder {
    flex: 0 0 60px;
    margin-left: 10px;
    border-radius: 100%;
    overflow: hidden
}

.radsearchPresenter .img-holder img {
    width: 100%;
    height: 60px;
    object-fit: cover;
    -o-object-fit: cover
}

.radsearchPresenter input {
    flex: 1
}

.radsearchMPresenter {
    position: relative
}

.radsearchMPresenter:before {
    content: "مدرس اصلی";
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    line-height: 22px;
    color: #fff;
    background-color: #4dba64;
    border-radius: 0 .3333rem 0 .3333rem
}

.radsearchMPresenter.rightMain:before {
    right: 25px
}

.btnRemoveAction {
    background: #c1cfe6;
    width: 31px;
    height: 31px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer
}

.btnRemoveAction:hover {
    background: #d01d31
}

.btnRemoveAction:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}


.btnRemoveActionSmall {
    background: #c1cfe6;
    min-width: 21px;
    height: 21px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer;
    color: #ffffff;
    right: 0;
    padding-right: 5px;
    padding-left: 5px;
}

.btnRemoveActionSmall:hover {
    background: #d01d31;
    color: #ffffff;
}

.btnRemoveActionSmall:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}



.selectsoftwareA-holder {
    margin-bottom: 2.5rem;
    padding: 3rem 5.5rem
}

.selectsoftwareA {
    position: relative;
    border-radius: .3333rem;
    box-shadow: 0 20px 50px 0 rgba(20, 83, 155, .05);
    border: 3px solid transparent
}

.selectsoftwareA.active {
    border: 4px solid #191971;
}

.selectsoftwareA-content {
    padding: 1rem 2rem 0
}

.selectsoftware-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px dashed #c1cfe6;
    padding-bottom: 1rem
}

#selectsoftware-header-img {
    width: 8rem;
    height: 8rem;
    border-radius: 100%;
    background: #eee;
    margin-left: 3rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#selectsoftware-header-img img {
    width: 5rem;
}

.selectsoftware-header-text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #191971
}

.selectsoftware-header-text.skyroom {
    color: #3e9fee
}

.selectsoftware-header-text span#name {
    font-size: 1.46667rem;
    font-weight: 700
}

.selectsoftware-header-text p {
    font-size: 1rem;
    font-weight: 700
}

.selectsoftware-header-text p span {
    position: relative
}

.selectsoftware-header-text p span:before {
    content: "";
    position: absolute;
    right: 1px;
    bottom: -2px;
    width: 100%;
    border-top: 1px solid #191971
}

.selectsoftware-summary {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-bottom: 0px dashed #c1cfe6;
    padding: 1.5rem 0
}

.selectsoftware-summary span {
    padding-right: 1.5rem;
    position: relative;
    color: #696983;
    line-height: 35px;
}

.selectsoftware-values {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px dashed #c1cfe6;
    padding: 1rem 0
}

.selectsoftware-values label {
    font-size: 1rem;
    font-weight: 700
}

.selectsoftware-values .radiobuttonrad {
    padding: .5rem 0
}

.selectsoftware-values .radiobuttonrad.active label {
    color: #191971
}

.selectsoftware-pricePer {
    padding: 0.5em;
    color: #191971
}

.selectsoftware-price,
.selectsoftware-pricePer {
    font-size: 1.33333rem;
    font-weight: 700;
    text-align: center;
}

.selectsoftware-price {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: #ffffff;
    background: #73bd73;
    padding: 1rem 1.5rem;
    text-align: center;
}


#selectsoftware-OldPrice {
    position: relative;
    font-size: 24px;
    margin-left: 1rem;
    color: #ff5969;
    font-weight: 400;
    text-decoration: line-through
}

.radiobuttonrad {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    cursor: pointer
}

.radiobuttonrad label {
    cursor: pointer
}

.radiobuttonsoft {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 1.2rem
}

.radiobuttonsoft input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.radiobuttonradHolder:before {
    content: "";
    position: absolute;
    top: -8px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #dfe4ec !important;
    border-radius: 100%;
    background: #fff;
    pointer-events: none
}

.radiobuttonsoft.active:after {
    content: "";
    position: absolute;
    top: -4px;
    right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #191971;
    pointer-events: none;
    z-index: 12
}

.radiobuttonsoft.active:before {
    border-color: #191971
}


.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

@media (min-width:992px) {
    .kazemisubjectshop {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        padding-left: 1rem;
        margin-left: 7rem;
    }
}

.confirmMessage {
    background-color: #f6f7f8;
    width: 100%;
    line-height: 4em;
    text-align: center;
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

input[type=radio].payment {
    position: absolute;
}

.page-link,
.prev_link,
.first_link,
.next_link,
.last_link {
    color: #2573b3;
    background-color: #fafcfe;
    border-radius: 0;
    height: 100%;
    display: block;
    padding: .5rem .75rem;
    line-height: 1.25;
    border: 1px solid #dee2e6;
    border-top-color: rgb(222, 226, 230);
    border-right-color: rgb(222, 226, 230);
    border-bottom-color: rgb(222, 226, 230);
    border-left-color: rgb(222, 226, 230);
}

.page-link:hover {
    color: #2573b3;
    background-color: #ecf4fc;
    border-color: #c0dbf2;
    text-decoration: none
}

.page-link.active {
    z-index: 3
}

.page-link:focus {
    box-shadow: none;
    color: #2573b3;
    background-color: #f3f8fd;
    border-color: #c0dbf2
}

.page-link:active {
    color: #2573b3;
    background-color: #ecf4fc;
    border-color: #c0dbf2
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2a80c8;
    border-color: #287abe
}

.page-item.disabled .page-link {
    color: #8d9fab;
    background-color: #fff;
    border-color: #d3dadf
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}



.breadcrumb {
    border-radius: 1rem;
    counter-reset: flag;
    overflow: hidden;
    padding: 0;
    text-align: center;
    background: #f5f5f5;
}

.breadcrumb > a {
    color: #969696;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 36px;
    outline: none;
    padding-left: 10px;
    padding-right: 30px;
    position: relative;
    text-decoration: none
}

.breadcrumb > a:first-child {
    border-radius: 5px 0 0 5px
}

.breadcrumb > a:last-child {
    border-radius: 0 0 5px 5px
}

.breadcrumb > a:last-child:after {
    content: none
}

.breadcrumb > a:after {
    content: "";
    position: absolute;
    top: 0;
    left: -17px;
    width: 36px;
    height: 36px;
    -webkit-transform: scale(1) rotate(-135deg);
    transform: scale(1) rotate(-135deg);
    z-index: 1;
    -webkit-box-shadow: 2px -2px 0 2px #e6e6e6;
    box-shadow: 2px -2px 0 2px #e6e6e6;
    border-radius: 0 5px 0 50px
}

.flat a {
    color: #909090
}

.flat a,
.flat a:after {
    background: #f5f5f5;
    -webkit-transition: all .2s;
    transition: all .2s
}

.flat a:after {
    color: #869ab3
}

.flat a:not(:last-child):hover {
    background: #869ab3;
    color: #fff
}

.flat a:not(:last-child):hover:after {
    background: #869ab3
}

.flat a:last-child {
    cursor: default
}

.flat a.active {
    color: #fff
}

.flat a.active:after {
    background: #869ab3
}

.carousel-customers:hover img {
    filter: blur(2px);
}

.carousel-customers .customers-carousel-item-content img:hover {
    filter: blur(0px);
}

.cat-top-news {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .7);
    display: block;
    padding: 0 15px;
    z-index: 2;
}

.avatarfacultymemberradvin {
    vertical-align: middle;
    width: 9em;
    height: 9em;
    border-radius: 3rem;
    border: 1px solid #DDD;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.img-yjc-news-1 img {
    width: 100%;
    height: 361px !important;
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 5px
}

.content-top-news-2 {
    padding-right: 9px;
}

.row::before,
.row::after {
    content: " ";
    display: table;
    box-sizing: border-box;
}

.content-top-news-2 div {
    margin-bottom: 8px;
}

.cat-top-news-2 {
    position: absolute;
    top: 10px;
    left: 50%;
    border-radius: 5px;
    background: #fff;
    display: block;
    padding: 0 15px;
    z-index: 2;
}

article {
    display: block;
}

.img-top-news-2 {
    display: block;
}

.img-top-news-2 img {
    float: right;
    display: block;
    width: 50%;
    margin-left: 19px;
    border-radius: 5px;
    height: 176px;
    box-shadow: 0px 0px 4px #ccc;
}

.content-top-news-2 div {
    margin-bottom: 8px;
    text-align: justify;
}

.title-top-news-2 {
    display: block;
    font: 16.5px/26px;
    margin-bottom: 8px;
    text-align: justify;
}

.top-new-home .subtitle-top-news-2 {
    color: #242424;
    text-align: justify;
}



.cta-whatsapp-wrapper {
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 9999;
}

.cta-whatsapp-wrapper .img-cta-whatsapp {
    width: 60px;
    height: 60px;
}

.cta-whatsapp-wrapper .img-cta-whatsapp img {
    width: 100%;
    position: relative;
}

.cta-whatsapp-wrapper .img-cta-whatsapp:after {
    content: 'پشتیبانی آنلاین';
    width: 150px;
    right: 50px;
    top: 30%;
    z-index: -1;
    position: absolute;
    background-color: #79ba7d;
    padding: 2px 5px;
    border-radius: 5px;
    color: #f2faff;
    text-align: center;
}

.box-cta-whatsapp-wrapper {
    position: fixed;
    background-color: #79ba7e;
    bottom: 20px;
    right: 10px;
    width: 320px;
    padding: 15px 10px;
    text-align: justify;
    font-size: 1em;
    border-radius: 4px;
    color: #f2faff;
    display: none;
    opacity: 0.95;
    z-index: 9999;
}

.box-cta-whatsapp-wrapper h5 {
    font-size: 1.1em !important;
    text-align: center;
    margin: 20px 0;
    font-weight: 600;
    color: #262626;
}

.box-cta-whatsapp-wrapper a {
    background-color: #f2faff;
    display: block;
    padding: 7px;
    text-align: center;
    color: #262626;
    border-radius: 4px;
    font-size: 1.1em;
    font-weight: 600;
}

.box-cta-whatsapp-wrapper span {
    position: absolute;
    top: 10px;
}

.box-cta-whatsapp-wrapper span img {
    width: 30px;
    z-index: 9999;
    margin-top: -5px
}

.box-cta-whatsapp-wrapper a:hover {
    color: #79ba7e;
}

.fa-spin-hover {
    cursor: default;
    transition: all 0.3s ease-in-out 0s;
}

.fa-spin-hover:hover {
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.3s ease-in-out 0s;
}

.accordion {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #FFF;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 40px; /* تغییر: افزایش padding-left برای فضای آیکون */
    border-top: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.accordion li:first-child .link {
    border-top: 0;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

.accordion li i {
    /* position: absolute; حذف شده */
    /* top: 16px; حذف شده */
    /* right: 12px; حذف شده */
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    position: absolute; /* فقط برای این آیکون */
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.accordion li.open .link {
    color: #b63b4d;
}

.accordion li.open i {
    color: #b63b4d;
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.link .iconmenu i {
    position: inherit;
    display: inline-block; /* اضافه شده */
    margin-left: 3px;
    margin-right: 3px;
}

/* اضافه شده برای آیتم‌های منوی فرعی */
.submenuright li a i {
    position: static;
    margin-left: 3px;
    margin-right: 3px;
}
/**
 * Submenu
 -----------------------------*/

.submenusubject {
    display: none;
    /*        background: #444359;*/
    /*        font-size: 14px;*/
}

.submenusubject li {
    border-bottom: 0px solid #4b4a5e;
    line-height: 2.5;
}

.submenusubject a {
    display: block;
    text-decoration: none;
    color: #000000;
    /*    padding: 12px;*/
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenusubject a:hover {
    /*
        background: #b63b4d;
        color: #FFF;
*/
}


.submenuright {
    display: none;
    /*        background: #444359;*/
    /*        font-size: 14px;*/
}

.submenuright li {
    border-bottom: 0px solid #4b4a5e;
    line-height: 2.5;
}

.submenuright a {
    display: block;
    text-decoration: none;
    color: #000000;
    /*    padding: 12px;*/
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenuright a:hover {
    /*
        background: #b63b4d;
        color: #FFF;
*/
}

.summary-article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DDD;
}

.hide {
    display: none;
}

.lh {
    line-height: 3;
    height: calc(3em + 1rem + 2px);
}

.buttonWrap {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
}

.add-button {
    position: relative;
    display: inline-block !important;
    width: auto;
    margin: 5px auto;
    float: none;
    background: #cbf5ff;
    padding: 3px;
    border-radius: 5px;
    color: #116e7d;
    font-size: 1em;
    cursor: pointer;
    z-index: 999999999 !important;
}

.closeBtn {
    position: relative;
    font-size: 1em;
    background: #eee;
    top: 3px;
    padding: 3px;
    border-radius: 50%;
    z-index: 99999;
    cursor: pointer;
    width: auto;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden;
    /* Hidden by default. Visible on click */
    min-width: 80%;
    /* Set a default minimum width */
    max-width: 80%;
    /* Set a default minimum width */
    margin-left: auto;
    /* Divide value of min-width by 2 */
    margin-right: auto;
    background-color: #333;
    /* Black background color */
    color: #fff;
    /* White text color */
    text-align: center;
    /* Centered text */
    border-radius: 2px;
    /* Rounded borders */
    padding: 16px;
    /* Padding */
    position: fixed;
    /* Sit on top of the screen */
    z-index: 1;
    /* Add a z-index if needed */
    left: 10%;
    /* Center the snackbar */
    bottom: 30px;
    /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible;
    /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.ath_container {
    width: 100%;
}

#uploadStatus {
    color: #070078;
}

.ath_container a {
    text-decoration: none;
    color: #2f20d1;
}

.ath_container a:hover {
    text-decoration: underline;
}

.ath_container img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}


.ath_container .label {
    color: #565656;
    margin-bottom: 2px;
}



.ath_container .message {
    padding: 6px 20px;
    font-size: 1em;
    color: rgb(40, 40, 40);
    box-sizing: border-box;
    margin: 0px;
    border-radius: 3px;
    width: 100%;
    overflow: auto;
}

.ath_container .error {
    padding: 6px 20px;
    border-radius: 3px;
    background-color: #ffe7e7;
    border: 1px solid #e46b66;
    color: #dc0d24;
}

.ath_container .success {
    background-color: #48e0a4;
    border: #40cc94 1px solid;
    border-radius: 3px;
    color: #105b3d;
}

.ath_container .validation-message {
    color: #e20900;
}

.ath_container .font-bold {
    font-weight: bold;
}

.ath_container .display-none {
    display: none;
}

.ath_container .inline-block {
    display: inline-block;
}

.ath_container .float-right {
    float: right;
}

.ath_container .float-left {
    float: left;
}

.ath_container .text-center {
    text-align: center;
}

.ath_container .text-left {
    text-align: left;
}

.ath_container .text-right {
    text-align: right;
}

.ath_container .full-width {
    width: 100%;
}

.ath_container .cursor-pointer {
    cursor: pointer;
}

.ath_container .mr-20 {
    margin-right: 20px;
}

.ath_container .m-20 {
    margin: 20px;
}



.ath_container table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 20px;
}


.ath_container table th,
.ath_container table td {
    text-align: left;
    padding: 5px;
    border: 1px solid #ededed;
    width: 50%;
}

tr:nth-child(even) {
    background-color: #f2f2f2
}

.ath_container .progress {
    margin: 20px 0 0 0;
    width: 300px;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
}

.ath_container .progress-bar {
    width: 0%;
    height: 24px;
    background-color: #4CAF50;
    margin-top: 15px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
}

@media all and (max-width: 780px) {
    .ath_container {
        width: auto;
    }
}



.ath_container input {
    box-sizing: border-box;
    width: 100%;
    height: initial;
    padding: 8px 5px;
    border: 1px dashed #b7b7b7;
    border-radius: 4px;
}

.ath_container input[type="checkbox"] {
    width: auto;
    vertical-align: text-bottom;
}

.ath_container textarea {
    width: 300px;
}

.ath_container select {
    display: initial;
    height: 30px;
    padding: 2px 5px;
}

.ath_container button,
.ath_container input[type=submit],
.ath_container input[type=button] {
    padding: 10px 35px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 25px;
    color: #000000;
    background-color: #ebdd58;
    border: none;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, .3);
    transition: all .3s;
}

.ath_container button:hover {
    background-color: #3e31fd;
    color: #fff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .3);
}

::placeholder {
    color: #bdbfc4;
}

.ath_container label {
    display: block;
    color: #565656;
}

@media all and (max-width: 400px) {
    .ath_container {
        padding: 0px 20px;
    }

    .ath_container {
        width: auto;
    }

    .ath_container input,
    .ath_container textarea,
    .ath_container select {
        width: 100%;
    }
}

#form-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); /* شدت تاریکی */
  z-index: 1050;
  display: none;
  pointer-events: auto;
}

#toast-container-ace {
  position: fixed;
  top: 50%;
  left: 20px;
  transform: translateY(-50%); 
  z-index: 1060;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

/* باکس toast */
.toast-ace {
  direction: rtl;
  background: #fff3cd;
  color: #000;
  padding: 18px 24px;
  border-radius: 12px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
  min-width: 400px;
  max-width: 400px;
  animation: fadeInUp 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  font-weight: 500;
  pointer-events: all;
  position: relative;
  text-align: right;
  line-height: 1.7;
}

/* انیمیشن ظاهر شدن بدون حرکت موقعیت */
@keyframes fadeInUp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* برای موبایل */
@media (max-width: 768px) {
  .toast-ace {
    min-width: 90%;
    max-width: 95%;
    font-size: 15px;
    padding: 10px;
  }
}

.boxradvin {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #FFF;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}

.boxradvin .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    /*        font-size: 14px;*/
    border-top: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.boxradvin li:last-child .link {
    border-bottom: 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.boxradvin li:first-child .link {
    border-top: 0;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}


.nav-tabs {
    border: none;
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 5px;
    align-items: center;
    justify-content: center;
    background: var(--white)
}

.nav-tabs li {
    padding: 0 10px;
    border-left: 1px solid #DDD;
    margin-bottom: 5px !important;
}

.nav-tabs li:last-child {
    border: none
}

.tab-link {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.tab-link:hover {
    color: var(--primary)
}

.tab-link i {
    font-size: 14px;
    margin-left: 3px
}

.tab-link.active {
    color: var(--primary);
    border-bottom: #070078 5px solid;
    line-height: 42px;
}

.tab-pane {
    display: none;
    padding: 0
}

.tab-pane.active {
    display: block
}

@media (max-width: 575px) {
    .nav-tabs {
        flex-wrap: wrap;
/*        flex-direction: column*/
    }

    .nav-tabs li {
        padding: 5px;
        border: none
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .nav-tabs {
        padding: 25px 10px
    }

    .nav-tabs li {
        padding: 0 20px
    }
}

@media (min-width: 1024px) {
    .footer-fixed-container {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1000;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .footer-fixed-buttons {
        display: flex;
        gap: 20px;
        max-width: 900px;
        width: 100%;
        padding: 0;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 1023px) {
    .footer-fixed-container {
        display: none !important;
    }
}

.mobile-menu {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    background: var(--white);
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    display: none;
/*    border-radius: 20px 20px 0 0;*/
    border-radius: 0;
}

.mobile-menu a, .mobile-menu button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 80px;
    padding: 3px 0;
    border-radius: 8px;
    position: relative
}

.mobile-menu a:hover, .mobile-menu button:hover {
    background: var(--chalk)
}

.mobile-menu a:hover i, .mobile-menu button:hover i {
    color: var(--primary)
}

.mobile-menu a:hover span, .mobile-menu button:hover span {
    color: var(--primary)
}

.mobile-menu a i, .mobile-menu button i {
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;
    text-shadow: -2px 3px 8px rgba(0, 0, 0, .1)
}

.mobile-menu a span, .mobile-menu button span {
    font-size: 8px;
    line-height: 12px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    text-wrap-style: balance;
}

.mobile-menu a sup, .mobile-menu button sup {
    position: absolute;
    top: -5px;
    right: 75%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    transform: translateX(50%);
    color: var(--white);
    background: var(--primary);
    border: 2px solid var(--green-chalk);
    text-shadow: var(--primary-tshadow)
}

.mobile-menu a .icofont-shopping-cart, .mobile-menu button .icofont-shopping-cart {
    font-size: 18px
}

@media (max-width: 991px) {
    .mobile-menu {
        display: flex
    }
}

/* bootstrap_table4_far.css */
.bootstrap-table .fixed-table-toolbar::after {
  content: "";
  display: block;
  clear: both;
}
.bootstrap-table .fixed-table-toolbar .bs-bars,
.bootstrap-table .fixed-table-toolbar .search,
.bootstrap-table .fixed-table-toolbar .columns {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group {
  display: inline-block;
  margin-left: -1px !important;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group > .btn {
  border-radius: 0;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:first-child > .btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:last-child > .btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bootstrap-table .fixed-table-toolbar .columns .dropdown-menu {
  text-align: right;
  max-height: 300px;
  overflow: auto;
  -ms-overflow-style: scrollbar;
  z-index: 1001;
  direction: rtl;
}

.bootstrap-table .fixed-table-toolbar .columns label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
}

.bootstrap-table .fixed-table-toolbar .columns-left {
  margin-right: 5px;
}

.bootstrap-table .fixed-table-toolbar .columns-right {
  margin-right: 5px;
  direction: ltr;
}

.bootstrap-table .fixed-table-toolbar .pull-right .dropdown-menu {
  right: 0;
  left: auto;
}

.bootstrap-table .fixed-table-container {
  position: relative;
  clear: both;
  z-index: 999;
}

.bootstrap-table .fixed-table-container .table {
  width: 100%;
  margin-bottom: 0 !important;
}

.bootstrap-table .fixed-table-container .table th,
.bootstrap-table .fixed-table-container .table td {
  vertical-align: middle;
  box-sizing: border-box;
}

.bootstrap-table .fixed-table-container .table thead th {
  vertical-align: bottom;
  padding: 0;
  margin: 0;
    text-align: center;
}

.bootstrap-table .fixed-table-container .table thead th:focus {
  outline: 0 solid transparent;
}

.bootstrap-table .fixed-table-container .table thead th.detail {
  width: 30px;
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
  padding: 0.75rem;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bootstrap-table .fixed-table-container .table thead th .sortable {
  cursor: pointer;
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.bootstrap-table .fixed-table-container .table thead th .both {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}

.bootstrap-table .fixed-table-container .table thead th .asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
}

.bootstrap-table .fixed-table-container .table thead th .desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ");
}

.bootstrap-table .fixed-table-container .table tbody tr.selected td {
  background-color: rgba(0, 0, 0, 0.075);
}

.bootstrap-table .fixed-table-container .table tbody tr.no-records-found td {
  text-align: center;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view {
  display: flex;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {
  font-weight: bold;
  display: inline-block;
  min-width: 30%;
  text-align: left !important;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-value {
  width: 100%;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox {
  text-align: center;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox label {
  margin-bottom: 0;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="radio"],
.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="checkbox"] {
  margin: 0 auto !important;
}

.bootstrap-table .fixed-table-container .table.table-sm .th-inner {
  padding: 0.3rem;
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height.has-card-view {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .table thead th {
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .table-dark thead th {
  border-bottom: 1px solid #32383e;
}

.bootstrap-table .fixed-table-container .fixed-table-header {
  overflow: hidden;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
  overflow-x: auto;
  overflow-y: auto;
  height: 100%;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  transition: visibility 0s, opacity 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.open {
  visibility: visible;
  opacity: 1;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap {
  align-items: baseline;
  display: flex;
  justify-content: center;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
  margin-right: 6px;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before {
  content: "";
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: LOADING;
  background: #212529;
  border-radius: 50%;
  display: block;
  height: 5px;
  margin: 0 4px;
  opacity: 0;
  width: 5px;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot {
  animation-delay: 0.3s;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after {
  animation-delay: 0.6s;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark {
  background: #212529;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::after,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::before {
  background: #fff;
}

.bootstrap-table .fixed-table-container .fixed-table-footer {
  overflow: hidden;
}

.bootstrap-table .fixed-table-pagination::after {
  content: "";
  display: block;
  clear: both;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail,
.bootstrap-table .fixed-table-pagination > .pagination {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info {
  line-height: 34px;
  margin-right: 5px;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list {
  display: inline-block;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group .dropdown-menu {
  margin-bottom: 0;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination {
  margin: 0;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a {
  color: #c8c8c8;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::before {
  content: '\2B05';
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::after {
  content: '\27A1';
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a {
  pointer-events: none;
  cursor: default;
}

.bootstrap-table.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100% !important;
  background: #fff;
  height: calc(100vh);
  overflow-y: scroll;
}

.bootstrap-table.bootstrap4 .pagination-lg .page-link, .bootstrap-table.bootstrap5 .pagination-lg .page-link {
  padding: .5rem 1rem;
}

.bootstrap-table.bootstrap5 .float-left {
  float: left;
}

.bootstrap-table.bootstrap5 .float-right {
  float: right;
}

/* calculate scrollbar width */
div.fixed-table-scroll-inner {
  width: 100%;
  height: 200px;
}

div.fixed-table-scroll-outer {
  top: 0;
  left: 0;
  visibility: hidden;
  width: 200px;
  height: 150px;
  overflow: hidden;
}

@keyframes LOADING {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}